微信小程序-UI控件的使用(5)

1、icon图标的使用

icon.wxml

<block wx:for-items="{
   {
   iconSize}}">
  <icon  type="{
   {
   item.type}}" size="{
   {
   item.size}}" color="{
   {
   item.color}}" />
</block>

icon.js:

Page({
  data: {
    iconNums:[{
        'type':'success',
        'size':'20',
        'color':'red'
    },
    {
        'type':'info',
        'size':'20',
        'color':'yellow'
    },{
        'type':'warn',
        'size':'30',
        'color':'green'
    },{
        'type':'safe_success',
        'size':'40',
        'color':'blue'
    }]
  }
})

效果图：

2、mask
mask.wxml

<mask hidden="{
   {
   hidden1}}" bindtap="mask1" hover-style="none" />
        <button type="default" bindtap="tap1">点击弹出默认mask</button>

mask.js

Page({
  data: {
    'hidden1':