微信小程序（2）：小程序常用布局组件

一、view 视图容器

1、基础使用

index.wxml文件代码：

<view class="box">小程序开发</view>

index.wxss文件代码：

.box{
   
  width: 200px;
  height: 200px;
  background-color: red;
}

Ctrl+S保存，结果：

2、hover-class、hover-start-time、hover-stay-time：指定按下去的样式类、按住后多久出现点击态、手指松开后点击态保留时间

index.wxml文件代码改为：

<view class="box" hover-class="boxHover" hover-start-time="0" hover-stay-time="100">小程序开发</view>

index.wxss文件代码改为：

.box{
   
  width: 200px;
  height: 200px;
  background-color: red;
}

.boxHover{
   
  background-color: green;
}

点击时的效果：