微信小程序基础代码

scroll-view组件

<view >
<scroll-view style="height:60px;color:black;" scroll-y="true">
<view>询价</view>
<view>作者</view>
<view>粉丝及按揭款爱德华就卡死的骄傲</view>
<view>粉丝及按揭款爱德华就卡死的骄傲</view>
<view>粉丝及按揭款爱德华就卡死的骄傲</view>
<view>daddadadas</view>
</scroll-view>
</view>

swiper组件

<swiper indicator-dots="true" autoplay="true" intorval="5000" duration="1000" style="height:300px">
<swiper-item >
<image src="../../pages/images/img1.jpg" style="display:block;height:300px;" />
</swiper-item>
<swiper-item>
<image src="../../pages/images/img2.jpg" style="display:block;height:300px;" />
</swiper-item>
<swiper-item>
<image src="../../pages/images/img3.jpg" style="display:block;height:300px;" />
</swiper-item>
</swiper>

indicator-dots ：设置是否显示swiper面板；

autoplay ： 设置是否自动轮播；

intorval：切换图片时间；

duration：图片滑动事件；

icon组件： icon组件是微信小程序特有的一种组件，可以显示不同的风格的微信图标，比如登录成功时会显示一个以绿色为背景的圆圈，圆圈中会有一个打钩的标志。

<icon type="success" size="50" color="green"/>
<icon type="warn" size="50" color="green"/>
<icon type="info" size="50" color="green"/>
<icon type="cancel" size="50" color="green"/>

text组件：

text组件是微信小程序的文本节点组件，支持转义符“\”，如换行转义符“\n”

同时text组件还有一个其他组件所没有的特性：长按选中文字（这中特性需要在真机上才可以看到效果）。

<text>{{txt}}</text> 

 

progress组件:是微信小程序的进度条组件，可以实现类似读取进度效果。

<progress percent="80" show-info="true" stroke-width="5" color="red" active="true"/>