玩转view和text组件与相关动画的使用
view和text组件和动画使用
view：视图组件，相当于div
文档：uni-app官网 (dcloud.net.cn)
-
hover配置：点击变色
<view class="view-box" hover-class="view-box-hover"> 第一个view </view>css
.view-box{ width: 200rpx; height: 100rpx; background-color: blue; color: #FFFFFF; margin: 50rpx; } .view-box-hover{ background: red; } -
使用动画（目前发现只支持手机APP）
<view class="view-box animate__animated" hover-class="view-box-hover animate__shakeY"> 第一个view </view>设置延时（消耗性能）
<view class="view-box animate__animated" hover-class="view-box-hover animate__shakeY" hover-stay-time="800"> 第一个view </view>
**text：**文本组件，相当于p
文档：text | uni-app官网 (dcloud.net.cn)
-
文本换行
<text>这是text \n 这是text</text> -
文本可选
<text :selectable="true">这是text \n 这是text</text>