hikerw
hikerw
  • 发布:2021-09-24 11:16
  • 更新:2023-03-01 11:56
  • 阅读:1579

nvue遇到text是块元素,解决文字嵌套问题

分类:nvue
<!-- nvue不支持span  解决方案  -->  
 <view class='reply'>  
        <view class='reply-detail'>  
              <text class="reply-detail-username" v-for="i in '刘芸'">{{i}}</text>  
             <text class="reply-detail-content" v-for='i in ":"'>{{i+'&nbsp;'}}</text>  
             <text  class="reply-detail-content" v-for='it in "都说JAVA开发很赚钱, 我苦心专研了两年,其中参加了不少的培训。"'>{{it}}</text>  
       </view>  
 </view>  

<style lang='scss'>  
     .reply {  
        width: 595upx;  
        min-height: 75upx;  
        margin: 15upx 30upx 0upx 124upx;  
        padding: 22upx 24upx;  
        background-color: #F4F4F4;  
        border-radius: 4upx;  
      }  

     .reply-detail {  
        font-size: 29upx;  
        line-height: 48upx;  
        display: flex;  
        flex-direction: row;  
        color: #343434;  
        flex-wrap: wrap;  
       >.reply-detail-username{  
           color: #2199D1;  
       }  
       >.reply-detail-content{}  
    }  
   </style>

完美解决nvue中的文字无法嵌套

2 关注 分享
Kytrun 自学的烦恼

要回复文章请先登录注册

ukeKon

ukeKon

回复 hikerw :
谢谢你,不过我也已经按自己需求做了一个.
2023-03-01 11:56
hikerw

hikerw (作者)

回复 ukeKon :
可以的
2023-02-28 14:14
ukeKon

ukeKon

佬好,可以用你的vue3版hx-lottie插件吗?
可以的话邮箱:kongdel@outlook.com 或者你指定方式
2023-02-21 17:57
syczuan

syczuan

这种方式在长列表下太耗费性能了,只需要外面包裹一个view,设置相对定位,内容前面拼接上“作者名:”,
添加<text>作者名:</text>标签,设置绝对定位left:0px;top:0px,文字大小行高设置和内容一样,背景设置和外框颜色一致就行,并且点击事件之类也能自行添加,但是这种也有局限性,目前只适合图上的情况
2023-01-10 20:05
1***@qq.com

1***@qq.com

这种写法不会出现其他问题吗 或者 绑定事件时 应该如何处理呐
2022-05-13 16:03
道远石头

道远石头

感谢分享,帮了大忙
2022-01-22 16:13