微信小程序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"

  ]