基础组件的学习

1.icon:

<!--logs.wxml-->
<view class="container log-list">
     <icon type="success" size="45" color="red"/>
</view>

2.text:

文本。

支持转义符"\"。

<text/> 组件内只支持 <text/> 嵌套。

除了文本节点以外的其他节点都无法长按选中。

 

<view class="btn-area">
  <view class="body-view">
    <text>我是文本</text>
    <button bindtap="add">add line</button>
    <button bindtap="remove">remove line</button>
  </view>
</view>

3.progress: 进度条

<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />

注意:记得设置width,否则可能不显示进度条.

progress {
width: 400px;
margin: 10px 0px 10px 0px
}