zoukankan      html  css  js  c++  java
  • icon

    图标。
    属性名 类型 默认值 说明
    type String   icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
    size Number 23 icon的大小,单位px
    color Color   icon的颜色,同css的color
     
    <view class="page">
      <view class="page__hd">
        <text class="page__title">icon</text>
        <text class="page__desc">icon图标</text>
      </view>
      <view class="page__bd">
            <view class="section section_gap">
                <view class="group">
                    <block wx:for="{{iconSize}}">
                        <icon type="success" size="{{item}}" />
                    </block>
                </view> 
            </view>
            <view class="section section_gap">
                <view class="group">
                    <block wx:for="{{iconType}}">
                        <icon type="{{item}}" size="45" />
                    </block>
                </view>
            </view>
            <view class="section section_gap">
                <view class="group">
                    <block wx:for="{{iconColor}}">
                        <icon type="success" size="45" color="{{item}}" />
                    </block>
                </view>
            </view>
      </view>
    </view>
     
    Page({
        data:{
            iconSize:[20,30,40,50,60,70],
            iconColor:['red','orange','yellow','green','rgb(0,255,255)','blue','purple'],
            iconType:['success','info','warn','waiting','sage_success','safe_warn','success_circle','sucess_no_circle','waiting_circle','circle','download',
            'info_circle','cancel','search','clear']
        }
    })
     
    .group {
        flex-direction: row;
        align-items: center;
    }
     
     
  • 相关阅读:
    VSTO安装部署(完美解决XP+2007)
    尝试Office 2003 VSTO的开发、部署
    数据容量大小
    Nginx 学习
    Windows环境下使用Nginx搭建负载均衡
    HTML块元素与内联元素嵌套规则
    js中try、catch、finally的执行规则
    总结下var、let 和 const 的区别
    解决window.onload延迟加载问题
    移动端meta设置大全
  • 原文地址:https://www.cnblogs.com/tian-sun/p/7405610.html
Copyright © 2011-2022 走看看