文档：https://developers.weixin.qq.com/miniprogram/dev/component/view.html

view标签

view标签是一个块级标签，类似于html中的div，封装了很多属性和方法：

案例

wxml:

<view class="box" 
hover-class="boxHover" 
hover-start-time="0">
  <view class="item" hover-class="itemHover"
  hover-stop-propagation
  >嘿嘿</view>
</view>

wxss:

.box{
  width: 100px;
  height: 100px;
  background: gold;
}
.boxHover{
  background: green;
}
.item{
  width: 50px;
  height: 50px;
  background: hotpink;
}
.itemHover{
  background: yellowgreen;
}

使用hover-stop-propagation 可以阻止冒泡事件，也就是说点击子标签，其父标签不会随着一起改变颜色。

text标签

类似于html中的span标签，是行标签，也附带了很多属性，比如user-select,是否允许选中文本。

基础库 1.0.0 开始支持，低版本需做兼容处理。

文本。

space 的合法值

image标签

https://developers.weixin.qq.com/miniprogram/dev/component/image.html
用法类似于html中的img标签，但是要注意:

• 单标签使用时要加/ 结尾，例如:<image sre="" />
• image标签会对图片有一个默认的大小

可以使用wxss对其进行重新设置:

.img1{
  width: 200px;
  height: 200px;
}

mode属性

也可以使用mode属性。

一般来说mode中的widthFix属性用的多点：

lazy-load属性

show-menu-by-longpress属性