当前位置:萝卜系统下载站 > 电脑学习教程 > 详细页面

微信小程序基础基础图文教程:小程序常用组件之文本组件

微信小程序基础基础图文教程:小程序常用组件之文本组件

更新时间:2023-08-02 文章作者:未知 信息来源:网络 阅读次数:

本站电脑知识提供应用软件知识,计算机网络软件知识,计算机系统工具知识,电脑配置知识,电脑故障排除和电脑常识大全,帮助您更好的学习电脑!不为别的,只因有共同的爱好,为软件和互联网发展出一分力!

今天,我们来学习学习其他的小程序组件。


text组件

小程序里的这个组件也是我们的老朋友了,他主要是类似于行标签的用法,类似于html里面的标签,同样的,他和html里面的标签也不一样,更高级,也有更多的用法。

打开微信开发者文档,我们可以看到以下的内容:

小程序学习日志4:小程序常用组件之文本组件

?

text组件属性1:文本可被选

  • selectable

这个属性加进组件之后,这个里面的内容就可以被选中了。

参考代码:

小程序开发

小程序学习日志4:小程序常用组件之文本组件

?

text组件属性2:可多添加几个空格

  • space

这个属性是用来加空格的

大家来看这行代码,马    蹄       谷

我这里面马蹄谷三个字空了很大的空间,但是呢,没什么用,看下图:

小程序学习日志4:小程序常用组件之文本组件

?

可以看到上图,只实现出了一个空格的效果,那么,我们就需要用到这个space的功能。 打开微信开发文档,这里面的space用三个属性值,我们可以根据实际情况选用合适的值。

小程序学习日志4:小程序常用组件之文本组件

?

space里面的属性简介:

  1. ensp:英文空格
  2. emsp:中文空格
  3. nbsp:根据字体大小调整空格

你看,我们放进去ensp这个属性之后,我在代码里空多少格,显示也是多少格。这里显示的空格是英文的空格。

小程序学习日志4:小程序常用组件之文本组件

?

emsp则是中文的空格,我们使用这个参数以后可以看到页面上显示出来的空格更大了,这是因为一个中文的空格符等于两个英文的空格符。

可以看到,这里小编的文字都空到第二行来了。

小程序学习日志4:小程序常用组件之文本组件

?

nbsp则是根据字体设置空格大小,看起来跟英文的差不多。他是比较活泼的属性了。可以根据用户手机上的字体大小调整合适的空格间距。

小程序学习日志4:小程序常用组件之文本组件

?

text组件属性3:是否解码

  • decode

这个属性用于框里的解码,我们平常如果需要的话需要在里面插入一些代码空格,就需要用到这个 。

比方说我在这个里面输入马?蹄谷
此时可以看到,显示是不会讲这个代码解析的,因为我们还没有把这个decode放进去。

小程序学习日志4:小程序常用组件之文本组件

?

这样,我们就可以清楚的看到,现在这里面的代码已经被我们解析出来了,怎么样,是不是很简单呢。

小程序学习日志4:小程序常用组件之文本组件

?

写在最后

小程序的我们生活中很多时候都会遇到的应用,头条的程序,微信的程序,等等。学好程序,可以帮助我们更好的发现生活的乐趣,可以更好的学习和生活。


学习教程快速掌握从入门到精通的电脑知识。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html