微信小程序text控件部分字体文字大小和颜色设置

作者: cheng 发布时间: 2019-10-15 浏览: 7311 次 编辑

在我们android中有的时候会要求textview控件显示文字部分颜色不同而且大小也不同,这个在微信小程序中怎么做呢?

因为在微信小程序中所有的显示都是通过标签来实现的,那么标签时可以嵌套的,比如显示hello world 要求hello颜色是红色 而且字体大小为40rpx;

实例

效果图:


wxml文件

<text class='user-msg'><text class="hello">你好</text>丽丽</text>

wxss文件

.user-msg{
    font-size: 46rpx;
    color: black;
}


.hello{
    font-size: 40rpx;
    color: red;
}