微信小程序11-view容器

小程序有丰富的组件，平时我们所写的标签都是组件，属性来修饰组件，进行更多丰富的操作。

组件类型：

视图容器组件：控制页面的内容

• scroll-view: 滚动容器
• swiper: 轮播组件
• movable-view：可支持移动缩放组件
• cover-view: 这个view可以盖在原生组件上

具体视图组件的属性可参考官方文档：
https://developers.weixin.qq.com/miniprogram/dev/component/view.html

代码例子：

view属性意思：

• hover-class ：指定按下去的样式类。当 hover-class=“none” 时，没有点击态效果
• hover-stop-propagation ：指定是否阻止本节点的祖先节点出现点击态
• hover-start-time：类型（number） 默认值（50） 按住后多久出现点击态，单位毫秒
• hover-stay-time： 类型（number） 默认值（400） 手指松开后点击态保留时间，单位毫秒

index.wxss

.view-parent-container{
  width: 300rpx;
  height: 300rpx;
  background: yellowgreen;
}

.hover-parent-container{
  background: #fff;
}

.view-container{
 width: 200rpx;
  height: 200rpx;
  background: chocolate
}

.hover-container{
  background: rgba(0, 0, 0, 0.7)
}

app.json
需要将这些文件的路径加入，否则小程序无法找到页面目录
例子：根据你的目录结构进行添加。
"pages": [
    "pages/helloworld/helloworld",
    "pages/view/index"

  ]