v2.0.3

1.修复一些单位错误（带输入框的操作条）
2.纠正一些单词拼写...
3.抛弃icon标签，改回text标签的写法
4.抛弃px单位的样式文件
5.优化一些组件的字体大小
6.新增两种加载样式

demo/pages/basics/avatar/avatar.wxml

@@ -1,13 +1,13 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 头像
+      <text class='icon-back'></text> 头像
     </navigator>
   </bar>
 </custom>
 <bar>
   <view class='action'>
-    <icon class='icon-title text-blue' />头像形状
+    <text class='icon-title text-blue'></text>头像形状
   </view>
 </bar>
 <view class="padding">
@@ -16,7 +16,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />头像尺寸
+    <text class='icon-title text-blue'></text>头像尺寸
   </view>
 </bar>
 <view class="padding">
@@ -27,12 +27,12 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />内嵌文字(图标)
+    <text class='icon-title text-blue'></text>内嵌文字(图标)
   </view>
 </bar>
 <view class="padding">
   <avatar class="radius">
-    <icon class='icon-people' />
+    <text class='icon-people'></text>
   </avatar>
   <avatar class="radius  margin-left">
     <text>港</text>
@@ -41,7 +41,7 @@
 
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />头像颜色
+    <text class='icon-title text-blue'></text>头像颜色
   </view>
 </bar>
 <view class="padding-sm">
@@ -51,7 +51,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />头像组
+    <text class='icon-title text-blue'></text>头像组
   </view>
 </bar>
 <view class='padding'>
@@ -62,7 +62,7 @@
 
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />头像标签
+    <text class='icon-title text-blue'></text>头像标签
   </view>
 </bar>
 <view class='padding'>

demo/pages/basics/background/background.wxml

@@ -1,14 +1,14 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 背景颜色
+      <text class='icon-back'></text> 背景颜色
     </navigator>
   </bar>
 </custom>
 
 <bar class="solid-bottom">
   <view class='action'>
-    <icon class='icon-title text-blue' />深色背景
+    <text class='icon-title text-blue'></text>深色背景
   </view>
 </bar>
 <view class='grid col-3 padding-sm'>
@@ -22,7 +22,7 @@
 
 <bar class="solid-bottom">
   <view class='action'>
-    <icon class='icon-title text-blue' />淡色背景
+    <text class='icon-title text-blue'></text>淡色背景
   </view>
 </bar>
 <view class='grid col-3 bg-white padding-sm'>
@@ -35,7 +35,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />渐变背景
+    <text class='icon-title text-blue'></text>渐变背景
   </view>
 </bar>
 <view class='grid col-2 padding-sm'>
@@ -78,7 +78,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />图片背景
+    <text class='icon-title text-blue'></text>图片背景
   </view>
 </bar>
 <view class="bg-img bg-mask padding-tb-xl" style="background-image: url('https://albedo-theme.com/wp-content/uploads/2016/08/pexels-photo-26180.jpg')">
@@ -93,7 +93,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />视频背景
+    <text class='icon-title text-blue'></text>视频背景
   </view>
 </bar>
 <view class="bg-video bg-mask">
@@ -109,7 +109,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />透明背景(文字层)
+    <text class='icon-title text-blue'></text>透明背景(文字层)
   </view>
 </bar>
 <view class='grid col-2 padding-sm'>

demo/pages/basics/button/button.wxml

@@ -1,29 +1,29 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 按钮
+      <text class='icon-back'></text> 按钮
     </navigator>
     <navigator class='action' url='design' hover-class="none">
-      <icon class='icon-skinfill' />
+      <text class='icon-skinfill'></text>
       <text class="text-df">设计</text>
     </navigator>
   </bar>
 </custom>
 <bar>
   <view class='action'>
-    <icon class='icon-title text-blue' />按钮形状
+    <text class='icon-title text-blue'></text>按钮形状
   </view>
 </bar>
 <view class="padding flex flex-wrap justify-between align-center">
   <button>默认</button>
   <button class='round'>圆角</button>
   <button class='icon'>
-    <icon class='icon-emojifill' />
+    <text class='icon-emojifill'></text>
   </button>
 </view>
 <bar class="margin-top ">
   <view class='action'>
-    <icon class='icon-title text-blue' />按钮尺寸
+    <text class='icon-title text-blue'></text>按钮尺寸
   </view>
 </bar>
 <view class="padding flex flex-wrap justify-between align-center">
