<template>
<view class="content">
<text style="margin-bottom: 20px;margin-top: 20px;">测试1:</text>
<rich-text :nodes="nodes"></rich-text>
<text style="margin-bottom: 20px;margin-top: 20px;">测试2:</text>
<rich-text :nodes="nodes1"></rich-text>
</view>
</template>
<script>
export default {
data() {
return {
nodes: [
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`,
}
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`
}
},
],
nodes1: [
{
name: 'text',
text:'尽快解决哈,感谢你,这里偏上对不齐'
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`,
}
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`
}
},
],
}
},
onLoad() {
},
methods: {
}
}
</script>
- 发布:2022-05-25 14:09
- 更新:2022-05-25 15:25
- 阅读:395
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.7
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: 任何安卓型号,手机
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<template>
<view class="content">
<text style="margin-bottom: 20px;margin-top: 20px;">测试1:</text>
<rich-text :nodes="nodes"></rich-text>
<text style="margin-bottom: 20px;margin-top: 20px;">测试2:</text>
<rich-text :nodes="nodes1"></rich-text>
</view>
</template>
<script>
export default {
data() {
return {
nodes: [
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`,
}
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`
}
},
],
nodes1: [
{
name: 'text',
text:'尽快解决哈,感谢你,这里偏上对不齐'
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`,
}
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`
}
},
],
}
},
onLoad() {
},
methods: {
}
}
</script>
<template>
<view class="content">
<text style="margin-bottom: 20px;margin-top: 20px;">测试1:</text>
<rich-text :nodes="nodes"></rich-text>
<text style="margin-bottom: 20px;margin-top: 20px;">测试2:</text>
<rich-text :nodes="nodes1"></rich-text>
</view>
</template>
<script>
export default {
data() {
return {
nodes: [
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`,
}
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`
}
},
],
nodes1: [
{
name: 'text',
text:'尽快解决哈,感谢你,这里偏上对不齐'
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`,
}
},
{
name: 'img',
attrs: {
width:'40rpx',
height: '40rpx',
src: `/static/0.png`
}
},
],
}
},
onLoad() {
},
methods: {
}
}
</script>
预期结果:
正常显示
正常显示
实际结果:
图片偏上
图片偏上
秃顶佩奇
大佬,请问你解决这个问题了吗?
2022-11-22 17:30