开发文档

1. view标签

代替div标签使用，可选择如下属性进行使用

2.text标签

在小程序中，只有text能实现长按文字复制
text只能嵌套text自己
可以对特殊字符，空格，回车编码

decode为true，特殊字符会被解码，为false则原封不动的输出，如空格——&nbsp

3.图片

图⽚标签，image组件默认widch：320px、height：240px
图片转url路径可以随便搜一个图床网站

<image src="https://ftp.bmp.ovh/imgs/2019/12/a98809a1e6f29280.jpg"></image>
//此图片原来是200*100的，但image默认是320*240，所以想要缩放

image的mode属性可选值如下：

常用的mode模式有
scaleToFill（默认）：拉满image元素内部
aspectFit：长边拉满（宽高比不变），轮播图使用
aspectFill：短边拉满（宽高比不变），长边俩侧有一部分图片内容会消失
witchFix：指定一个宽度，image元素高度按比例改变（宽高比不变）

小程序的图片直接就支持懒加载，直接加标签lazy-load就行
当图片出现在视图框内，小程序才会自动加载图片
wxml

<image 
  src="https://ftp.bmp.ovh/imgs/2019/12/a98809a1e6f29280.jpg"
  mode="scaleToFill"
></image>
<image 
  src="https://ftp.bmp.ovh/imgs/2019/12/a98809a1e6f29280.jpg"
  mode="aspectFit"
></image>
<image 
  src="https://ftp.bmp.ovh/imgs/2019/12/a98809a1e6f29280.jpg"
  mode="widthFix"
></image>
<image 
  src="https://ftp.bmp.ovh/imgs/2019/12/a98809a1e6f29280.jpg"
  mode="top"
></image>

wxss

image{
  box-sizing: border-box;
  border:1px solid  brown;
  width: 300px;
  height: 200px;
}

4.swiper和swiper-item

轮播组件和轮播项
swiper标签存在默认样式：widch：100%，height：150
为了让轮播图好看点，最好是自己计算宽高
如：原图1125px352px，
swiper的宽/swiper的高=原图的宽/原图的高
所以，swiper的高=swiper的宽原图的高/原图的宽，即heigh=750rpx*352/1125
其他一些属性如下所示：

<swiper autoplay interval="2000" circular indicator-dots indicator-color="#009400" indicator-active-color="#995500">
  <swiper-item><image mode="widthFix" src="https://gtms01.alicdn.com/tps/i1/TB1r4h8JXXXXXXoXXXXvKyzTVXX-520-280.jpg"></image></swiper-item>
  <swiper-item><image mode="widthFix" src="  https://img.alicdn.com/imgextra/i4/1638292152/O1CN010LL9ht1Rlf0VPUfC7_!!1638292152-0-alimamazszw.jpg"></image></swiper-item>
  <swiper-item><image mode="widthFix" src="https://gtms02.alicdn.com/tps/i2/TB10vPXKpXXXXacXXXXvKyzTVXX-520-280.jpg"></image></swiper-item>
</swiper>