@@ -33,7 +33,7 @@
 </view>
 <bar class="margin-top ">
   <view class='action'>
-    <icon class='icon-title text-blue' />按钮颜色
+    <text class='icon-title text-blue'></text>按钮颜色
   </view>
   <view class='action'>
     <text class='text-df'>阴影</text>
@@ -47,16 +47,16 @@
 </view>
 <bar class="margin-top ">
   <view class='action'>
-    <icon class='icon-title text-blue' />镂空按钮
+    <text class='icon-title text-blue'></text>镂空按钮
   </view>
   <view class='action'>
     <radio-group bindchange='SetBorderSize'>
       <label class='margin-left-sm'>
-        <radio class='blue sm radio' value='' checked/>
+        <radio class='blue sm radio' value='' checked></radio>
         <text> 小</text>
       </label>
       <label class='margin-left-sm'>
-        <radio class='blue sm radio' value='s' />
+        <radio class='blue sm radio' value='s'></radio>
         <text> 大</text>
       </label>
     </radio-group>
@@ -69,7 +69,7 @@
 </view>
 <bar class="margin-top ">
   <view class='action'>
-    <icon class='icon-title text-blue' />块状按钮
+    <text class='icon-title text-blue'></text>块状按钮
   </view>
 </bar>
 <view class="padding flex flex-direction">
@@ -78,7 +78,7 @@
 </view>
 <bar class="margin-top ">
   <view class='action'>
-    <icon class='icon-title text-blue' />无效状态
+    <text class='icon-title text-blue'></text>无效状态
   </view>
 </bar>
 <view class="padding">
@@ -87,13 +87,13 @@
 </view>
 <bar class="margin-top ">
   <view class='action'>
-    <icon class='icon-title text-blue' />按钮加图标
+    <text class='icon-title text-blue'></text>按钮加图标
   </view>
 </bar>
 <view class="padding-xl">
   <button class='block line-orange lg'>
-    <icon class='icon-upload' /> 图标</button>
+    <text class='icon-upload'></text> 图标</button>
   <button class='block bg-blue margin-tb-sm lg'>
-    <icon class='icon-loading2 iconfont-spin' /> 加载</button>
+    <text class='icon-loading2 iconfont-spin'></text> 加载</button>
   <button class='block bg-black margin-tb-sm lg' loading> 微信加载</button>
 </view>

demo/pages/basics/button/design.wxml

@@ -1,7 +1,7 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 按钮 / 设计
+      <text class='icon-back'></text> 按钮 / 设计
     </navigator>
   </bar>
 </custom>
@@ -24,15 +24,15 @@
   <view class='title'>选择尺寸</view>
   <radio-group bindchange='SetSize'>
     <label class='margin-left-sm'>
-      <radio class='blue sm radio' value='sm' />
+      <radio class='blue sm radio' value='sm'></radio>
       <text> 小</text>
     </label>
     <label class='margin-left-sm'>
-      <radio class='blue sm radio' value='' checked/>
+      <radio class='blue sm radio' value='' checked></radio>
       <text> 中</text>
     </label>
     <label class='margin-left-sm'>
-      <radio class='blue sm radio' value='lg' />
+      <radio class='blue sm radio' value='lg'></radio>
       <text> 大</text>
     </label>
   </radio-group>
@@ -49,11 +49,11 @@
   <view class='title'>边框大小</view>
    <radio-group bindchange='SetBorderSize'>
     <label class='margin-left-sm'>
-      <radio class='blue sm radio' value='' checked/>
+      <radio class='blue sm radio' value='' checked></radio>
       <text> 小</text>
     </label>
     <label class='margin-left-sm'>
-      <radio class='blue sm radio' value='s' />
+      <radio class='blue sm radio' value='s'></radio>
       <text> 大</text>
     </label>
   </radio-group>
@@ -69,7 +69,7 @@
     <bar class="justify-end">
       <view class='content'>选择颜色</view>
       <view class='action' bindtap='hideModal'>
-        <icon class='icon-close text-red'></icon>
+        <text class='icon-close text-red'></text>
       </view>
     </bar>
     <view class='grid col-5 padding'>

demo/pages/basics/form/form.wxml

@@ -1,61 +1,58 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back'/>
+      <text class='icon-back'></text>
       表单控件
     </navigator>
