E企盈营销工具技术服务商 热线:4006-838-530

【微信小程序】icon系统遵化市E企盈小程序图标案例

演示效果:主要开通天麻花粉小程序电话:4006-838-530用到index.wxml,index.wxss !–index.wxml的代码演示– !–第1排代码演示– view class=”group”    view class=”view-section”      icon type=”success”/icon!–案例1默认样式的演示–      icon type=”success” size=”50″/icon!–案例2:大小的演示–      icon type=”success_no_circle” size=”50″/icon!–案例3:没有圆圈的演示–      icon type=”success” size=”50″ color=”red”/icon!–案例4:颜色的演示–    /view!–第2排代码演示–view class=”group”  block wx开通渔夫帽小程序电话:4006-838-530:for=”{{iconSize}}”  !–定义系统图标大小的数组名iconSize–    icon type=”success” size=”{{item}}”/  /block/view!–第3和第4排代码演示–view class=”group”  block wx:for=”{{iconType}}” !–定义系统图标类型的数组名iconType–    icon type=”{{item}}” size=”45″/  /block/view!–第5排代码演示–view class=”group”  block wx:for=”{{iconColor}}”!–定义系统图标的颜色的数组名iconColor–    icon type=”success” size=”45″ color=”{{item}}”/  /block/view//index.js的代码演示Page({  data: {    //icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear属性数组        iconType: [      ‘success’, ‘info’, ‘warn’, ‘waiting’, ‘safe_success’, ‘safe_warn’,      ‘success_circle’, ‘success_no_circle’, ‘waiting_circle’, ‘circle’, ‘download’,      ‘info_circle’, ‘cancel’, ‘search’, ‘clear’    ],    iconSize: [20开通遮阳棚小程序电话:4006-838-530, 30, 40, 50, 60, 70],//显示的大小数组,icon的大小,单位px        iconColor: [      ‘red’, ‘orange’, ‘yellow’, ‘green’, ‘rgb(0,255,255)’, ‘blue’, ‘purple’//颜色数组icon的颜色,同css的color    ]  }})

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 【微信小程序】icon系统遵化市E企盈小程序图标案例
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