微信小程序中的小图标类型
<!--index.wxml-->
<view class="container">
<view class="top_img">
<swiper indicator-dots="true" autoplay="true" duration="{{duration}}" interval="{{interval}}">
<block wx:for="{{img_urls}}">
<swiper-item>
<image src="{{item}}" style="width: 100%; height: 100%"></image>
</swiper-item>
</block>
</swiper>
</view>
<view class="group">
<block wx:for="{{iconSize}}">
<icon type="success" size="{{item}}"/>
</block>
</view>
<view class="group">
<block wx:for="{{iconType}}">
<icon type="{{item}}" size="40"/>
</block>
</view>
page 中的data数据:
//获取应用实例
var app = getApp()
Page({
data: {
iconSize: [20, 30, 40, 50, 60, 70],
iconColor: [
'red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'
],
iconType: [
'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'
],
img_urls: []
相关文章
- 微信支付 风控通知及解决方式
- 微信小程序canvas把正方形图片绘制成圆形
- 微信小程序版博客——开发汇总总结(附源码)
- 关于微信小程序在ios中无法调起摄像头问题
- 亲历H5移动端游戏微信支付接入及那些坑(一)——支付方式与坑
- 判断微信版本号,使用打开微信小程序的开发标签
- vue和微信小程序的区别、比较
- uni-app:微信小程序:预加载字体文件(hbuilderx 3.7.3)
- 微信小程序----map组件实现(路线规划)
- 微信小程序----wx.showActionSheet(OBJECT)操作菜单(MUI操作表)
- 微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
- C4C微信集成 - agent在C4C系统回复,微信用户在微信端直接收到
- SAP Cloud for Customer的微信集成原型开发完毕后的效果示意图
- SAP Cloud for Customer和微信小程序的集成-原型开发示意图
- atitit. access token是什么??微信平台公众号开发access_token and Web session保持状态机制
- 请问微信小程序体验版二维码的有效期是多久?永久有效吗?还有如果我更新了代码版本之后,之前的体验版二维码会不会被覆盖呢?
- 如何在企业微信中使用微搭低代码
- 今天就来教你用Python来玩微信跳一跳,真的很有趣
- 【实施工程师】Linux安装Windows软件:微信、QQ、TIM
- 微信小程序基本语法介绍
- 微信小程序开发学习笔记1——安心食疗