-    <view class='action'>
-
-    </view>
   </bar>
 </custom>
 <view class='text-center'>
   <view class="padding-xl ">
     <checkbox class=''></checkbox>
     <radio-group>
-      <radio class='' checked name="sex" />
-      <radio class='blue sm' name="sex" />
+      <radio class='' checked name="sex"></radio>
+      <radio class='blue sm' name="sex"></radio>
     </radio-group>
   </view>
   <view class="padding-xl ">
-    <switch class='' />
+    <switch class=''></switch>
     <radio-group>
-      <radio class='red radio' checked name="sex" />
-      <radio class='blue radio' name="sex" />
+      <radio class='red radio' checked name="sex"></radio>
+      <radio class='blue radio' name="sex"></radio>
     </radio-group>
     <checkbox class='blue'></checkbox>
     <checkbox class='cyan round'></checkbox>
   </view>
   <view class="padding-xl ">
-    <switch class=' sm' />
+    <switch class=' sm'></switch>
     <radio-group>
-      <radio class='red radio sm' checked name="sex" />
-      <radio class='blue radio sm' name="sex" />
+      <radio class='red radio sm' checked name="sex"></radio>
+      <radio class='blue radio sm' name="sex"></radio>
     </radio-group>
     <checkbox class='red sm'></checkbox>    
     <checkbox class='cyan round sm'></checkbox>
   </view>
   <view class="padding-xl ">
-    <switch class='switch-sex' checked/>
-    <switch class='switch-sex sm' />
+    <switch class='switch-sex' checked></switch>
+    <switch class='switch-sex sm'></switch>
   </view>
   <view class="padding-xl ">
-    <switch class='red' checked/>
-    <switch class='blue sm' checked/>
+    <switch class='red' checked></switch>
+    <switch class='blue sm' checked></switch>
   </view>
   <view class="padding-xl ">
-    <switch class='' checked/>
-    <switch class=' sm' checked/>
+    <switch class='' checked></switch>
+    <switch class=' sm' checked></switch>
   </view>
   <view class="padding-xl ">
-    <switch class='' />
-    <switch class=' sm' />
+    <switch class=''></switch>
+    <switch class=' sm'></switch>
   </view>
   <view class="padding-xl ">
-    <switch class='orange sm radius' />
-    <switch class='yellow radius' />
+    <switch class='orange sm radius'></switch>
+    <switch class='yellow radius'></switch>
   </view>
   <view class="padding-xl ">
-    <switch class='blue radius' />
+    <switch class='blue radius'></switch>
   </view>
 </view>

demo/pages/basics/home/home.wxml

@@ -3,6 +3,6 @@
   <navigator open-type="navigate" hover-class='none' url="../{{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>
-    <icon class='icon-{{item.icon}}'/>
+    <text class='icon-{{item.icon}}'></text>
   </navigator>
 </view>

demo/pages/basics/home/home.wxss

@@ -0,0 +1,3 @@
+.weui-tabbar{
+  left: 0px !important;
+}

demo/pages/basics/icon/icon.wxml

@@ -1,22 +1,19 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back'/> 图标
+      <text class='icon-back'></text> 图标
     </navigator>
-    <view class='action'>
-
-    </view>
   </bar>
 </custom>
 <bar class="search fixed" style="top:{{CustomBar}}px">
-  <view class='serach-form round'>
-    <icon class="icon-search"/>
-    <input type="text" placeholder="搜索icon" confirm-type="search" bindinput='searchIcon'/>
+  <view class='search-form round'>
+    <text class="icon-search"></text>
+    <input type="text" placeholder="搜索icon" confirm-type="search" bindinput='searchIcon'></input>
   </view>
 </bar>
 <list class="grid col-3">
   <item wx:for="{{icon}}" wx:key wx:if="{{item.isShow}}">
-    <icon class='icon-{{item.name}} lg text-gray'/>
+    <text class='icon-{{item.name}} lg text-gray'></text>
     <text>{{item.name}}</text>
   </item>
 </list>

demo/pages/basics/image/image.wxml

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

demo/pages/basics/layout/layout.wxml

@@ -1,7 +1,7 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 布局
+      <text class='icon-back'></text> 布局
     </navigator>
   </bar>
 </custom>
@@ -13,7 +13,7 @@
 <block wx:if="{{TabCur==0}}">
   <bar class="solid-bottom margin-top">
     <view class='action'>
