Introduction détaillée de l'icône du composant de contenu wxapp de l'applet WeChat-Développement de mini-programmes-php.cn

Introduction détaillée de l'icône du composant de contenu wxapp de l'applet WeChat

高洛峰

Libérer： 2017-02-14 14:23:16

original

2627 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur l'introduction détaillée de l'icône du composant de contenu wxapp de l'applet WeChat et joint un exemple simple. Les amis dans le besoin peuvent s'y référer

Contenu de l'applet WeChat. composant

Articles connexes :

Icône du composant de contenu wxapp du programme WeChat Mini

Texte du composant de contenu wxapp du programme WeChat Mini

WeChat Mini Progression du composant de contenu du programme wxapp

icône

icône.

属性名	类型	默认值	说明
type	String		icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size	Number	23	icon的大小，单位px
color	Color		icon的颜色，同css的color

Exemple :

<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="45"/>
 </block>
</view>


<view class="group">
 <block wx:for="{{iconColor}}">
 <icon type="success" size="45" color="{{item}}"/>
 </block>
</view>

Copier après la connexion

Page({
 data: {
 iconSize: [20, 30, 40, 50, 60, 70],
 iconColor: [
 &#39;red&#39;, &#39;orange&#39;, &#39;yellow&#39;, &#39;green&#39;, &#39;rgb(0,255,255)&#39;, &#39;blue&#39;, &#39;purple&#39;
 ],
 iconType: [
 &#39;success&#39;, &#39;info&#39;, &#39;warn&#39;, &#39;waiting&#39;, &#39;safe_success&#39;, &#39;safe_warn&#39;,
 &#39;success_circle&#39;, &#39;success_no_circle&#39;, &#39;waiting_circle&#39;, &#39;circle&#39;, &#39;download&#39;,
 &#39;info_circle&#39;, &#39;cancel&#39;, &#39;search&#39;, &#39;clear&#39;
 ]
 }
})

Copier après la connexion

icône

微信小程序 wxapp内容组件 icon详细介绍

Merci d'avoir lu, j'espère que cela pourra aider tout le monde, merci pour votre soutien à ce site !

Pour plus d'introduction détaillée de l'icône du composant de contenu wxapp de l'applet WeChat, veuillez faire attention au site Web PHP chinois pour les articles connexes !