微信小程序2 常用标签之 view,text

View标签

删除上次test.wxml中的内容,改成

<View>这是第一个View</View>
<view>这是第二个view</view>

新加了2个view标签

页面展示为

 可以看到,一个view标签占满了一行,跟代码里view标签是否换行是没关系的。

包括我改成这样

<View>这是第一个
View</View><view>这是


第二个view</view>

可以看到也就是在第一行的“个”和“V”,第二行的“是”和“第”之间出现了空格,并没有换行。

 总结一下就是,View标签类似html中的div,p标签,会自动占满一行。

 

Text标签

在test.wxml中加上text标签,注意看代码中也是换行的。

<text>第一个Text</text>
<text>第二个Text</text>

然而展示并没有换行

 修改代码

<text>
第一个Text
</text>
<text>第二个Text</text>

结果为

 可以看到,代码换行后,第一个text的上方和下方都换行了。

可以说Text标签类似html中的span,但是会多一些属性

 

Text的属性

1.selecttable,是否可选中

<text selectable>
第一个Text
</text>
<text>第二个Text</text>

我们给第一个text加上selecttable属性后,发现它会有长按选中的效果。

 2.decode,转义

<text decode>第二个&nbsp;Text</text>

结果是在&nbsp;位置多出一个空格来。

 如果不加decode,则不会被转义,直接显示了字符串“&nbsp;”。

还能转义&lt;,&gt;&amp;,&apos;,&ensp;,&emsp;这些

 

posted @ 2023-08-01 11:37  luytest  阅读(236)  评论(0编辑  收藏  举报