<!-- 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+' '}}</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中的文字无法嵌套
