微信小程序UI设计(二)之view组件

view是个容器。

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

.wxml
touch

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

效果:

微信小程序UI设计(二)之view组件_第1张图片微信小程序UI设计(二)之view组件_第2张图片

你可能感兴趣的:(微信小程序之UI设计)