-      <icon class='icon-title text-blue' />固定尺寸
+      <text class='icon-title text-blue'></text>固定尺寸
     </view>
   </bar>
   <view class="padding bg-white">
@@ -29,7 +29,7 @@
   </view>
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />比例布局
+      <text class='icon-title text-blue'></text>比例布局
     </view>
   </bar>
   <view class="padding bg-white">
@@ -49,7 +49,7 @@
   </view>
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />水平对齐(justify)
+      <text class='icon-title text-blue'></text>水平对齐(justify)
     </view>
   </bar>
   <view class="bg-white">
@@ -76,7 +76,7 @@
   </view>
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />垂直对齐(align)
+      <text class='icon-title text-blue'></text>垂直对齐(align)
     </view>
   </bar>
   <view class="bg-white">
@@ -97,7 +97,7 @@
 <block wx:if="{{TabCur==1}}">
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />等分列
+      <text class='icon-title text-blue'></text>等分列
     </view>
     <view class='action'></view>
   </bar>
@@ -108,7 +108,7 @@
   </view>
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />等高
+      <text class='icon-title text-blue'></text>等高
     </view>
     <view class='action'></view>
   </bar>
@@ -121,7 +121,7 @@
 <block wx:if="{{TabCur==2}}">
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />浮动
+      <text class='icon-title text-blue'></text>浮动
     </view>
   </bar>
   <view class="bg-white padding">
@@ -134,7 +134,7 @@
 <block wx:if="{{TabCur==3}}">
   <bar class="margin-top solid-bottom">
     <view class='action'>
-      <icon class='icon-title text-blue' />内外边距
+      <text class='icon-title text-blue'></text>内外边距
     </view>
   </bar>
   <view class="bg-white">

demo/pages/basics/layout/layout.wxss

@@ -1,3 +1,3 @@
 page{
   padding-top: 45px;
-}
+}

demo/pages/basics/loading/loading.js

@@ -2,11 +2,36 @@ const app = getApp();
 Page({
   data: {
     StatusBar: app.globalData.StatusBar,
-    CustomBar: app.globalData.CustomBar
+    CustomBar: app.globalData.CustomBar,
+    loadProgress:0
   },
   isLoading (e) {
     this.setData({
       isLoad: e.detail.value
     })
   },
+  loadModal () {
+    this.setData({
+      loadModal: true
+    })
+    setTimeout(()=> {
+      this.setData({
+        loadModal: false
+      })
+    }, 2000)
+  },
+  loadProgress(){
+    this.setData({
+      loadProgress: this.data.loadProgress+3
+    })
+    if (this.data.loadProgress<100){
+      setTimeout(() => {
+        this.loadProgress();
+      }, 100)
+    }else{
+      this.setData({
+        loadProgress: 0
+      })
+    }
+  }
 });

demo/pages/basics/loading/loading.wxml

@@ -1,31 +1,61 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 加载
+      <text class='icon-back'></text> 加载
     </navigator>
     <view class='action'>
-      <load class="load-icon {{!isLoad?'loading':'over'}}"></load>
+      <load class="load-text {{!isLoad?'loading':'over'}}"></load>
     </view>
   </bar>
 </custom>
 <bar>
   <view class='action'>
-    <icon class='icon-title text-blue'/>背景
+    <text class='icon-title text-blue'></text>背景
   </view>
 </bar>
 <load class="bg-blue {{!isLoad?'loading':'over'}}"></load>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue'/>加载状态
+    <text class='icon-title text-blue'></text>加载状态
   </view>
   <view class='action'>
-  <switch class='sm' bindchange='isLoading'></switch>
+    <switch class='sm' bindchange='isLoading'></switch>
   </view>
 </bar>
 <load class="bg-grey {{!isLoad?'loading':'over'}}"></load>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue'/>加载错误
+    <text class='icon-title text-blue'></text>加载错误
   </view>
 </bar>
