码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app的view和text标签

时间:2019-09-08 09:39:48      阅读:1285      评论:0      收藏:0      [点我收藏+]

标签:常用   tab   png   com   col   文本   src   sele   换行   

view标签:

当作div使用,view标签的常用属性:hover-class  ,手指点击后所产生的效果,在uni-app中,不使用:horver

例子:animate.css和horver-class一起使用

 <!-- horver-class是手指点击该元素所产生的效果 bounceIn才是最终效果,所以bounceIn写在horver-class里,而animated则写在class里-->
 <view class="box animated" hover-class="bounceIn"></view>

 

 

text标签:

(1)text标签常用属性 :selectable ,如果是false,则,不能选择文字,true可以选择文字

例子:

 <!-- :selectable 文本是否可选,true/ false -->
<text :selectable=‘false‘>这是一些文字</text>

 

(2)text标签的文字换行:\n  

例子:

 <!-- text的换行 反斜杠n-->
<text>文字\n 第二行文字\n</text>

效果:

技术图片

 

 

 

(3)text标签中文字的空格 &nbsp;

例子:

<!-- 空格 -->
<text>文字&nbsp;有空格</text>

效果:

技术图片

 

uni-app的view和text标签

标签:常用   tab   png   com   col   文本   src   sele   换行   

原文地址:https://www.cnblogs.com/luguankun/p/11484182.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!