正确渲染'''<text class="itu-right" >{{ item.focusStatus == 'Y' ? '已关注' : '关注' }}</text>'''
错误渲染(格式化后)'''<text class="itu-right">
{{ item.focusStatus == 'Y' ? '已关注' : '关注' }}
</text>'''
样式.itu-right {
align-self: center;
text-align: center;
width: 120rpx;
padding: 8rpx 0;
border-radius: 50rpx;
border-width: 1rpx;
font-size: 30rpx;
color: #fff;
background-image: linear-gradient(to right, #18806e, #4aa83e);
}
![9***@qq.com](https://img-cdn-tc.dcloud.net.cn/account/identicon/b9ea136f558ec5cda94c0c826d5e26d9.png)
- 发布:2020-09-11 10:09
- 更新:2020-09-11 10:09
- 阅读:549
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
HBuilderX类型: 正式
HBuilderX版本号: 2.7.14
手机系统: Android
手机系统版本号: Android 5.0
手机厂商: 华为
手机机型: note
页面类型: nvue
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
1
1
预期结果:
1
1
实际结果:
1
1
bug描述:
可能是格式化后换行导致的渲染不正确,见图中关注按钮
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20200911/a9c156b80553d586ee7363a093ef8b74.jpg)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20200911/e6d1a763a2daa9b9d8ad3a8b4de85ba3.jpg)