这两个最好都不要动

轮播图就是组件

css就是样式

数据 js 

配置

核心 前三个 

以前写的叫 div

我们在小程序用 view 

没有任何区别 只是标签改了名 

定义了一个盒子类 

定义了一个搜索盒子

然后打开了wxss文件定义,box

下面这些数据可以去模版网站看px大小

这样就写好了一个搜索框

嵌套 放在搜索框左边的一个放大镜图标 怎么放  也就是插入一个图片的意思

完成版代码如下  位置歪待会教

input标签

下面number 用户只能输入数字    text就是正常的

上面这个和HTML一样

弹性布局

搜索框的完成

任何地址都行 但不能用自己电脑的地址严禁！！！！！！！！！

百分之50 div没效果 

show-menu-by-longpress="true" 分享小程序功能

button 按钮 一般不自己做 抄别人的按钮

checkbox 复选框 

轮播图效果组件

<swiper>

<swiper-item >

<img src="" mode=""/>

<swiper-item>

<img src="">

<swiper-item>

<swiper-item>

<swiper>

长宽高还是抄别人的 还要在index.wxss定义swiper的图片大小

比较好看的图片缩放模式 图片不会变形 只会少一部分内容

autoplay自动轮换  interval间隔时间

没用的都删掉

模拟后端的数据

需要几个图就几个模板

微信循环标签   wx:for="3"循环 指的是字符串 意思是循环次数 

wx:for="{{3}}"变量 要循环数组的内容格式

wx:for="{{arr}}"

item代表循环遍历的内容具体的值  数组里面所有的值

index代表数组的下表

确保遍历的 东西一不一样  不开编译器看不到这个错误

又定义了一个图片和文字排列