微信小程序UI设计（二）之view组件

最新推荐文章于 2024-06-21 19:43:15 发布

airX嵌入式（微信公众号同名）

最新推荐文章于 2024-06-21 19:43:15 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序之UI设计文章标签： view UI 微信小程序

本文链接：https://blog.youkuaiyun.com/qq_22520215/article/details/83031767

微信小程序之UI设计专栏收录该内容

2 篇文章

订阅专栏

本文介绍WXML中View组件的基本功能，包括按下的样式变化及时间设置。通过示例展示了如何使用.hover-class属性实现按下时的大小和颜色变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

view是个容器。

view的简单主要功能有按下的样式变化、以及按下、释放触发的时间设置。

.wxml
<view class='notouch' hover-class='touch' >touch</view>

.wxss
.notouch{
  width: 200rpx;
  height: 200rpx;
 background-color: orange;
 }
 .touch{
  width: 400rpx;
  height: 400rpx;
  background-color:gray;
  text-align: center;
  line-height: 400rpx;
 }

效果：