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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_22520215/article/details/83031767

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;
 }

效果：