v2.1.3

demo/app.js

@@ -1,6 +1,11 @@
 //app.js
 App({
   onLaunch: function() {
+    if (wx.cloud) {
+      wx.cloud.init({
+        traceUser: true
+      })
+    }
     wx.getSystemInfo({
       success: e => {
         this.globalData.StatusBar = e.statusBarHeight;

demo/app.json

@@ -28,7 +28,6 @@
     "pages/plugin/indexes/indexes",
     "pages/plugin/gradual/gradual",
     "pages/plugin/animation/animation",
-    "pages/auth/auth",
     "pages/about/about/about",
     "pages/about/log/log",
     "pages/about/test/list",

demo/colorui/components/cu-custom.wxml

@@ -1,12 +1,12 @@
 <view class="cu-custom" style="height:{{CustomBar}}px">
   <view class="cu-bar fixed {{bgImage!=''?'none-bg text-white bg-img':''}} {{bgColor}}" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;{{bgImage?'background-image:url(' + bgImage+')':''}}">
     <view class="action" bindtap="BackPage" wx:if="{{isBack}}">
-      <text class="icon-back"></text>
+      <text class="cuIcon-back"></text>
       <slot name="backText"></slot>
     </view>
     <view class="action border-custom"  wx:if="{{isCustom}}" style="width:{{Custom.width}}px;height:{{Custom.height}}px;margin-left:calc(750rpx - {{Custom.right}}px)">
-      <text class="icon-back" bindtap="BackPage"></text>
+      <text class="cuIcon-back" bindtap="BackPage"></text>
-      <text class="icon-homefill" bindtap="toHome"></text>
+      <text class="cuIcon-homefill" bindtap="toHome"></text>
     </view>
     <view class="content" style="top:{{StatusBar}}px">
       <slot name="content"></slot>

demo/pages/about/home/home.js

@@ -29,9 +29,9 @@ Component({
         }, 20)
       } else {
         that.setData({
-          starCount: that.coutNum(999),
+          starCount: that.coutNum(3000),
-          forksCount: that.coutNum(8888),
+          forksCount: that.coutNum(484),
-          visitTotal: that.coutNum(77777)
+          visitTotal: that.coutNum(24000)
         })
       }
     }

demo/pages/about/home/home.wxml

@@ -13,23 +13,23 @@
     <view class="flex flex-sub flex-direction solid-right">
       <view class="text-xxl text-orange">{{visitTotal}}</view>
       <view class="margin-top-sm">
-        <text class="icon-attentionfill"></text> View</view>
+        <text class="cuIcon-attentionfill"></text> View</view>
     </view>
     <view class="flex flex-sub flex-direction solid-right">
       <view class="text-xxl text-blue">{{starCount}}</view>
       <view class="margin-top-sm">
-        <text class="icon-favorfill"></text> Star</view>
+        <text class="cuIcon-favorfill"></text> Star</view>
     </view>
     <view class="flex flex-sub flex-direction">
       <view class="text-xxl text-green">{{forksCount}}</view>
       <view class="margin-top-sm">
-        <text class="icon-fork"></text> Fork</view>
+        <text class="cuIcon-fork"></text> Fork</view>
     </view>
   </view>
   <view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
     <view class="cu-item arrow">
       <view class="content" bindtap="CopyLink" data-link="https://github.com/weilanwl/ColorUI">
-        <text class="icon-github text-grey"></text>
+        <text class="cuIcon-github text-grey"></text>
         <text class="text-grey">GitHub</text>
       </view>
     </view>
@@ -41,25 +41,25 @@
     </view>
     <view class="cu-item arrow">
       <navigator class="content" url="/pages/about/log/log" hover-class="none">
-        <text class="icon-formfill text-green"></text>
+        <text class="cuIcon-formfill text-green"></text>
         <text class="text-grey">日志</text>
       </navigator>
     </view>
     <view class="cu-item arrow">
       <view class="content" bindtap="showQrcode">
-        <text class="icon-appreciatefill text-red"></text>
+        <text class="cuIcon-appreciatefill text-red"></text>
         <text class="text-grey">赞赏支持</text>
       </view>
     </view>
     <view class="cu-item arrow">
       <button class="cu-btn content" open-type="feedback">
-        <text class="icon-writefill text-cyan"></text>
+        <text class="cuIcon-writefill text-cyan"></text>
         <text class="text-grey">意见反馈</text>
       </button>
     </view>
     <view class="cu-item arrow">
       <navigator class="content" url="/pages/about/test/list" hover-class="none">
-        <text class="icon-creativefill text-orange"></text>
+        <text class="cuIcon-creativefill text-orange"></text>
         <text class="text-grey">Bug测试</text>
       </navigator>
     </view>

demo/pages/about/log/log.wxml

@@ -2,6 +2,21 @@
 <view class="cu-timeline">
   <view class="cu-item text-green">
     <view class="bg-gradual-green content shadow-blur">
+      <view class="cu-capsule radius">
+        <view class="cu-tag bg-white text-green">v2.1.3</view>
+        <view class="cu-tag line-white">2019/04/23</view>
+      </view>
+      <view class="margin-top-sm text-content">
+        <view>1.新增多种阴影</view>
+        <view>2.修复一些var属性的错误</view>
+        <view>3.修改图标类名</view>
+        <view>4.修复图片上传时图片为空</view>
+        <view>5.优化一些细节</view>
+      </view>
+    </view>
+  </view>
+  <view class="cu-item text-green">
+    <view class="bg-green content shadow-blur">
       <view class="cu-capsule radius">
         <view class="cu-tag bg-white text-green">v2.1.2</view>
         <view class="cu-tag line-white">2019/03/28</view>

demo/pages/basics/avatar/avatar.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">头像</view></cu-custom>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-blue"></text>头像形状
+    <text class="cuIcon-title text-blue"></text>头像形状
   </view>
 </view>
 <view class="padding">
@@ -10,7 +10,7 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>头像尺寸
+    <text class="cuIcon-title text-blue"></text>头像尺寸
   </view>
 </view>
 <view class="padding">
@@ -37,12 +37,12 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>内嵌文字(图标)
+    <text class="cuIcon-title text-blue"></text>内嵌文字(图标)
   </view>
 </view>
 <view class="padding">
   <view class="cu-avatar radius">
-    <text class="icon-people"></text>
+    <text class="cuIcon-people"></text>
   </view>
   <view class="cu-avatar radius  margin-left">
     <text>港</text>
@@ -51,7 +51,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>头像颜色
+    <text class="cuIcon-title text-blue"></text>头像颜色
   </view>
 </view>
 <view class="padding-sm">
@@ -61,7 +61,7 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>头像组
+    <text class="cuIcon-title text-blue"></text>头像组
   </view>
 </view>
 <view class="padding">
@@ -72,11 +72,11 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>头像标签
+    <text class="cuIcon-title text-blue"></text>头像标签
   </view>
 </view>
 <view class="padding">
   <view class="cu-avatar round lg margin-left" wx:for="{{4}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);">
-    <view class="cu-tag badge {{index%2==0?'icon-female bg-pink':'icon-male bg-blue'}}"></view>
+    <view class="cu-tag badge {{index%2==0?'cuIcon-female bg-pink':'cuIcon-male bg-blue'}}"></view>
   </view>
 </view>

demo/pages/basics/background/background.wxml

@@ -4,7 +4,7 @@
 </cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>深色背景
+    <text class="cuIcon-title text-blue"></text>深色背景
   </view>
 </view>
 <view class="grid col-3 padding-sm">
@@ -18,7 +18,7 @@
 
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>淡色背景
+    <text class="cuIcon-title text-blue"></text>淡色背景
   </view>
 </view>
 <view class="grid col-3 bg-white padding-sm">
@@ -31,7 +31,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>渐变背景
+    <text class="cuIcon-title text-blue"></text>渐变背景
   </view>
 </view>
 <view class="grid col-2 padding-sm">
@@ -74,7 +74,7 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>图片背景
+    <text class="cuIcon-title text-blue"></text>图片背景
   </view>
 </view>
 <view class="bg-img bg-mask padding-tb-xl" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg');height: 414rpx;">
@@ -89,7 +89,7 @@
 </view>
 <!-- <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>视频背景
+    <text class="cuIcon-title text-blue"></text>视频背景
   </view>
 </view>
 <view class="bg-video bg-mask flex align-center" style="height: 422rpx;">
@@ -105,7 +105,7 @@
 </view> -->
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>透明背景(文字层)
+    <text class="cuIcon-title text-blue"></text>透明背景(文字层)
   </view>
 </view>
 <view class="grid col-2">

demo/pages/basics/button/button.wxml

@@ -4,10 +4,10 @@
 </cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>按钮形状
+    <text class="cuIcon-title text-blue"></text>按钮形状
   </view>
   <navigator class="action" url="design" hover-class="none">
-    <text class="icon-skinfill"></text>
+    <text class="cuIcon-skinfill"></text>
     <text class="text-df">设计</text>
   </navigator>
 </view>
@@ -15,12 +15,12 @@
   <button class="cu-btn">默认</button>
   <button class="cu-btn round">圆角</button>
   <button class="cu-btn icon">
-    <text class="icon-emojifill"></text>
+    <text class="cuIcon-emojifill"></text>
   </button>
 </view>
 <view class="cu-bar margin-top bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>按钮尺寸
+    <text class="cuIcon-title text-blue"></text>按钮尺寸
   </view>
 </view>
 <view class="padding flex flex-wrap justify-between align-center bg-white">
@@ -30,7 +30,7 @@
 </view>
 <view class="cu-bar margin-top bg-white">
   <view class="action">
-    <text class="icon-title text-blue"></text>按钮颜色
+    <text class="cuIcon-title text-blue"></text>按钮颜色
   </view>
   <view class="action">
     <text class="text-df margin-right-sm">阴影</text>
@@ -44,7 +44,7 @@
 </view>
 <view class="cu-bar margin-top bg-white">
   <view class="action">
-    <text class="icon-title text-blue"></text>镂空按钮
+    <text class="cuIcon-title text-blue"></text>镂空按钮
   </view>
   <view class="action">
     <radio-group bindchange="SetBorderSize">
@@ -60,13 +60,13 @@
   </view>
 </view>
 <view class="grid col-5 padding-sm">
-  <view class="margin-tb-sm text-center" wx:for="{{ColorList}}" wx:key>
+  <view class="margin-tb-sm text-center" wx:for="{{ColorList}}" wx:key wx:if="{{item.name!='white'}}">
     <button class="cu-btn round line{{bordersize?bordersize:''}}-{{item.name}} {{shadow?'shadow':''}}">{{item.title}}</button>
   </view>
 </view>
 <view class="cu-bar margin-top bg-white">
   <view class="action">
-    <text class="icon-title text-blue"></text>块状按钮
+    <text class="cuIcon-title text-blue"></text>块状按钮
   </view>
 </view>
 <view class="padding flex flex-direction">
@@ -75,7 +75,7 @@
 </view>
 <view class="cu-bar margin-top bg-white">
   <view class="action">
-    <text class="icon-title text-blue"></text>无效状态
+    <text class="cuIcon-title text-blue"></text>无效状态
   </view>
 </view>
 <view class="padding">
@@ -84,13 +84,13 @@
 </view>
 <view class="cu-bar margin-top bg-white">
   <view class="action">
-    <text class="icon-title text-blue"></text>按钮加图标
+    <text class="cuIcon-title text-blue"></text>按钮加图标
   </view>
 </view>
 <view class="padding-xl">
   <button class="cu-btn block line-orange lg">
-    <text class="icon-upload"></text> 图标</button>
+    <text class="cuIcon-upload"></text> 图标</button>
   <button class="cu-btn block bg-blue margin-tb-sm lg">
-    <text class="icon-loading2 iconfont-spin"></text> 加载</button>
+    <text class="cuIcon-loading2 iconfont-spin"></text> 加载</button>
   <button class="cu-btn block bg-black margin-tb-sm lg" loading> 微信加载</button>
 </view>

demo/pages/basics/button/design.js

@@ -2,6 +2,7 @@ const app = getApp();
 Page({
   data: {
     ColorList: app.globalData.ColorList,
+    color:'red'
   },
   showModal(e) {
     this.setData({

demo/pages/basics/button/design.wxml

@@ -7,7 +7,7 @@
 </view>
 <view class="cu-form-group margin-top" bindtap="showModal" data-target="ColorModal">
   <view class="title">选择颜色</view>
-  <view class="padding-sm bg-{{color}} solid radius shadow-blur"></view>
+  <view class="padding bg-{{color}} solid radius shadow-blur"></view>
 </view>
 <view class="cu-form-group">
   <view class="title">是否圆角</view>
@@ -56,11 +56,11 @@
     <view class="cu-bar justify-end solid-bottom">
       <view class="content">选择颜色</view>
       <view class="action" bindtap="hideModal">
-        <text class="icon-close text-red"></text>
+        <text class="cuIcon-close text-red"></text>
       </view>
     </view>
     <view class="grid col-5 padding">
-      <view class="padding-xs" wx:for="{{ColorList}}" wx:key bindtap="SetColor" data-color="{{item.name}}">
+      <view class="padding-xs" wx:for="{{ColorList}}" wx:key bindtap="SetColor" data-color="{{item.name}}" wx:if="{{item.name!='white'}}">
         <view class="padding-tb bg-{{item.name}} radius"> {{item.title}} </view>
       </view>
     </view>

demo/pages/basics/home/home.js

@@ -64,37 +64,5 @@ Component({
         icon: 'loading2'
       },
     ],
-  },
-  methods: {
-    onLoad() {
-      let that = this;
-      // 获取用户信息
-      wx.getSetting({
-        success: res => {
-          if (!res.authSetting['scope.userInfo']) {
-            wx.redirectTo({
-              url: '/pages/auth/auth'
-            })
-          }
   }
 })
-    },
-    showModal(e) {
-      this.setData({
-        modalName: e.currentTarget.dataset.target
-      })
-    },
-    hideModal(e) {
-      this.setData({
-        modalName: null
-      })
-    },
-    onShareAppMessage() {
-      return {
-        title: 'ColorUI-高颜值的小程序UI组件库',
-        imageUrl: 'https://image.weilanwl.com/color2.0/share2215.jpg',
-        path: '/pages/basics/home/home'
-      }
-    },
-  },
-})

demo/pages/basics/home/home.wxml

@@ -4,7 +4,7 @@
     <navigator open-type="navigate" hover-class='none' url="/pages/basics/{{item.name}}/{{item.name}}" class="nav-li bg-{{item.color}}" wx:for="{{elements}}" wx:key>
       <view class="nav-title">{{item.title}}</view>
       <view class="nav-name">{{item.name}}</view>
-      <text class='icon-{{item.icon}}'></text>
+      <text class='cuIcon-{{item.icon}}'></text>
     </navigator>
   </view>
   <view class='cu-tabbar-height'></view>

demo/pages/basics/icon/icon.wxml

@@ -1,13 +1,13 @@
 <cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">图标</view></cu-custom>
 <view class="cu-bar bg-white search fixed" style="top:{{CustomBar}}px">
   <view class="search-form round">
-    <text class="icon-search"></text>
+    <text class="cuIcon-search"></text>
     <input type="text" placeholder="搜索icon" confirm-type="search" bindinput="searchIcon"></input>
   </view>
 </view>
 <view class="cu-list grid col-3">
   <view class="cu-item" wx:for="{{icon}}" wx:key wx:if="{{item.isShow}}">
-    <text class="icon-{{item.name}} lg text-gray"></text>
+    <text class="cuIcon-{{item.name}} lg text-gray"></text>
     <text>{{item.name}}</text>
   </view>
 </view>

demo/pages/basics/layout/layout.wxml

@@ -7,7 +7,7 @@
 <block wx:if="{{TabCur==0}}">
   <view class="cu-bar bg-white solid-bottom margin-top">
     <view class="action">
-      <text class="icon-title text-blue"></text>固定尺寸
+      <text class="cuIcon-title text-blue"></text>固定尺寸
     </view>
   </view>
   <view class="padding bg-white">
@@ -23,7 +23,7 @@
   </view>
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>比例布局
+      <text class="cuIcon-title text-blue"></text>比例布局
     </view>
   </view>
   <view class="padding bg-white">
@@ -43,7 +43,7 @@
   </view>
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>水平对齐(justify)
+      <text class="cuIcon-title text-blue"></text>水平对齐(justify)
     </view>
   </view>
   <view class="bg-white">
@@ -70,7 +70,7 @@
   </view>
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>垂直对齐(align)
+      <text class="cuIcon-title text-blue"></text>垂直对齐(align)
     </view>
   </view>
   <view class="bg-white">
@@ -91,7 +91,7 @@
 <block wx:if="{{TabCur==1}}">
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>等分列
+      <text class="cuIcon-title text-blue"></text>等分列
     </view>
     <view class="action"></view>
   </view>
@@ -102,7 +102,7 @@
   </view>
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>等高
+      <text class="cuIcon-title text-blue"></text>等高
     </view>
     <view class="action"></view>
   </view>
@@ -115,7 +115,7 @@
 <block wx:if="{{TabCur==2}}">
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>浮动
+      <text class="cuIcon-title text-blue"></text>浮动
     </view>
   </view>
   <view class="bg-white padding">
@@ -126,7 +126,7 @@
   </view>
   <view class="cu-bar bg-white margin-top solid-bottom">
     <view class="action">
-      <text class="icon-title text-blue"></text>内外边距
+      <text class="cuIcon-title text-blue"></text>内外边距
     </view>
   </view>
   <view class="bg-white">

demo/pages/basics/loading/loading.wxml

@@ -7,13 +7,13 @@
 </cu-custom>
 <view class="cu-bar bg-white">
   <view class='action'>
-    <text class='icon-title text-blue'></text>背景
+    <text class='cuIcon-title text-blue'></text>背景
   </view>
 </view>
 <view class="cu-load bg-blue {{!isLoad?'loading':'over'}}"></view>
 <view class="cu-bar bg-white margin-top">
   <view class='action'>
-    <text class='icon-title text-blue'></text>加载状态
+    <text class='cuIcon-title text-blue'></text>加载状态
   </view>
   <view class='action'>
     <switch class='sm' bindchange='isLoading'></switch>
@@ -22,14 +22,14 @@
 <view class="cu-load bg-grey {{!isLoad?'loading':'over'}}"></view>
 <view class="cu-bar bg-white margin-top">
   <view class='action'>
-    <text class='icon-title text-blue'></text>加载错误
+    <text class='cuIcon-title text-blue'></text>加载错误
   </view>
 </view>
 <view class="cu-load bg-red erro"></view>
 
 <view class="cu-bar bg-white margin-top">
   <view class='action'>
-    <text class='icon-title text-blue'></text>弹框加载
+    <text class='cuIcon-title text-blue'></text>弹框加载
   </view>
   <view class='action'>
     <button class='cu-btn bg-green shadow' bindtap='loadModal'>
@@ -38,13 +38,13 @@
   </view>
 </view>
 <view class='cu-load load-modal' wx:if="{{loadModal}}">
-  <!-- <view class='icon-emojifill text-orange'></view> -->
+  <!-- <view class='cuIcon-emojifill text-orange'></view> -->
   <image src='/images/logo.png' class='png' mode='aspectFit'></image>
   <view class='gray-text'>加载中...</view>
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class='action'>
-    <text class='icon-title text-blue'></text>进度条加载
+    <text class='cuIcon-title text-blue'></text>进度条加载
   </view>
   <view class='action'>
     <button class='cu-btn bg-green shadow' bindtap='loadProgress'>

demo/pages/basics/progress/progress.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">进度条</view></cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>进度条形状
+    <text class="cuIcon-title text-blue"></text>进度条形状
   </view>
 </view>
 <view class="padding bg-white">
@@ -17,7 +17,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>进度条尺寸
+    <text class="cuIcon-title text-blue"></text>进度条尺寸
   </view>
 </view>
 <view class="padding bg-white">
@@ -33,10 +33,10 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top" bindtap="showModal" data-target="ColorModal">
   <view class="action">
-    <text class="icon-title text-blue"></text>进度条颜色
+    <text class="cuIcon-title text-blue"></text>进度条颜色
   </view>
   <view class="action">
-    <view class="padding-sm bg-{{color}} solid radius shadow-blur"></view>
+    <view class="padding bg-{{color}} solid radius shadow-blur"></view>
   </view>
 </view>
 <view class="padding {{color=='white'?'bg-grey':'bg-white'}}">
@@ -46,7 +46,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>进度条条纹
+    <text class="cuIcon-title text-blue"></text>进度条条纹
   </view>
   <switch class="sm margin-right-sm" bindchange="SetActive"></switch>
 </view>
@@ -60,7 +60,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>进度条比例
+    <text class="cuIcon-title text-blue"></text>进度条比例
   </view>
 </view>
 <view class="padding bg-white">
@@ -72,7 +72,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>进度条布局
+    <text class="cuIcon-title text-blue"></text>进度条布局
   </view>
 </view>
 <view class="padding bg-white ">
@@ -80,7 +80,7 @@
     <view class="cu-progress round">
       <view class="bg-green" style="width:{{loading?'100%':''}};"></view>
     </view>
-    <text class="icon-roundcheckfill text-green margin-left-sm"></text>
+    <text class="cuIcon-roundcheckfill text-green margin-left-sm"></text>
   </view>
   <view class="flex margin-top">
     <view class="cu-progress round">
@@ -94,11 +94,11 @@
     <view class="cu-bar justify-end solid-bottom">
       <view class="content">选择颜色</view>
       <view class="action" bindtap="hideModal">
-        <text class="icon-close text-red"></text>
+        <text class="cuIcon-close text-red"></text>
       </view>
     </view>
     <view class="grid col-5 padding">
-      <view class="padding-xs" wx:for="{{ColorList}}" wx:key bindtap="SetColor" data-color="{{item.name}}" wx:if="{{item.name!='gray'}}">
+      <view class="padding-xs" wx:for="{{ColorList}}" wx:key bindtap="SetColor" data-color="{{item.name}}" wx:if="{{item.name!='gray' && item.name!='white'}}">
         <view class="padding-tb bg-{{item.name}} radius"> {{item.title}} </view>
       </view>
     </view>

demo/pages/basics/shadow/shadow.wxml

@@ -1,7 +1,10 @@
-<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">边框阴影</view></cu-custom>
+<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}">
+  <view slot="backText">返回</view>
+  <view slot="content">边框阴影</view>
+</cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>边框
+    <text class="cuIcon-title text-blue"></text>边框
   </view>
   <view class="action">
     <switch class="sm" bindchange="SetSize"></switch>
@@ -16,13 +19,16 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>阴影
+    <text class="cuIcon-title text-blue"></text>阴影
   </view>
 </view>
 <view class="padding text-center">
   <view class="padding-xl radius shadow bg-white">默认阴影</view>
-  <view class="padding-xl radius shadow-lg bg-white margin-top">长阴影</view>
+  <view class="padding-xl radius shadow bg-blue margin-top">根据背景颜色而改变的阴影</view>
+  <view class="padding-xl radius shadow shadow-lg bg-white margin-top">长阴影</view>
+  <view class="padding-xl radius shadow shadow-lg bg-blue margin-top">长阴影</view>
   <view class="padding-xl radius shadow-warp bg-white margin-top">翘边阴影</view>
-  <view class="padding-xl radius shadow-blur bg-red margin-top">根据背景颜色而改变的阴影</view>
+  <view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg);">
-  <view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"><view>根据背景颜色而改变的阴影</view></view>
+    <view>根据背景图而改变的阴影</view>
+  </view>
 </view>

demo/pages/basics/tag/tag.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">标签</view></cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>标签形状
+    <text class="cuIcon-title text-blue"></text>标签形状
   </view>
 </view>
 <view class="padding bg-white solid-bottom">
@@ -11,7 +11,7 @@
 </view>
 <view class="cu-bar bg-white margin-top  solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>标签尺寸
+    <text class="cuIcon-title text-blue"></text>标签尺寸
   </view>
 </view>
 <view class="padding bg-white">
@@ -20,7 +20,7 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>标签颜色
+    <text class="cuIcon-title text-blue"></text>标签颜色
   </view>
 </view>
 <view class="padding-sm flex flex-wrap">
@@ -33,7 +33,7 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>镂空标签
+    <text class="cuIcon-title text-blue"></text>镂空标签
   </view>
 </view>
 <view class="padding-sm flex flex-wrap">
@@ -43,13 +43,13 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>胶囊样式
+    <text class="cuIcon-title text-blue"></text>胶囊样式
   </view>
 </view>
 <view class="padding">
   <view class="cu-capsule">
     <view class="cu-tag bg-red">
-      <text class="icon-likefill"></text>
+      <text class="cuIcon-likefill"></text>
     </view>
     <view class="cu-tag line-red">
       12
@@ -57,7 +57,7 @@
   </view>
   <view class="cu-capsule round">
     <view class="cu-tag bg-blue ">
-      <text class="icon-likefill"></text>
+      <text class="cuIcon-likefill"></text>
     </view>
     <view class="cu-tag line-blue">
       23
@@ -73,7 +73,7 @@
   </view>
   <view class="cu-capsule radius">
     <view class="cu-tag bg-grey ">
-      <text class="icon-likefill"></text>
+      <text class="cuIcon-likefill"></text>
     </view>
     <view class="cu-tag line-grey">
       23
@@ -81,7 +81,7 @@
   </view>
   <view class="cu-capsule radius">
     <view class="cu-tag bg-brown sm">
-      <text class="icon-likefill"></text>
+      <text class="cuIcon-likefill"></text>
     </view>
     <view class="cu-tag line-brown sm">
       23
@@ -90,7 +90,7 @@
 </view>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>数字标签
+    <text class="cuIcon-title text-blue"></text>数字标签
   </view>
 </view>
 <view class="padding flex justify-between align-center">
@@ -103,7 +103,7 @@
   </view>
   <view class="cu-avatar xl radius">
     <view class="cu-tag badge"></view>
-    <text class="icon-people"></text>
+    <text class="cuIcon-people"></text>
   </view>
   <view class="cu-avatar xl radius">
     <view class="cu-tag badge">99+</view>

demo/pages/basics/text/text.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">文本</view></cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-blue"></text>文字大小
+    <text class="cuIcon-title text-blue"></text>文字大小
   </view>
 </view>
 <view class="bg-white padding-lr">
@@ -9,7 +9,7 @@
     <view class="padding">60</view>
     <view class="flex-sub text-center">
       <view class="solid-bottom text-xsl padding">
-        <text class=" icon-roundcheckfill text-green"></text>
+        <text class=" cuIcon-roundcheckfill text-green"></text>
       </view>
       <view class="padding">用于图标、数字等特大显示</view>
     </view>
@@ -18,7 +18,7 @@
     <view class="padding">40</view>
     <view class="flex-sub text-center">
       <view class="solid-bottom text-sl padding">
-        <text class=" icon-roundcheckfill text-green"></text>
+        <text class=" cuIcon-roundcheckfill text-green"></text>
       </view>
       <view class="padding">用于图标、数字等较大显示</view>
     </view>
@@ -78,11 +78,11 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>文字颜色
+    <text class="cuIcon-title text-blue"></text>文字颜色
   </view>
 </view>
 <view class="grid col-5 padding-sm">
-  <view class="padding-sm" wx:for="{{list}}" wx:key>
+  <view class="padding-sm" wx:for="{{list}}" wx:key wx:if="{{item.name!='white'}}">
     <view class="text-{{item.name}} text-center">
       {{item.title}}
     </view>
@@ -90,7 +90,19 @@
 </view>
 		<view class="cu-bar bg-white solid-bottom margin-top">
 			<view class="action">
-    <text class="icon-title text-blue"></text>文字截断
+				<text class="cuIcon-title text-blue"></text>文字阴影
+			</view>
+		</view>
+		<view class="grid col-5 padding-sm">
+			<view class="padding-sm" wx:for="{{list}}" wx:key wx:if="{{item.name!='white'}}">
+				<view class="text-center text-shadow text-{{item.name}}">
+					<view class="cuIcon-ellipse text-xxl"></view>
+				</view>
+			</view>
+		</view>
+<view class="cu-bar bg-white solid-bottom margin-top">
+  <view class="action">
+    <text class="cuIcon-title text-blue"></text>文字截断
   </view>
 </view>
 <view class="padding bg-white">
@@ -98,7 +110,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>文字对齐
+    <text class="cuIcon-title text-blue"></text>文字对齐
   </view>
 </view>
 <view class="padding bg-white">
@@ -108,7 +120,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-blue"></text>特殊文字
+    <text class="cuIcon-title text-blue"></text>特殊文字
   </view>
 </view>
 <view class="padding text-center">

demo/pages/component/bar/bar.wxml

@@ -1,33 +1,33 @@
 <cu-custom bgColor="bg-gradual-pink" isCustom="{{true}}"><view slot="content">操作条</view></cu-custom>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-green"></text>
+    <text class="cuIcon-title text-green"></text>
     <text>底部操作条</text>
   </view>
 </view>
 <view class="box">
   <view class="cu-bar tabbar bg-white">
     <view class="action">
-      <view class="icon-cu-image">
+      <view class="cuIcon-cu-image">
         <image src="/images/tabbar/basics_cur.png"></image>
       </view>
       <view class="text-green">元素</view>
     </view>
     <view class="action">
-      <view class="icon-cu-image">
+      <view class="cuIcon-cu-image">
         <image src="/images/tabbar/component.png"></image>
       </view>
       <view class="text-gray">组件</view>
     </view>
     <view class="action">
-      <view class="icon-cu-image">
+      <view class="cuIcon-cu-image">
         <image src="/images/tabbar/plugin.png"></image>
         <view class="cu-tag badge">99</view>
       </view>
       <view class="text-gray">扩展</view>
     </view>
     <view class="action">
-      <view class="icon-cu-image">
+      <view class="cuIcon-cu-image">
         <image src="/images/tabbar/about.png"></image>
         <view class="cu-tag badge"></view>
       </view>
@@ -36,23 +36,23 @@
   </view>
   <view class="cu-bar tabbar margin-bottom-xl bg-black">
     <view class="action text-orange">
-      <view class="icon-homefill"></view> 首页
+      <view class="cuIcon-homefill"></view> 首页
     </view>
     <view class="action text-gray">
-      <view class="icon-similar"></view> 分类
+      <view class="cuIcon-similar"></view> 分类
     </view>
     <view class="action text-gray">
-      <view class="icon-recharge"></view>
+      <view class="cuIcon-recharge"></view>
       积分
     </view>
     <view class="action text-gray">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
     </view>
     <view class="action text-gray">
-      <view class="icon-my">
+      <view class="cuIcon-my">
         <view class="cu-tag badge"></view>
       </view>
       我的
@@ -60,23 +60,23 @@
   </view>
   <view class="cu-bar tabbar margin-bottom-xl bg-white">
     <view class="action text-green">
-      <view class="icon-homefill"></view> 首页
+      <view class="cuIcon-homefill"></view> 首页
     </view>
     <view class="action text-gray">
-      <view class="icon-similar"></view> 分类
+      <view class="cuIcon-similar"></view> 分类
     </view>
     <view class="action text-gray add-action">
-      <button class="cu-btn icon-add bg-green shadow"></button>
+      <button class="cu-btn cuIcon-add bg-green shadow"></button>
       发布
     </view>
     <view class="action text-gray">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
     </view>
     <view class="action text-gray">
-      <view class="icon-my">
+      <view class="cuIcon-my">
         <view class="cu-tag badge"></view>
       </view>
       我的
@@ -84,23 +84,23 @@
   </view>
   <view class="cu-bar tabbar bg-black">
     <view class="action text-green">
-      <view class="icon-homefill"></view> 首页
+      <view class="cuIcon-homefill"></view> 首页
     </view>
     <view class="action text-gray">
-      <view class="icon-similar"></view> 分类
+      <view class="cuIcon-similar"></view> 分类
     </view>
     <view class="action text-gray add-action">
-      <button class="cu-btn icon-add bg-green shadow"></button>
+      <button class="cu-btn cuIcon-add bg-green shadow"></button>
       发布
     </view>
     <view class="action text-gray">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
     </view>
     <view class="action text-gray">
-      <view class="icon-my">
+      <view class="cuIcon-my">
         <view class="cu-tag badge"></view>
       </view>
       我的
@@ -108,16 +108,16 @@
   </view>
   <view class="cu-bar bg-white tabbar border shop">
     <button class="action" open-type="contact">
-      <view class="icon-service text-green">
+      <view class="cuIcon-service text-green">
         <view class="cu-tag badge"></view>
       </view>
       客服
     </button>
     <view class="action text-orange">
-      <view class="icon-favorfill"></view> 已收藏
+      <view class="cuIcon-favorfill"></view> 已收藏
     </view>
     <view class="action">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
@@ -126,13 +126,13 @@
   </view>
   <view class="cu-bar bg-white tabbar border shop">
     <button class="action" open-type="contact">
-      <view class="icon-service text-green">
+      <view class="cuIcon-service text-green">
         <view class="cu-tag badge"></view>
       </view>
       客服
     </button>
     <view class="action">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
@@ -142,16 +142,16 @@
   </view>
   <view class="cu-bar bg-white tabbar border shop">
     <button class="action" open-type="contact">
-      <view class="icon-service text-green">
+      <view class="cuIcon-service text-green">
         <view class="cu-tag badge"></view>
       </view>
       客服
     </button>
     <view class="action">
-      <view class=" icon-shop"></view> 店铺
+      <view class=" cuIcon-shop"></view> 店铺
     </view>
     <view class="action">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
@@ -162,12 +162,12 @@
   </view>
   <view class="cu-bar bg-white tabbar border shop">
     <button class="action" open-type="contact">
-      <view class="icon-service text-green">
+      <view class="cuIcon-service text-green">
         <view class="cu-tag badge"></view>
       </view> 客服
     </button>
     <view class="action">
-      <view class="icon-cart">
+      <view class="cuIcon-cart">
         <view class="cu-tag badge">99</view>
       </view>
       购物车
@@ -180,7 +180,7 @@
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-green"></text>
+    <text class="cuIcon-title text-green"></text>
     <text>标题操作条</text>
   </view>
 </view>
@@ -249,27 +249,27 @@
   </view>
   <view class="cu-bar bg-white">
     <view class="action">
-      <text class="icon-title text-green"></text>
+      <text class="cuIcon-title text-green"></text>
       <text class="text-xl text-bold">关于我们</text>
     </view>
   </view>
   <view class="cu-bar bg-white">
     <view class="action">
-      <text class="icon-titles text-green"></text>
+      <text class="cuIcon-titles text-green"></text>
       <text class="text-xl text-bold">关于我们</text>
     </view>
   </view>
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-green"></text>
+    <text class="cuIcon-title text-green"></text>
     <text>顶部操作条</text>
   </view>
 </view>
 <view class="box">
   <view class="cu-bar bg-white">
     <view class="action">
-      <text class="icon-back text-gray"></text> 返回
+      <text class="cuIcon-back text-gray"></text> 返回
     </view>
     <view class="content text-bold">
       操作条
@@ -277,19 +277,19 @@
   </view>
   <view class="cu-bar bg-white">
     <view class="action">
-      <text class="icon-homefill text-gray"></text> 首页
+      <text class="cuIcon-homefill text-gray"></text> 首页
     </view>
     <view class="content text-bold">
       鲜亮的高饱和色彩，专注视觉的小程序组件库
     </view>
     <view class="action">
-      <text class="icon-cardboardfill text-grey"></text>
+      <text class="cuIcon-cardboardfill text-grey"></text>
-      <text class="icon-recordfill text-red"></text>
+      <text class="cuIcon-recordfill text-red"></text>
     </view>
   </view>
   <view class="cu-bar bg-blue">
     <view class="action">
-      <text class="icon-close"></text> 关闭
+      <text class="cuIcon-close"></text> 关闭
     </view>
     <view class="content text-bold">
       海蓝
@@ -301,20 +301,20 @@
       ColorUI
     </view>
     <view class="action">
-      <text class="icon-more"></text>
+      <text class="cuIcon-more"></text>
     </view>
   </view>
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-green"></text>
+    <text class="cuIcon-title text-green"></text>
     <text>搜索操作条</text>
   </view>
 </view>
 <view class="box">
   <view class="cu-bar search bg-white">
     <view class="search-form round">
-      <text class="icon-search"></text>
+      <text class="cuIcon-search"></text>
       <input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
     </view>
     <view class="action">
@@ -324,39 +324,39 @@
   <view class="cu-bar search bg-white">
     <view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-2.jpg);"></view>
     <view class="search-form round">
-      <text class="icon-search"></text>
+      <text class="cuIcon-search"></text>
       <input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
     </view>
     <view class="action">
       <text>广州</text>
-      <text class="icon-triangledownfill"></text>
+      <text class="cuIcon-triangledownfill"></text>
     </view>
   </view>
   <view class="cu-bar bg-red search">
     <view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-1.jpg);"></view>
     <view class="search-form radius">
-      <text class="icon-search"></text>
+      <text class="cuIcon-search"></text>
       <input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
     </view>
     <view class="action">
       <text>广州</text>
-      <text class="icon-triangledownfill"></text>
+      <text class="cuIcon-triangledownfill"></text>
     </view>
   </view>
   <view class="cu-bar bg-cyan search">
     <view class="search-form radius">
-      <text class="icon-search"></text>
+      <text class="cuIcon-search"></text>
       <input type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
     </view>
     <view class="action">
-      <text class="icon-close"></text>
+      <text class="cuIcon-close"></text>
       <text>取消</text>
     </view>
   </view>
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-green"></text>
+    <text class="cuIcon-title text-green"></text>
     <text>操作条按钮组</text>
   </view>
 </view>
@@ -375,29 +375,29 @@
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-green"></text>
+    <text class="cuIcon-title text-green"></text>
     <text>输入操作条</text>
   </view>
 </view>
 <view class="box">
   <view class="cu-bar input">
     <view class="action">
-      <text class="icon-sound text-grey"></text>
+      <text class="cuIcon-sound text-grey"></text>
     </view>
     <input class="solid-bottom" focus="{{false}}" maxlength="300" cursor-spacing="10"></input>
     <view class="action">
-      <text class="icon-emojifill text-grey"></text>
+      <text class="cuIcon-emojifill text-grey"></text>
     </view>
     <button class="cu-btn bg-green shadow-blur">发送</button>
   </view>
   <view class="cu-bar input">
     <view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
     <view class="action">
-      <text class="icon-roundaddfill text-grey"></text>
+      <text class="cuIcon-roundaddfill text-grey"></text>
     </view>
     <input class="solid-bottom" maxlength="300" cursor-spacing="10"></input>
     <view class="action">
-      <text class="icon-emojifill text-grey"></text>
+      <text class="cuIcon-emojifill text-grey"></text>
     </view>
     <button class="cu-btn bg-green shadow-blur">发送</button>
   </view>

demo/pages/component/card/card.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-pink" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">卡片</view></cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class='action'>
-    <text class='icon-titles text-orange '></text> 案例类卡片
+    <text class='cuIcon-titles text-orange '></text> 案例类卡片
   </view>
   <view class='action'>
     <switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>
@@ -24,9 +24,9 @@
           <view class="text-gray text-sm flex justify-between">
             十天前
             <view class="text-gray text-sm">
-              <text class="icon-attentionfill margin-lr-xs"></text> 10
+              <text class="cuIcon-attentionfill margin-lr-xs"></text> 10
-              <text class="icon-appreciatefill margin-lr-xs"></text> 20
+              <text class="cuIcon-appreciatefill margin-lr-xs"></text> 20
-              <text class="icon-messagefill margin-lr-xs"></text> 30
+              <text class="cuIcon-messagefill margin-lr-xs"></text> 30
             </view>
           </view>
         </view>
@@ -37,7 +37,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom {{isCard?'margin-top':''}}">
   <view class='action'>
-    <text class='icon-titles text-orange '></text> 动态类卡片
+    <text class='cuIcon-titles text-orange '></text> 动态类卡片
   </view>
   <view class='action'>
     <switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>
@@ -64,9 +64,9 @@
       </view>
     </view>
     <view class="text-gray text-sm text-right padding">
-      <text class="icon-attentionfill margin-lr-xs"></text> 10
+      <text class="cuIcon-attentionfill margin-lr-xs"></text> 10
-      <text class="icon-appreciatefill margin-lr-xs"></text> 20
+      <text class="cuIcon-appreciatefill margin-lr-xs"></text> 20
-      <text class="icon-messagefill margin-lr-xs"></text> 30
+      <text class="cuIcon-messagefill margin-lr-xs"></text> 30
     </view>
     <view class="cu-list menu-avatar comment solids-top">
       <view class="cu-item">
@@ -85,8 +85,8 @@
           <view class="margin-top-sm flex justify-between">
             <view class="text-gray text-df">2018年12月4日</view>
             <view>
-              <text class="icon-appreciatefill text-red"></text>
+              <text class="cuIcon-appreciatefill text-red"></text>
-              <text class="icon-messagefill text-gray margin-left-sm"></text>
+              <text class="cuIcon-messagefill text-gray margin-left-sm"></text>
             </view>
           </view>
         </view>
@@ -107,8 +107,8 @@
           <view class="margin-top-sm flex justify-between">
             <view class="text-gray text-df">2018年12月4日</view>
             <view>
-              <text class="icon-appreciate text-gray"></text>
+              <text class="cuIcon-appreciate text-gray"></text>
-              <text class="icon-messagefill text-gray margin-left-sm"></text>
+              <text class="cuIcon-messagefill text-gray margin-left-sm"></text>
             </view>
           </view>
         </view>
@@ -118,7 +118,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class='action'>
-    <text class='icon-titles text-orange '></text> 文章类卡片
+    <text class='cuIcon-titles text-orange '></text> 文章类卡片
   </view>
   <view class='action'>
     <switch class='sm' checked='{{isCard}}' bindchange='isCard'></switch>

demo/pages/component/chat/chat.wxml

@@ -20,7 +20,7 @@
     <view class="date "> 13:23</view>
   </view>
   <view class="cu-info">
-    <text class="icon-roundclosefill text-red "></text> 对方拒绝了你的消息
+    <text class="cuIcon-roundclosefill text-red "></text> 对方拒绝了你的消息
   </view>
   <view  class="cu-info">
     对方开启了好友验证，你还不是他(她)的好友。请先发送好友验证请求，对方验证通过后，才能聊天。
@@ -39,7 +39,7 @@
         3"
       </view>
       <view class="content shadow">
-        <text class="icon-sound text-xxl padding-right-xl"> </text>
+        <text class="cuIcon-sound text-xxl padding-right-xl"> </text>
       </view>
     </view>
     <view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
@@ -48,7 +48,7 @@
   <view class="cu-item self">
     <view class="main">
       <view class="action">
-        <text class="icon-locationfill text-orange text-xxl"></text>
+        <text class="cuIcon-locationfill text-orange text-xxl"></text>
       </view>
       <view class="content shadow">
         喵星球，喵喵市
@@ -64,20 +64,20 @@
        @#$^&**
       </view>      
       <view class="action text-grey">
-        <text class="icon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text> 
+        <text class="cuIcon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text> 
       </view>
     </view>
     <view class="date">13:23</view>
   </view>
 </view>
 
-<view class="cu-bar foot input" style="bottom:{{InputBottom}}px">
+<view class="cu-bar foot input {{InputBottom!=0?'cur':''}}" style="bottom:{{InputBottom}}px">
   <view class="action">
-    <text class="icon-sound text-grey"></text>
+    <text class="cuIcon-sound text-grey"></text>
   </view>
   <input class="solid-bottom" bindfocus="InputFocus" bindblur="InputBlur" adjust-position="{{false}}" focus="{{false}}" maxlength="300" cursor-spacing="10"></input>
   <view class="action">
-    <text class="icon-emojifill text-grey"></text>
+    <text class="cuIcon-emojifill text-grey"></text>
   </view>
   <button class="cu-btn bg-green shadow">发送</button>
 </view>

demo/pages/component/form/form.wxml

@@ -18,7 +18,7 @@
 	<view class="cu-form-group">
 		<view class="title">收货地址</view>
 		<input placeholder="输入框带个图标"></input>
-    <text class="icon-locationfill text-orange"></text>
+		<text class="cuIcon-locationfill text-orange"></text>
 	</view>
 	<view class="cu-form-group">
 		<view class="title">验证码</view>
@@ -47,7 +47,8 @@
 	</view>
 	<view class="cu-form-group">
 		<view class="title">多列选择</view>
-    <picker mode="multiSelector" bindchange="MultiChange" bindcolumnchange="MultiColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
+		<picker mode="multiSelector" bindchange="MultiChange" bindcolumnchange="MultiColumnChange" value="{{multiIndex}}"
+		 range="{{multiArray}}">
 			<view class="picker">
 				{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}}
 			</view>
@@ -132,22 +133,27 @@
 	</view>
 	<view class="cu-form-group">
 		<view class="grid col-4 grid-square flex-sub">
-      <view class="padding-xs bg-img" style="background-image:url({{imgList[index]}})" wx:for="{{imgList}}" wx:key="{{index}}" bindtap="ViewImage" data-url="{{imgList[index]}}">
+			<view class="bg-img" wx:for="{{imgList}}" wx:key="{{index}}" bindtap="ViewImage" data-url="{{imgList[index]}}">
+				<image src='{{imgList[index]}}' mode='aspectFill'></image>
 				<view class="cu-tag bg-red" catchtap="DelImg" data-index="{{index}}">
-          <text class="icon-close"></text>
+					<text class="cuIcon-close"></text>
 				</view>
 			</view>
-      <view class="padding-xs solids" bindtap="ChooseImage" wx:if="{{imgList.length<4}}">
+			<view class="solids" bindtap="ChooseImage" wx:if="{{imgList.length<4}}">
-        <text class="icon-cameraadd"></text>
+				<text class="cuIcon-cameraadd"></text>
 			</view>
 		</view>
 	</view>
+	<view class="cu-form-group margin-top">
+		<view class="title">头像</view>
+		<view class="cu-avatar radius bg-gray"></view>
+	</view>
 	<!-- !!!!! placeholder 在ios表现有偏移 建议使用 第一种样式 -->
 	<view class="cu-form-group margin-top">
-    <textarea data-placeholder="多行文本输入框" maxlength="-1" disabled="{{modalName!=null}}" placeholder-class="placeholder" class="{{textareaAValue?'value':''}}" bindinput="textareaAInput"></textarea>
+		<textarea maxlength="-1" disabled="{{modalName!=null}}" bindinput="textareaAInput" placeholder="多行文本输入框"></textarea>
 	</view>
-  <view class="cu-form-group top">
+	<view class="cu-form-group align-start">
-    <view class="title">点文本框</view>
+		<view class="title">文本框</view>
-    <textarea data-placeholder="多行文本输入框" maxlength="-1" disabled="{{modalName!=null}}" placeholder-class="placeholder" class="{{textareaBValue?'value':''}}" bindinput="textareaBInput"></textarea>
+		<textarea maxlength="-1" disabled="{{modalName!=null}}" bindinput="textareaBInput" placeholder="多行文本输入框"></textarea>
 	</view>
 </form>

demo/pages/component/home/home.wxml

@@ -4,7 +4,7 @@
     <navigator hover-class='none' url="/pages/component/{{item.name}}/{{item.name}}" class="nav-li bg-{{item.color}}" wx:for="{{elements}}" wx:key>
       <view class="nav-title">{{item.title}}</view>
       <view class="nav-name">{{item.name}}</view>
-      <text class='icon-{{item.icon}}'></text>
+      <text class='cuIcon-{{item.icon}}'></text>
     </navigator>
   </view>
   <view class='cu-tabbar-height'></view>

demo/pages/component/list/list.wxml

@@ -5,7 +5,7 @@
   </cu-custom>
   <view class="cu-bar bg-white solid-bottom margin-top">
     <view class="action">
-      <text class="icon-title text-orange "></text> 宫格列表
+      <text class="cuIcon-title text-orange "></text> 宫格列表
     </view>
     <view class="action">
       <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="gridModal">设置</button>
@@ -37,7 +37,7 @@
   </view>
   <view class="cu-list grid col-{{gridCol}} {{gridBorder?'':'no-border'}}">
     <view class="cu-item" wx:for="{{iconList}}" wx:key wx:if="{{index<gridCol*2}}">
-      <view class="icon-{{item.icon}} text-{{item.color}}">
+      <view class="cuIcon-{{item.icon}} text-{{item.color}}">
         <view class="cu-tag badge" wx:if="{{item.badge!=0}}">
           <block wx:if="{{item.badge!=1}}">{{item.badge>99?"99+":item.badge}}</block>
         </view>
@@ -47,10 +47,10 @@
   </view>
   <view class="cu-bar bg-white solid-bottom margin-top">
     <view class="action">
-      <text class="icon-title text-orange "></text> 菜单列表
+      <text class="cuIcon-title text-orange "></text> 菜单列表
     </view>
     <view class="action">
-      <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="menuModal">Modal</button>
+      <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="menuModal">设置</button>
     </view>
   </view>
   <view class="cu-modal {{modalName=='menuModal'?'show':''}}" bindtap="hideModal">
@@ -112,7 +112,7 @@
   <view class="cu-list menu {{menuBorder?'sm-border':''}} {{menuCard?'card-menu margin-top':''}}">
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <view class="content">
-        <text class="icon-circlefill text-grey"></text>
+        <text class="cuIcon-circlefill text-grey"></text>
         <text class="text-grey">图标 + 标题</text>
       </view>
     </view>
@@ -124,19 +124,19 @@
     </view>
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <button class="cu-btn content" open-type="contact">
-        <text class="icon-btn text-olive"></text>
+        <text class="cuIcon-btn text-olive"></text>
         <text class="text-grey">Open-type 按钮</text>
       </button>
     </view>
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <navigator class="content" hover-class="none" url="../list/list" open-type="redirect">
-        <text class="icon-discoverfill text-orange"></text>
+        <text class="cuIcon-discoverfill text-orange"></text>
         <text class="text-grey">Navigator 跳转</text>
       </navigator>
     </view>
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <view class="content">
-        <text class="icon-emojiflashfill text-pink"></text>
+        <text class="cuIcon-emojiflashfill text-pink"></text>
         <text class="text-grey">头像组</text>
       </view>
       <view class="action">
@@ -151,17 +151,17 @@
     </view>
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <view class="content">
-        <text class="icon-btn text-green"></text>
+        <text class="cuIcon-btn text-green"></text>
         <text class="text-grey">按钮</text>
       </view>
       <view class="action">
         <button class="cu-btn round bg-green shadow">
-          <text class="icon-upload"></text> 上传</button>
+          <text class="cuIcon-upload"></text> 上传</button>
       </view>
     </view>
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <view class="content">
-        <text class="icon-tagfill text-red"></text>
+        <text class="cuIcon-tagfill text-red"></text>
         <text class="text-grey">标签</text>
       </view>
       <view class="action">
@@ -172,7 +172,7 @@
     </view>
     <view class="cu-item {{menuArrow?'arrow':''}}">
       <view class="content">
-        <text class="icon-warn text-green"></text>
+        <text class="cuIcon-warn text-green"></text>
         <text class="text-grey">文本</text>
       </view>
       <view class="action">
@@ -182,9 +182,9 @@
     <view class="cu-item">
       <view class="content padding-tb-sm">
         <view>
-          <text class="icon-clothesfill text-blue margin-right-xs"></text> 多行Item</view>
+          <text class="cuIcon-clothesfill text-blue margin-right-xs"></text> 多行Item</view>
         <view class="text-gray text-sm">
-          <text class="icon-infofill margin-right-xs"></text> 小目标还没有实现！</view>
+          <text class="cuIcon-infofill margin-right-xs"></text> 小目标还没有实现！</view>
       </view>
       <view class="action">
         <switch class="switch-sex sm" bindchange="switchSex"></switch>
@@ -193,7 +193,7 @@
   </view>
   <view class="cu-bar bg-white solid-bottom margin-top">
     <view class="action">
-      <text class="icon-title text-orange "></text> 消息列表
+      <text class="cuIcon-title text-orange "></text> 消息列表
     </view>
   </view>
   <view class="cu-list menu-avatar">
@@ -203,7 +203,7 @@
         <view class="text-grey">凯尔</view>
         <view class="text-gray text-sm flex">
           <text class="text-cut">
-							<text class="icon-infofill text-red  margin-right-xs"></text> 我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
+							<text class="cuIcon-infofill text-red  margin-right-xs"></text> 我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
           </text>
         </view>
       </view>
@@ -222,14 +222,12 @@
           <view class="cu-tag round bg-orange sm">战士</view>
         </view>
         <view class="text-gray text-sm flex">
-          <text class="text-cut">
+          <text class="text-cut">塔里克是保护者星灵，用超乎寻常的力量守护着符文之地的生命、仁爱以及万物之美。塔里克由于渎职而被放逐，离开了祖国德玛西亚，前去攀登巨神峰寻找救赎，但他找到的却是来自星界的更高层的召唤。现在的塔里克与古代巨神族的神力相融合，以瓦洛兰之盾的身份，永不疲倦地警惕着阴险狡诈的虚空腐化之力。</text>
-							塔里克是保护者星灵，用超乎寻常的力量守护着符文之地的生命、仁爱以及万物之美。塔里克由于渎职而被放逐，离开了祖国德玛西亚，前去攀登巨神峰寻找救赎，但他找到的却是来自星界的更高层的召唤。现在的塔里克与古代巨神族的神力相融合，以瓦洛兰之盾的身份，永不疲倦地警惕着阴险狡诈的虚空腐化之力。
-						</text>
         </view>
       </view>
       <view class="action">
         <view class="text-grey text-xs">22:20</view>
-        <view class="icon-notice_forbid_fill text-gray"></view>
+        <view class="cuIcon-notice_forbid_fill text-gray"></view>
       </view>
     </view>
     <view class="cu-item ">
@@ -273,18 +271,18 @@
           <view class="cu-tag round bg-orange sm">6人</view>
         </view>
         <view class="text-gray text-sm flex">
-          <text class="text-cut"> 伊泽瑞尔：<text class="icon-locationfill text-orange margin-right-xs"></text> 传送中...</text>
+          <text class="text-cut"> 伊泽瑞尔：<text class="cuIcon-locationfill text-orange margin-right-xs"></text> 传送中...</text>
         </view>
       </view>
       <view class="action">
         <view class="text-grey text-xs">22:20</view>
-        <view class="icon-notice_forbid_fill text-gray"></view>
+        <view class="cuIcon-notice_forbid_fill text-gray"></view>
       </view>
     </view>
   </view>
   <view class="cu-bar bg-white solid-bottom margin-top">
     <view class="action">
-      <text class="icon-title text-orange "></text> 列表左滑
+      <text class="cuIcon-title text-orange "></text> 列表左滑
     </view>
   </view>
   <view class="cu-list menu-avatar">
@@ -293,7 +291,7 @@
       <view class="content">
         <view class="text-grey">文晓港</view>
         <view class="text-gray text-sm">
-          <text class="icon-infofill text-red"></text> 消息未送达</view>
+          <text class="cuIcon-infofill text-red"></text> 消息未送达</view>
       </view>
       <view class="action">
         <view class="text-grey text-xs">22:20</view>

demo/pages/component/modal/modal.wxml

@@ -4,7 +4,7 @@
 </cu-custom>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 普通窗口
+    <text class="cuIcon-title text-orange "></text> 普通窗口
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="Modal">Modal</button>
@@ -15,7 +15,7 @@
     <view class="cu-bar bg-white justify-end">
       <view class="content">Modal标题</view>
       <view class="action" bindtap="hideModal">
-        <text class="icon-close text-red"></text>
+        <text class="cuIcon-close text-red"></text>
       </view>
     </view>
     <view class="padding-xl">
@@ -26,7 +26,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 底部窗口
+    <text class="cuIcon-title text-orange "></text> 底部窗口
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="bottomModal">Bottom</button>
@@ -46,7 +46,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 对话窗口
+    <text class="cuIcon-title text-orange "></text> 对话窗口
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="DialogModal1">Dialog</button>
@@ -58,7 +58,7 @@
     <view class="cu-bar bg-white justify-end">
       <view class="content">Modal标题</view>
       <view class="action" bindtap="hideModal">
-        <text class="icon-close text-red"></text>
+        <text class="cuIcon-close text-red"></text>
       </view>
     </view>
     <view class="padding-xl">
@@ -79,7 +79,7 @@
     <view class="cu-bar bg-white justify-end">
       <view class="content">Modal标题</view>
       <view class="action" bindtap="hideModal">
-        <text class="icon-close text-red"></text>
+        <text class="cuIcon-close text-red"></text>
       </view>
     </view>
     <view class="padding-xl">
@@ -87,7 +87,7 @@
     </view>
     <view class="cu-bar bg-white">
       <view class="action margin-0 flex-sub text-green " bindtap="hideModal">
-        <text class="icon-moneybag"></text>微信支付</view>
+        <text class="cuIcon-moneybag"></text>微信支付</view>
       <view class="action margin-0 flex-sub text-green solid-left" bindtap="hideModal">取消</view>
       <view class="action margin-0 flex-sub  solid-left" bindtap="hideModal">确定</view>
     </view>
@@ -96,7 +96,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 图片窗口
+    <text class="cuIcon-title text-orange "></text> 图片窗口
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="Image">Image</button>
@@ -108,7 +108,7 @@
     <view class="bg-img" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg');height:200px;">
       <view class="cu-bar justify-end text-white">
         <view class="action" bindtap="hideModal">
-          <text class="icon-close "></text>
+          <text class="cuIcon-close "></text>
         </view>
       </view>
     </view>
@@ -121,7 +121,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 单选窗口
+    <text class="cuIcon-title text-orange "></text> 单选窗口
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="RadioModal">Radio</button>
@@ -145,7 +145,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 多选窗口
+    <text class="cuIcon-title text-orange "></text> 多选窗口
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="ChooseModal">Choose</button>
@@ -169,7 +169,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-orange "></text> 侧边抽屉
+    <text class="cuIcon-title text-orange "></text> 侧边抽屉
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="showModal" data-target="DrawerModalL">Left</button>

demo/pages/component/nav/nav.wxml

@@ -4,7 +4,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-titles text-orange"></text> 默认
+    <text class="cuIcon-titles text-orange"></text> 默认
   </view>
 </view>
 <scroll-view scroll-x class="bg-white nav" scroll-with-animation scroll-left="{{scrollLeft}}">
@@ -14,7 +14,7 @@
 </scroll-view>
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
-    <text class="icon-title text-orange"></text> 居中
+    <text class="cuIcon-title text-orange"></text> 居中
   </view>
 </view>
 <scroll-view scroll-x class="bg-white nav text-center">
@@ -24,7 +24,7 @@
 </scroll-view>
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
-    <text class="icon-title text-orange"></text> 平分
+    <text class="cuIcon-title text-orange"></text> 平分
   </view>
 </view>
 <scroll-view scroll-x class="bg-white nav">
@@ -36,7 +36,7 @@
 </scroll-view>
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
-    <text class="icon-title text-orange"></text> 背景
+    <text class="cuIcon-title text-orange"></text> 背景
   </view>
 </view>
 <scroll-view scroll-x class="bg-red nav text-center">
@@ -46,17 +46,17 @@
 </scroll-view>
 <view class="cu-bar bg-white margin-top solid-bottom">
   <view class="action">
-    <text class="icon-title text-orange"></text> 图标
+    <text class="cuIcon-title text-orange"></text> 图标
   </view>
 </view>
 <scroll-view scroll-x class="bg-green nav text-center">
   <view class="cu-item {{0==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="0">
-    <text class="icon-camerafill"></text> 数码
+    <text class="cuIcon-camerafill"></text> 数码
   </view>
   <view class="cu-item {{1==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="1">
-    <text class="icon-upstagefill"></text> 排行榜
+    <text class="cuIcon-upstagefill"></text> 排行榜
   </view>
   <view class="cu-item {{2==TabCur?'text-white cur':''}}" bindtap="tabSelect" data-id="2">
-    <text class="icon-clothesfill"></text> 皮肤
+    <text class="cuIcon-clothesfill"></text> 皮肤
   </view>
 </scroll-view>

demo/pages/component/steps/steps.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-pink" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">步骤条</view></cu-custom>
 <view class="cu-bar bg-white solid-bottom">
   <view class="action">
-    <text class="icon-title text-orange"></text> 基本用法
+    <text class="cuIcon-title text-orange"></text> 基本用法
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="basicsSteps">下一步</button>
@@ -10,27 +10,27 @@
 <view class="bg-white padding">
   <view class="cu-steps">
     <view class="cu-item {{index>basics?'':'text-red'}}" wx:for="{{basicsList}}" wx:key>
-      <text class="icon-{{item.icon}}"></text> {{item.name}}
+      <text class="cuIcon-{{item.icon}}"></text> {{item.name}}
     </view>
   </view>
 </view>
 <view class="bg-white padding margin-top-xs">
   <view class="cu-steps">
     <view class="cu-item {{index>basics?'':'text-orange'}}" wx:for="{{basicsList}}" wx:key>
-      <text class="icon-{{index>basics?'title':item.icon}}"></text> {{item.name}}
+      <text class="cuIcon-{{index>basics?'title':item.icon}}"></text> {{item.name}}
     </view>
   </view>
 </view>
 <view class="bg-white padding  margin-top-xs">
   <view class="cu-steps steps-arrow">
     <view class="cu-item {{index>basics?'':'text-blue'}}" wx:for="{{basicsList}}" wx:key>
-      <text class="icon-{{item.icon}}"></text> {{item.name}}
+      <text class="cuIcon-{{item.icon}}"></text> {{item.name}}
     </view>
   </view>
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-orange"></text> 数字完成
+    <text class="cuIcon-title text-orange"></text> 数字完成
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="numSteps">下一步</button>
@@ -45,7 +45,7 @@
 </view>
 <view class="cu-bar bg-white solid-bottom margin-top">
   <view class="action">
-    <text class="icon-title text-orange"></text> 多级显示
+    <text class="cuIcon-title text-orange"></text> 多级显示
   </view>
   <view class="action">
     <button class="cu-btn bg-green shadow" bindtap="scrollSteps">下一步</button>

demo/pages/component/swiper/swiper.wxml

@@ -4,7 +4,7 @@
 </cu-custom>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-pink"></text> 全屏限高轮播
+    <text class="cuIcon-title text-pink"></text> 全屏限高轮播
   </view>
   <view class="action">
     <switch class="sm" bindchange="DotStyle"></switch>
@@ -18,7 +18,7 @@
 </swiper>
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-pink"></text> 卡片式轮播
+    <text class="cuIcon-title text-pink"></text> 卡片式轮播
   </view>
 </view>
 <swiper class="card-swiper {{DotStyle?'square-dot':'round-dot'}}" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500" bindchange="cardSwiper" indicator-color="#8799a3" indicator-active-color="#0081ff">
@@ -32,7 +32,7 @@
 
 <view class="cu-bar bg-white margin-top">
   <view class="action">
-    <text class="icon-title text-pink"></text> 堆叠式轮播
+    <text class="cuIcon-title text-pink"></text> 堆叠式轮播
   </view>
 </view>
 <view class="tower-swiper" bindtouchmove="towerMove" bindtouchstart="towerStart" bindtouchend="towerEnd">

demo/pages/component/timeline/timeline.wxml

@@ -4,17 +4,17 @@
 </cu-custom>
 <view class="cu-timeline">
   <view class="cu-time">昨天</view>
-  <view class="cu-item cur icon-noticefill">
+  <view class="cu-item cur cuIcon-noticefill">
     <view class="content bg-green shadow-blur">
       <text>22:22</text> 【广州市】快件已到达地球
     </view>
   </view>
-  <view class="cu-item text-red icon-attentionforbidfill">
+  <view class="cu-item text-red cuIcon-attentionforbidfill">
     <view class="content bg-red shadow-blur">
       这是第一次，我家的铲屎官走了这么久。久到足足有三天！！
     </view>
   </view>
-  <view class="cu-item text-grey icon-evaluate_fill">
+  <view class="cu-item text-grey cuIcon-evaluate_fill">
     <view class="content bg-grey shadow-blur">
       这是第一次，我家的铲屎官走了这么久。
     </view>
@@ -57,7 +57,7 @@
           <view class="content">
             <view class="text-grey">文晓港</view>
             <view class="text-gray text-sm">
-              <text class="icon-infofill text-red"></text> 消息未送达</view>
+              <text class="cuIcon-infofill text-red"></text> 消息未送达</view>
           </view>
           <view class="action">
             <view class="text-grey text-xs">22:20</view>
@@ -73,11 +73,11 @@
               <view class="cu-tag round orange sm">SVIP</view>
             </view>
             <view class="text-gray text-sm">
-              <text class="icon-redpacket_fill text-red"></text> 收到红包</view>
+              <text class="cuIcon-redpacket_fill text-red"></text> 收到红包</view>
           </view>
           <view class="action">
             <view class="text-grey text-xs">22:20</view>
-            <text class="icon-notice_forbid_fill text-gray"></text>
+            <text class="cuIcon-notice_forbid_fill text-gray"></text>
           </view>
         </view>
       </view>

demo/pages/index/index.js

@@ -2,9 +2,24 @@ Page({
   data: {
     PageCur: 'basics'
   },
+  onLoad() {
+    // 插屏广告
+
+    // let intersitialAd = wx.createInterstitialAd({
+    //   adUnitId: 'adunit-53f251ff1944e719'
+    // })
+    // intersitialAd.show().catch(err => console.log(err.errMsg)) 
+  },
   NavChange(e) {
     this.setData({
       PageCur: e.currentTarget.dataset.cur
     })
+  },
+  onShareAppMessage() {
+    return {
+      title: 'ColorUI-高颜值的小程序UI组件库',
+      imageUrl: '/images/share.jpg',
+      path: '/pages/index/index'
     }
+  },
 })

demo/pages/index/index.wxml

@@ -4,25 +4,25 @@
 <about wx:if="{{PageCur=='about'}}"></about>
 <view class="cu-bar tabbar bg-white shadow foot">
   <view class="action" bindtap="NavChange" data-cur="basics">
-    <view class='icon-cu-image'>
+    <view class='cuIcon-cu-image'>
       <image src="/images/tabbar/basics{{PageCur=='basics'?'_cur':''}}.png"></image>
     </view>
     <view class="{{PageCur=='basics'?'text-green':'text-gray'}}">元素</view>
   </view>
   <view class="action" bindtap="NavChange" data-cur="component">
-    <view class='icon-cu-image'>
+    <view class='cuIcon-cu-image'>
       <image src="/images/tabbar/component{{PageCur=='component'?'_cur':''}}.png"></image>
     </view>
     <view class="{{PageCur=='component'?'text-green':'text-gray'}}">组件</view>
   </view>
   <view class="action" bindtap="NavChange" data-cur="plugin">
-    <view class='icon-cu-image'>
+    <view class='cuIcon-cu-image'>
       <image src="/images/tabbar/plugin{{PageCur=='plugin'?'_cur':''}}.png"></image>
     </view>
     <view class="{{PageCur=='plugin'?'text-green':'text-gray'}}">扩展</view>
   </view>
   <view class="action" bindtap="NavChange" data-cur="about">
-    <view class='icon-cu-image'>
+    <view class='cuIcon-cu-image'>
       <image src="/images/tabbar/about{{PageCur=='about'?'_cur':''}}.png"></image>
     </view>
     <view class="{{PageCur=='about'?'text-green':'text-gray'}}">关于</view>

demo/pages/plugin/animation/animation.wxml

@@ -4,7 +4,7 @@
 </cu-custom>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-orange"></text> 默认效果
+    <text class="cuIcon-title text-orange"></text> 默认效果
   </view>
 </view>
 <view class="padding-sm">
@@ -14,7 +14,7 @@
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-orange"></text> 反向动画
+    <text class="cuIcon-title text-orange"></text> 反向动画
   </view>
 </view>
 <view class="padding-sm">
@@ -24,7 +24,7 @@
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-orange"></text> 延迟执行
+    <text class="cuIcon-title text-orange"></text> 延迟执行
   </view>
   <view class="action">
     <button class="cu-btn bg-cyan shadow" bindtap="toggleDelay">开始执行</button>
@@ -38,7 +38,7 @@
 </view>
 <view class="cu-bar bg-white">
   <view class="action">
-    <text class="icon-title text-orange"></text> Gif动画
+    <text class="cuIcon-title text-orange"></text> Gif动画
   </view>
 </view>
 <view class="margin radius bg-gradual-green shadow-blur">

demo/pages/plugin/drawer/drawer.wxml

@@ -10,7 +10,7 @@
 			<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
 				<view class="cu-item arrow" wx:for="{{20}}" wx:key="index">
 					<view class="content">
-						<text class="icon-github text-grey"></text>
+						<text class="cuIcon-github text-grey"></text>
 						<text class="text-grey">{{index +1}}</text>
 					</view>
 				</view>
@@ -23,13 +23,13 @@
 			</view>
 		</scroll-view>
 		<view class="DrawerClose {{modalName=='viewModal'?'show':''}}" bindtap="hideModal">
-			<text class="icon-pullright"></text>
+			<text class="cuIcon-pullright"></text>
 		</view>
 		<scroll-view scroll-y class="DrawerWindow {{modalName=='viewModal'?'show':''}}">
 			<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
 				<view class="cu-item arrow" wx:for="{{20}}" wx:key="index">
 					<view class="content">
-						<text class="icon-github text-grey"></text>
+						<text class="cuIcon-github text-grey"></text>
 						<text class="text-grey">{{index +1}}</text>
 					</view>
 				</view>

demo/pages/plugin/gradual/gradual.wxml

@@ -1,7 +1,7 @@
 <view class="cu-custom" style="height:{{CustomBar}}px;">
   <view class="cu-bar fixed bg-gradual-orange" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <text class='icon-back'></text> 渐变
+      <text class='cuIcon-back'></text> 渐变
     </navigator>
   </view>
 </view>

demo/pages/plugin/home/home.wxss

@@ -1,7 +1,3 @@
-.cu-bar .content image{
-  height: 60rpx;
-  width: 240rpx;
-}
 
 .cardTitle{
   color: #fff;

demo/pages/plugin/indexes/indexes.wxml

@@ -4,7 +4,7 @@
 </cu-custom>
 <view class="cu-bar bg-white search fixed" style="top:{{CustomBar}}px;">
   <view class="search-form round">
-    <text class="icon-search"></text>
+    <text class="cuIcon-search"></text>
     <input type="text" placeholder="输入搜索的关键词" confirm-type="search"></input>
   </view>
   <view class="action">

demo/pages/plugin/verticalnav/verticalnav.wxml

@@ -1,7 +1,7 @@
 <view class='cu-custom'>
   <view class="cu-bar fixed bg-shadeTop" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <text class='icon-back'></text> 返回
+      <text class='cuIcon-back'></text> 返回
     </navigator>
     <view class='content' style='top:{{StatusBar}}px;'>Tab索引</view>
   </view>
@@ -21,7 +21,7 @@
     <view class="padding-top padding-lr" wx:for="{{list}}" wx:key id="main-{{index}}">
       <view class='cu-bar solid-bottom bg-white'>
         <view class='action'>
-          <text class='icon-title text-green'></text> Tab-{{item.name}} </view>
+          <text class='cuIcon-title text-green'></text> Tab-{{item.name}} </view>
       </view>
       <view class="cu-list menu-avatar">
         <view class="cu-item">
@@ -30,7 +30,7 @@
             <view class="text-grey">凯尔</view>
             <view class="text-gray text-sm flex">
               <text class="text-cut">
-										<text class="icon-infofill text-red  margin-right-xs"></text> 我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
+										<text class="cuIcon-infofill text-red  margin-right-xs"></text> 我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
               </text>
             </view>
           </view>
@@ -56,7 +56,7 @@
           </view>
           <view class="action">
             <view class="text-grey text-xs">22:20</view>
-            <view class="icon-notice_forbid_fill text-gray"></view>
+            <view class="cuIcon-notice_forbid_fill text-gray"></view>
           </view>
         </view>
         <view class="cu-item ">
@@ -100,12 +100,12 @@
               <view class="cu-tag round bg-orange sm">6人</view>
             </view>
             <view class="text-gray text-sm flex">
-              <text class="text-cut"> 伊泽瑞尔：<text class="icon-locationfill text-orange margin-right-xs"></text> 传送中...</text>
+              <text class="text-cut"> 伊泽瑞尔：<text class="cuIcon-locationfill text-orange margin-right-xs"></text> 传送中...</text>
             </view>
           </view>
           <view class="action">
             <view class="text-grey text-xs">22:20</view>
-            <view class="icon-notice_forbid_fill text-gray"></view>
+            <view class="cuIcon-notice_forbid_fill text-gray"></view>
           </view>
         </view>
       </view>

demo/utils/colorui.js

@@ -1 +0,0 @@
-// hi

template/colorui/components/cu-custom.wxml

@@ -1,12 +1,12 @@
 <view class="cu-custom" style="height:{{CustomBar}}px">
   <view class="cu-bar fixed {{bgImage!=''?'none-bg text-white bg-img':''}} {{bgColor}}" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;{{bgImage?'background-image:url(' + bgImage+')':''}}">
     <view class="action" bindtap="BackPage" wx:if="{{isBack}}">
-      <text class="icon-back"></text>
+      <text class="cuIcon-back"></text>
       <slot name="backText"></slot>
     </view>
     <view class="action border-custom"  wx:if="{{isCustom}}" style="width:{{Custom.width}}px;height:{{Custom.height}}px;margin-left:calc(750rpx - {{Custom.right}}px)">
-      <text class="icon-back" bindtap="BackPage"></text>
+      <text class="cuIcon-back" bindtap="BackPage"></text>
-      <text class="icon-homefill" bindtap="toHome"></text>
+      <text class="cuIcon-homefill" bindtap="toHome"></text>
     </view>
     <view class="content" style="top:{{StatusBar}}px">
       <slot name="content"></slot>

template/pages/index/index.wxml

@@ -1,7 +1,7 @@
 <cu-custom bgColor="bg-gradual-blue">
   <view slot="content">ColorUI 空白模板</view>
 </cu-custom>
-<view class="margin-xl padding-xl bg-white radius shadow-lg">
+<view class="margin-xl padding-xl bg-white radius shadow shadow-lg">
   <view class="flex justify-center">
     <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo" class='cu-btn round bg-green shadow'> 获取头像昵称 </button>
     <block wx:else>