微信小步调--19(.wxml 模板文件简朴归纳)

• 类似HTML
  
• 用来形貌当前页面的结构
  

一、平凡样式

1.<view> 内容 </view>

二、滚波样式

1.<swiper> 内容 </swiper>

2.<swiper-item>滚波内容 </swiper-item>

3.常用属性

• 纵向：scroll-y
  
• 横向：scroll-x
  
• 圆点颜色：indicator-dots indicator-color
  
• 圆点点击颜色：indicator-active-color
  
• 自动滚动：autoplay
  
• 滚动时间：interval
  
• 链接滑动：circular
  

三、文本组件

1.text(平凡)

• <text> 内容 </text>
  
• 常用属性
  
• 长按选择文本
  
• selectable
  

2.rich-text(富文本)

• <rich-text> 内容 </rich-text>
  
• 常用属性
  
• 渲染为UI结构
  
• nodes
  

四、按钮组件

1.button

• <button> 内容 </button>
  

2.属性

• 按钮颜色
  
• type
  

• 小尺寸
  
• size
  

• 镂空
  
• plain
  

五、图片组件

1.image

• <image> 内容 </image>
  

2.属性

• 裁剪和缩放
  
• mode
  

• scaleToFill：默认值，不按比例来，添补满
  

• aspectFit：纵横比缩放，包管长边表现出来
  

• aspectFill：纵横比缩放，包管短边表现出来
  

• widthFix：宽度稳固，高度自动厘革
  

• heightFix：高度稳固，宽度自动厘革
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金