微信小程序-一段文字中的不同样式

微信小程序-一段文字中的不同样式,第1张

项目中有这样一个需求:就是考试题目(单纯的一串文字)的结尾,要跟随一个带边框的题目类型,如图

这个标题,正常来讲,直接用<text>组件显示即可。但需求一变之后,就要跟随在文字末尾,而且样式还不一样。

这个时候就想到html中,可以用<span>来显示你想展示不同样式的部分

但是在小程序中,<text>组件里只能是text,不能有其他,用的<span>也是无效

于是,我把之前用<text>显示标题的组件,替换成了<view>

效果图:

在D盘建立一个delVBtxt的文本

<html>

<head>

<meta >

text{

overflow:hidden; //超出一行文字自动隐藏

text-overflow:ellipsis;//文字隐藏后添加省略号

white-space:nowrap; //强制不换行

}

看看这样有效不?上面那个最佳答案怕不是傻的吧,就是不知道才来问啊

在一些场景中,我们需要获取到标签里面的值来和接口返回的值做对比,一致则进行下一步,后者进行错误判断

<block wx:for='{{objectArray}}'  data-name='{{itemname}}' data-id='{{itemid}}' bindtap='select'>

        <text class='yuzhong'>{{itemname}}</text>

    </view>

主要在于 data- 这个上面  上面的那个name 和 id 是我自己定义的,你们可以随意定义一些语义化的词,

获取也很简单:

select:function(e){

consolelog(ecurrentTargetdatasetname);

    },

1自动换行是根据单元格的列宽自动换行,这里新建一个Excel,在第一个单元格内输入文字“百度经验百度百科”如图所示: 2在单元格上点击右键,打开右键菜单,如图所示: 3在单元格右键菜单中选择“设置单元格格式”,打开“设置单元格格式”对话框,

以上就是关于微信小程序-一段文字中的不同样式全部的内容,包括:微信小程序-一段文字中的不同样式、编写一段小程序,可以读入一个英文的文本文件,显示这个文件,并统计这个文件有多少个字符,多少个单词,、小程序字数限制两行怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10169583.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存