-<load class="bg-red erro"></load>
+<load class="bg-red erro"></load>
+
+<bar class="margin-top">
+  <view class='action'>
+    <text class='icon-title text-blue'></text>弹框加载
+  </view>
+  <view class='action'>
+    <button class='bg-green shadow' bindtap='loadModal'>
+      点我
+    </button>
+  </view>
+</bar>
+<load class='load-modal' wx:if="{{loadModal}}"> 
+    <!-- <view class='icon-emojifill text-orange'></view> -->
+    <image src='/images/logo.png' class='png' mode='aspectFit'></image>
+    <view class='gray-text'>加载中...</view>
+</load>
+<bar class="margin-top">
+  <view class='action'>
+    <text class='icon-title text-blue'></text>进度条加载
+  </view>
+  <view class='action'>
+    <button class='bg-green shadow' bindtap='loadProgress'>
+      点我
+    </button>
+  </view>
+</bar>
+<view class='load-progress {{loadProgress!=0?"show":"hide"}}' style="top:{{CustomBar}}px;">
+  <view class='load-progress-bar bg-green' style="transform: translate3d(-{{100-loadProgress}}%, 0px, 0px);"></view>
+  <view class='load-progress-spinner text-green'></view>
+</view>

demo/pages/basics/loading/loading.wxss

@@ -1 +1 @@
-/* pages/basics/load/load.wxss */
+/* pages/basics/load/load.wxss */

demo/pages/basics/progress/progress.wxml

@@ -1,13 +1,13 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 进度条
+      <text class='icon-back'></text> 进度条
     </navigator>
   </bar>
 </custom>
 <bar class="solid-bottom">
   <view class='action'>
-    <icon class='icon-title text-blue' />进度条形状
+    <text class='icon-title text-blue'></text>进度条形状
   </view>
 </bar>
 <view class="padding bg-white">
@@ -23,7 +23,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />进度条尺寸
+    <text class='icon-title text-blue'></text>进度条尺寸
   </view>
 </bar>
 <view class="padding bg-white">
@@ -40,7 +40,7 @@
 
 <bar class="solid-bottom margin-top" bindtap="showModal" data-target="ColorModal">
   <view class='action'>
-    <icon class='icon-title text-blue' />进度条颜色
+    <text class='icon-title text-blue'></text>进度条颜色
   </view>
   <view class='action'>
     <view class='padding-sm bg-{{color}} solid radius shadow-blur'></view>
@@ -55,7 +55,7 @@
 
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />进度条条纹
+    <text class='icon-title text-blue'></text>进度条条纹
   </view>
   <switch class='sm margin-right-sm' bindchange='SetActive'></switch>
 </bar>
@@ -69,7 +69,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />进度条比例
+    <text class='icon-title text-blue'></text>进度条比例
   </view>
 </bar>
 <view class="padding bg-white">
@@ -81,7 +81,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />进度条布局
+    <text class='icon-title text-blue'></text>进度条布局
   </view>
 </bar>
 <view class="padding bg-white ">
@@ -89,7 +89,7 @@
     <progress-bar class="round">
       <view class='bg-green' style="width:{{loading?'100%':''}};"></view>
     </progress-bar>
-    <icon class='icon-roundcheckfill text-green margin-left-sm' />
+    <text class='icon-roundcheckfill text-green margin-left-sm'></text>
   </view>
   <view class='flex margin-top'>
     <progress-bar class="round">
@@ -104,7 +104,7 @@
     <bar class="justify-end">
       <view class='content'>选择颜色</view>
       <view class='action' bindtap='hideModal'>
-        <icon class='icon-close text-red'></icon>
+        <text class='icon-close text-red'></text>
       </view>
     </bar>
     <view class='grid col-5 padding'>

demo/pages/basics/shadow/shadow.wxml

@@ -1,13 +1,13 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 边框阴影
+      <text class='icon-back'></text> 边框阴影
     </navigator>
   </bar>
 </custom>
 <bar class="solid-bottom">
   <view class='action'>
-    <icon class='icon-title text-blue' />边框
+    <text class='icon-title text-blue'></text>边框
   </view>  
   <view class='action'>
    <switch class='sm' bindchange='SetSize'></switch>
@@ -22,7 +22,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />阴影
+    <text class='icon-title text-blue'></text>阴影
   </view>
 </bar>
 <view class="padding text-center">

demo/pages/basics/tag/tag.wxml

@@ -1,14 +1,14 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back' /> 标签
+      <text class='icon-back'></text> 标签
     </navigator>
   </bar>
 </custom>
 
 <bar>
   <view class='action'>
-    <icon class='icon-title text-blue' />标签形状
+    <text class='icon-title text-blue'></text>标签形状
   </view>
 </bar>
 <view class="padding">
@@ -19,7 +19,7 @@
 
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />标签尺寸
+    <text class='icon-title text-blue'></text>标签尺寸
   </view>
 </bar>
 <view class="padding">
