【Kevin Learn 小程序】--＞icon

效果图

属性

参考：icon

实例

1. app.js

//app.js
App({
   
  onLaunch: function () {
   
    console.log('App Launch')
  },
  onShow: function () {
   
    console.log('App Show')
  },
  onHide: function () {
   
    console.log('App Hide')
  },
  globalData: {
   
    hasLogin: false
  }
})

2. app.json

{
   
  "pages": [
    "pages/icon/icon"
  ],
  "window": {
   
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

3. icon.json

{
   
  "navigationBarTitleText": "图标"
}

4. icon.wxml

<!--pages/icon/icon.wxml-->
<view class="container">
    <view class="icon-box">
        <icon class="icon-box-img" type="success" size="93"></icon>
        <view class="icon-box-ctn">
            <view class="icon-box-title">成功</view>
            <view class="icon-box-desc">用于表示操作顺利完成</view>
        </view>
    </view>
    <view class="icon-bo