@@ -28,7 +28,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />标签颜色
+    <text class='icon-title text-blue'></text>标签颜色
   </view>
 </bar>
 <view class='padding-sm flex flex-wrap'>
@@ -41,7 +41,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />镂空标签
+    <text class='icon-title text-blue'></text>镂空标签
   </view>
 </bar>
 <view class='padding-sm flex flex-wrap'>
@@ -51,13 +51,13 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />胶囊样式
+    <text class='icon-title text-blue'></text>胶囊样式
   </view>
 </bar>
 <view class="padding">
   <capsule>
     <tag class='bg-red'>
-      <icon class='icon-likefill' />
+      <text class='icon-likefill'></text>
     </tag>
     <tag class="line-red">
       12
@@ -65,7 +65,7 @@
   </capsule>
   <capsule class="round">
     <tag class='bg-blue '>
-      <icon class='icon-likefill' />
+      <text class='icon-likefill'></text>
     </tag>
     <tag class="line-blue">
       23
@@ -81,7 +81,7 @@
   </capsule>
   <capsule class="radius">
     <tag class='bg-grey '>
-      <icon class='icon-likefill' />
+      <text class='icon-likefill'></text>
     </tag>
     <tag class="line-grey">
       23
@@ -89,7 +89,7 @@
   </capsule>
   <capsule class="radius">
     <tag class='bg-brown sm'>
-      <icon class='icon-likefill' />
+      <text class='icon-likefill'></text>
     </tag>
     <tag class="line-brown sm">
       23
@@ -98,7 +98,7 @@
 </view>
 <bar class="margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue' />数字标签
+    <text class='icon-title text-blue'></text>数字标签
   </view>
 </bar>
 <view class="padding flex justify-between align-center">
@@ -111,7 +111,7 @@
   </avatar>
   <avatar class='xl radius'>
     <tag class='badge'>99</tag>
-    <icon class='icon-people' />
+    <text class='icon-people'></text>
   </avatar>
   <avatar class='xl radius'>
     <tag class='badge'>99+</tag>

demo/pages/basics/text/text.wxml

@@ -1,7 +1,7 @@
 <custom style="height:{{CustomBar}}px;">
   <bar class="fixed gradual-blue" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
     <navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
-      <icon class='icon-back'/> 文本
+      <text class='icon-back'></text> 文本
     </navigator>
     <view class='action'>
 
@@ -10,7 +10,7 @@
 </custom>
 <bar class="solid-bottom">
   <view class='action'>
-    <icon class='icon-title text-blue'/>文字大小
+    <text class='icon-title text-blue'></text>文字大小
   </view>
 </bar>
 <view class='bg-white padding-lr'>
@@ -18,7 +18,7 @@
     <view class='padding'>60</view>
     <view class='flex-sub text-center'>
       <view class='solid-bottom text-xsl padding'>
-        <icon class=' icon-roundcheckfill text-green'/>
+        <text class=' icon-roundcheckfill text-green'></text>
       </view>
       <view class='padding'>用于图标、数字等特大显示</view>
     </view>
@@ -27,7 +27,7 @@
     <view class='padding'>40</view>
     <view class='flex-sub text-center'>
       <view class='solid-bottom text-sl padding'>
-        <icon class=' icon-roundcheckfill text-green'/>
+        <text class=' icon-roundcheckfill text-green'></text>
       </view>
       <view class='padding'>用于图标、数字等较大显示</view>
     </view>
@@ -87,7 +87,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue'/>文字颜色
+    <text class='icon-title text-blue'></text>文字颜色
   </view>
 </bar>
 <view class='grid col-5 padding-sm'>
@@ -99,7 +99,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue'/>文字截断
+    <text class='icon-title text-blue'></text>文字截断
   </view>
 </bar>
 <view class='padding bg-white'>
@@ -107,7 +107,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue'/>文字对齐
+    <text class='icon-title text-blue'></text>文字对齐
   </view>
 </bar>
 <view class='padding bg-white'>
@@ -117,7 +117,7 @@
 </view>
 <bar class="solid-bottom margin-top">
   <view class='action'>
-    <icon class='icon-title text-blue'/>特殊文字
+    <text class='icon-title text-blue'></text>特殊文字
   </view>
 </bar>
 <view class='padding text-center'>