更新UI组件库代码

src/kui/components/k-icon/k-icon.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <div class="k-icon" v-if="isImg" @click="handleClick">
+  <view>
+    <view class="k-icon" v-if="isImg" @click="handleClick">
       <!-- 不能直接写 require(name)，会报错 Cannot find module -->
       <!-- require 参数不能有@，不然引入KIP中会有奇怪的报错 -->
       <!-- 要显示非 static 文件夹中的图片时，name 需要传入 require 函数 -->
@@ -15,8 +15,8 @@
             : name
         "
         :style="{
-          width: rpxSize + 'rpx',
-          height: rpxSize + 'rpx',
+          width: rpxSize + 'px',
+          height: rpxSize + 'px',
           opacity: opacity,
         }"
       /> -->
@@ -28,8 +28,8 @@
           opacity: opacity,
         }"
       />
-    </div>
-    <span
+    </view>
+    <text
       v-else
       :style="{
         color: color,
@@ -43,9 +43,9 @@
         'k-icon__not-allowed': disabled,
       }"
       @click="handleClick"
-      >{{ icon }}</span
+      >{{ icon }}</text
     >
-  </div>
+  </view>
 </template>
 
 <script>
@@ -85,7 +85,7 @@ export default {
       });
     },
   },
-}
+};
 </script>
 
 <style scoped>
@@ -102,7 +102,7 @@ export default {
   font-display: swap;
   font-style: normal;
   font-family: kuiicons;
-  src: url('./kuiicons.ttf') format('truetype');
+  src: url("./kuiicons.ttf") format("truetype");
 }
 /* #endif */
 

src/kui/components/k-icon/kuiicons.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: kuiicons;
-  src: url("kuiicons.ttf?t=20230213.1412") format("truetype");
+  src: url("kuiicons.ttf?t=20230224.2003") format("truetype");
 }
 
 .kuiicons {
@@ -32,318 +32,354 @@
   content: "\e605";
 }
 
-.k-icon-holiday-gifts::before {
+.k-icon-help::before {
   content: "\e606";
 }
 
-.k-icon-home::before {
+.k-icon-holiday-gifts::before {
   content: "\e607";
 }
 
-.k-icon-lbs-relocation::before {
+.k-icon-home::before {
   content: "\e608";
 }
 
-.k-icon-like-fill::before {
+.k-icon-lbs-relocation::before {
   content: "\e609";
 }
 
-.k-icon-platinum-vip::before {
+.k-icon-like-fill::before {
   content: "\e60a";
 }
 
-.k-icon-pm25::before {
+.k-icon-platinum-vip::before {
   content: "\e60b";
 }
 
-.k-icon-robot-recovery-points::before {
+.k-icon-pm25::before {
   content: "\e60c";
 }
 
-.k-icon-search::before {
+.k-icon-robot-recovery-points::before {
   content: "\e60d";
 }
 
-.k-icon-w00d::before {
+.k-icon-search::before {
   content: "\e60e";
 }
 
-.k-icon-w00n::before {
+.k-icon-w00d::before {
   content: "\e60f";
 }
 
-.k-icon-w01d::before {
+.k-icon-w00n::before {
   content: "\e610";
 }
 
-.k-icon-w01n::before {
+.k-icon-w01d::before {
   content: "\e611";
 }
 
-.k-icon-w02::before {
+.k-icon-w01n::before {
   content: "\e612";
 }
 
-.k-icon-w03d::before {
+.k-icon-w02::before {
   content: "\e613";
 }
 
-.k-icon-w03n::before {
+.k-icon-w03d::before {
   content: "\e614";
 }
 
-.k-icon-w04::before {
+.k-icon-w03n::before {
   content: "\e615";
 }
 
-.k-icon-w05::before {
+.k-icon-w04::before {
   content: "\e616";
 }
 
-.k-icon-w06::before {
+.k-icon-w05::before {
   content: "\e617";
 }
 
-.k-icon-w07::before {
+.k-icon-w06::before {
   content: "\e618";
 }
 
-.k-icon-w08::before {
+.k-icon-w07::before {
   content: "\e619";
 }
 
-.k-icon-w09::before {
+.k-icon-w08::before {
   content: "\e61a";
 }
 
-.k-icon-w10::before {
+.k-icon-w09::before {
   content: "\e61b";
 }
 
-.k-icon-w11::before {
+.k-icon-w10::before {
   content: "\e61c";
 }
 
-.k-icon-w12::before {
+.k-icon-w11::before {
   content: "\e61d";
 }
 
-.k-icon-w13d::before {
+.k-icon-w12::before {
   content: "\e61e";
 }
 
-.k-icon-w13n::before {
+.k-icon-w13d::before {
   content: "\e61f";
 }
 
-.k-icon-w14::before {
+.k-icon-w13n::before {
   content: "\e620";
 }
 
-.k-icon-w15::before {
+.k-icon-w14::before {
   content: "\e621";
 }
 
-.k-icon-w16::before {
+.k-icon-w15::before {
   content: "\e622";
 }
 
-.k-icon-w17::before {
+.k-icon-w16::before {
   content: "\e623";
 }
 
-.k-icon-w18::before {
+.k-icon-w17::before {
   content: "\e624";
 }
 
-.k-icon-w19::before {
+.k-icon-w18::before {
   content: "\e625";
 }
 
-.k-icon-w20::before {
+.k-icon-w19::before {
   content: "\e626";
 }
 
-.k-icon-w24::before {
+.k-icon-w20::before {
   content: "\e627";
 }
 
-.k-icon-w25::before {
+.k-icon-w24::before {
   content: "\e628";
 }
 
-.k-icon-w26::before {
+.k-icon-w25::before {
   content: "\e629";
 }
 
-.k-icon-w27::before {
+.k-icon-w26::before {
   content: "\e62a";
 }
 
-.k-icon-w28::before {
+.k-icon-w27::before {
   content: "\e62b";
 }
 
-.k-icon-w29::before {
+.k-icon-w28::before {
   content: "\e62c";
 }
 
-.k-icon-w30::before {
+.k-icon-w29::before {
   content: "\e62d";
 }
 
-.k-icon-w301::before {
+.k-icon-w30::before {
   content: "\e62e";
 }
 
-.k-icon-w302::before {
+.k-icon-w301::before {
   content: "\e62f";
 }
 
-.k-icon-w31::before {
+.k-icon-w302::before {
   content: "\e630";
 }
 
-.k-icon-w53::before {
+.k-icon-w31::before {
   content: "\e631";
 }
 
-.k-icon-address::before {
+.k-icon-w53::before {
   content: "\e632";
 }
 
-.k-icon-birthday::before {
+.k-icon-address::before {
   content: "\e633";
 }
 
-.k-icon-child-info::before {
+.k-icon-birthday::before {
   content: "\e634";
 }
 
-.k-icon-email::before {
+.k-icon-child-info::before {
   content: "\e635";
 }
 
-.k-icon-gender::before {
+.k-icon-email::before {
   content: "\e636";
 }
 
-.k-icon-location::before {
+.k-icon-gender::before {
   content: "\e637";
 }
 
-.k-icon-nickname::before {
+.k-icon-location::before {
   content: "\e638";
 }
 
-.k-icon-notice::before {
+.k-icon-nickname::before {
   content: "\e639";
 }
 
-.k-icon-office::before {
+.k-icon-notice::before {
   content: "\e63a";
 }
 
-.k-icon-my-bill::before {
+.k-icon-office::before {
   content: "\e63b";
 }
 
-.k-icon-space-coupon::before {
+.k-icon-my-card-coupon::before {
   content: "\e63c";
 }
 
-.k-icon-activity-location::before {
+.k-icon-my-favorite::before {
   content: "\e63d";
 }
 
-.k-icon-arrows-right::before {
+.k-icon-my-message::before {
   content: "\e63e";
 }
 
-.k-icon-like::before {
+.k-icon-registration-activity::before {
   content: "\e63f";
 }
 
-.k-icon-members::before {
+.k-icon-cancelled::before {
   content: "\e640";
 }
 
-.k-icon-price::before {
+.k-icon-disapprove::before {
   content: "\e641";
 }
 
-.k-icon-time::before {
+.k-icon-finished::before {
   content: "\e642";
 }
 
-.k-icon-contacts::before {
+.k-icon-under-review::before {
   content: "\e643";
 }
 
-.k-icon-hyperlink::before {
+.k-icon-my-bill::before {
   content: "\e644";
 }
 
-.k-icon-name-business::before {
+.k-icon-space-coupon::before {
   content: "\e645";
 }
 
-.k-icon-phone::before {
+.k-icon-activity-location::before {
   content: "\e646";
 }
 
-.k-icon-save::before {
+.k-icon-arrows-right::before {
   content: "\e647";
 }
 
-.k-icon-share::before {
+.k-icon-like::before {
   content: "\e648";
 }
 
-.k-icon-about-kerry-plus::before {
+.k-icon-members::before {
   content: "\e649";
 }
 
-.k-icon-authentication::before {
+.k-icon-price::before {
   content: "\e64a";
 }
 
-.k-icon-authorised-apps::before {
+.k-icon-time::before {
   content: "\e64b";
 }
 
-.k-icon-language::before {
+.k-icon-contacts::before {
   content: "\e64c";
 }
 
-.k-icon-logout::before {
+.k-icon-hyperlink::before {
   content: "\e64d";
 }
 
-.k-icon-membership-agreement::before {
+.k-icon-name-business::before {
   content: "\e64e";
 }
 
-.k-icon-message-management::before {
+.k-icon-phone::before {
   content: "\e64f";
 }
 
-.k-icon-personal-info::before {
+.k-icon-save::before {
   content: "\e650";
 }
 
-.k-icon-plate-binding::before {
+.k-icon-share::before {
   content: "\e651";
 }
 
-.k-icon-plate-number-building::before {
+.k-icon-about-kerry-plus::before {
   content: "\e652";
 }
 
-.k-icon-privacy-policy::before {
+.k-icon-authentication::before {
   content: "\e653";
 }
 
-.k-icon-security::before {
+.k-icon-authorised-apps::before {
   content: "\e654";
 }
+
+.k-icon-language::before {
+  content: "\e655";
+}
+
+.k-icon-logout::before {
+  content: "\e656";
+}
+
+.k-icon-membership-agreement::before {
+  content: "\e657";
+}
+
+.k-icon-message-management::before {
+  content: "\e658";
+}
+
+.k-icon-personal-info::before {
+  content: "\e659";
+}
+
+.k-icon-plate-binding::before {
+  content: "\e65a";
+}
+
+.k-icon-plate-number-building::before {
+  content: "\e65b";
+}
+
+.k-icon-privacy-policy::before {
+  content: "\e65c";
+}
+
+.k-icon-security::before {
+  content: "\e65d";
+}

src/kui/components/k-icon/kuiicons.js

@@ -33,399 +33,444 @@ export default [
     "font_class": "k-icon-delete",
     "unicode": "\ue605"
   },
+  {
+    "name": "help",
+    "font_class": "k-icon-help",
+    "unicode": "\ue606"
+  },
   {
     "name": "holiday-gifts",
     "font_class": "k-icon-holiday-gifts",
-    "unicode": "\ue606"
+    "unicode": "\ue607"
   },
   {
     "name": "home",
     "font_class": "k-icon-home",
-    "unicode": "\ue607"
+    "unicode": "\ue608"
   },
   {
     "name": "lbs-relocation",
     "font_class": "k-icon-lbs-relocation",
-    "unicode": "\ue608"
+    "unicode": "\ue609"
   },
   {
     "name": "like-fill",
     "font_class": "k-icon-like-fill",
-    "unicode": "\ue609"
+    "unicode": "\ue60a"
   },
   {
     "name": "platinum-vip",
     "font_class": "k-icon-platinum-vip",
-    "unicode": "\ue60a"
+    "unicode": "\ue60b"
   },
   {
     "name": "pm25",
     "font_class": "k-icon-pm25",
-    "unicode": "\ue60b"
+    "unicode": "\ue60c"
   },
   {
     "name": "robot-recovery-points",
     "font_class": "k-icon-robot-recovery-points",
-    "unicode": "\ue60c"
+    "unicode": "\ue60d"
   },
   {
     "name": "search",
     "font_class": "k-icon-search",
-    "unicode": "\ue60d"
+    "unicode": "\ue60e"
   },
   {
     "name": "w00d",
     "font_class": "k-icon-w00d",
-    "unicode": "\ue60e"
+    "unicode": "\ue60f"
   },
   {
     "name": "w00n",
     "font_class": "k-icon-w00n",
-    "unicode": "\ue60f"
+    "unicode": "\ue610"
   },
   {
     "name": "w01d",
     "font_class": "k-icon-w01d",
-    "unicode": "\ue610"
+    "unicode": "\ue611"
   },
   {
     "name": "w01n",
     "font_class": "k-icon-w01n",
-    "unicode": "\ue611"
+    "unicode": "\ue612"
   },
   {
     "name": "w02",
     "font_class": "k-icon-w02",
-    "unicode": "\ue612"
+    "unicode": "\ue613"
   },
   {
     "name": "w03d",
     "font_class": "k-icon-w03d",
-    "unicode": "\ue613"
+    "unicode": "\ue614"
   },
   {
     "name": "w03n",
     "font_class": "k-icon-w03n",
-    "unicode": "\ue614"
+    "unicode": "\ue615"
   },
   {
     "name": "w04",
     "font_class": "k-icon-w04",
-    "unicode": "\ue615"
+    "unicode": "\ue616"
   },
   {
     "name": "w05",
     "font_class": "k-icon-w05",
-    "unicode": "\ue616"
+    "unicode": "\ue617"
   },
   {
     "name": "w06",
     "font_class": "k-icon-w06",
-    "unicode": "\ue617"
+    "unicode": "\ue618"
   },
   {
     "name": "w07",
     "font_class": "k-icon-w07",
-    "unicode": "\ue618"
+    "unicode": "\ue619"
   },
   {
     "name": "w08",
     "font_class": "k-icon-w08",
-    "unicode": "\ue619"
+    "unicode": "\ue61a"
   },
   {
     "name": "w09",
     "font_class": "k-icon-w09",
-    "unicode": "\ue61a"
+    "unicode": "\ue61b"
   },
   {
     "name": "w10",
     "font_class": "k-icon-w10",
-    "unicode": "\ue61b"
+    "unicode": "\ue61c"
   },
   {
     "name": "w11",
     "font_class": "k-icon-w11",
-    "unicode": "\ue61c"
+    "unicode": "\ue61d"
   },
   {
     "name": "w12",
     "font_class": "k-icon-w12",
-    "unicode": "\ue61d"
+    "unicode": "\ue61e"
   },
   {
     "name": "w13d",
     "font_class": "k-icon-w13d",
-    "unicode": "\ue61e"
+    "unicode": "\ue61f"
   },
   {
     "name": "w13n",
     "font_class": "k-icon-w13n",
-    "unicode": "\ue61f"
+    "unicode": "\ue620"
   },
   {
     "name": "w14",
     "font_class": "k-icon-w14",
-    "unicode": "\ue620"
+    "unicode": "\ue621"
   },
   {
     "name": "w15",
     "font_class": "k-icon-w15",
-    "unicode": "\ue621"
+    "unicode": "\ue622"
   },
   {
     "name": "w16",
     "font_class": "k-icon-w16",
-    "unicode": "\ue622"
+    "unicode": "\ue623"
   },
   {
     "name": "w17",
     "font_class": "k-icon-w17",
-    "unicode": "\ue623"
+    "unicode": "\ue624"
   },
   {
     "name": "w18",
     "font_class": "k-icon-w18",
-    "unicode": "\ue624"
+    "unicode": "\ue625"
   },
   {
     "name": "w19",
     "font_class": "k-icon-w19",
-    "unicode": "\ue625"
+    "unicode": "\ue626"
   },
   {
     "name": "w20",
     "font_class": "k-icon-w20",
-    "unicode": "\ue626"
+    "unicode": "\ue627"
   },
   {
     "name": "w24",
     "font_class": "k-icon-w24",
-    "unicode": "\ue627"
+    "unicode": "\ue628"
   },
   {
     "name": "w25",
     "font_class": "k-icon-w25",
-    "unicode": "\ue628"
+    "unicode": "\ue629"
   },
   {
     "name": "w26",
     "font_class": "k-icon-w26",
-    "unicode": "\ue629"
+    "unicode": "\ue62a"
   },
   {
     "name": "w27",
     "font_class": "k-icon-w27",
-    "unicode": "\ue62a"
+    "unicode": "\ue62b"
   },
   {
     "name": "w28",
     "font_class": "k-icon-w28",
-    "unicode": "\ue62b"
+    "unicode": "\ue62c"
   },
   {
     "name": "w29",
     "font_class": "k-icon-w29",
-    "unicode": "\ue62c"
+    "unicode": "\ue62d"
   },
   {
     "name": "w30",
     "font_class": "k-icon-w30",
-    "unicode": "\ue62d"
+    "unicode": "\ue62e"
   },
   {
     "name": "w301",
     "font_class": "k-icon-w301",
-    "unicode": "\ue62e"
+    "unicode": "\ue62f"
   },
   {
     "name": "w302",
     "font_class": "k-icon-w302",
-    "unicode": "\ue62f"
+    "unicode": "\ue630"
   },
   {
     "name": "w31",
     "font_class": "k-icon-w31",
-    "unicode": "\ue630"
+    "unicode": "\ue631"
   },
   {
     "name": "w53",
     "font_class": "k-icon-w53",
-    "unicode": "\ue631"
+    "unicode": "\ue632"
   },
   {
     "name": "address",
     "font_class": "k-icon-address",
-    "unicode": "\ue632"
+    "unicode": "\ue633"
   },
   {
     "name": "birthday",
     "font_class": "k-icon-birthday",
-    "unicode": "\ue633"
+    "unicode": "\ue634"
   },
   {
     "name": "child-info",
     "font_class": "k-icon-child-info",
-    "unicode": "\ue634"
+    "unicode": "\ue635"
   },
   {
     "name": "email",
     "font_class": "k-icon-email",
-    "unicode": "\ue635"
+    "unicode": "\ue636"
   },
   {
     "name": "gender",
     "font_class": "k-icon-gender",
-    "unicode": "\ue636"
+    "unicode": "\ue637"
   },
   {
     "name": "location",
     "font_class": "k-icon-location",
-    "unicode": "\ue637"
+    "unicode": "\ue638"
   },
   {
     "name": "nickname",
     "font_class": "k-icon-nickname",
-    "unicode": "\ue638"
+    "unicode": "\ue639"
   },
   {
     "name": "notice",
     "font_class": "k-icon-notice",
-    "unicode": "\ue639"
+    "unicode": "\ue63a"
   },
   {
     "name": "office",
     "font_class": "k-icon-office",
-    "unicode": "\ue63a"
+    "unicode": "\ue63b"
+  },
+  {
+    "name": "my-card-coupon",
+    "font_class": "k-icon-my-card-coupon",
+    "unicode": "\ue63c"
+  },
+  {
+    "name": "my-favorite",
+    "font_class": "k-icon-my-favorite",
+    "unicode": "\ue63d"
+  },
+  {
+    "name": "my-message",
+    "font_class": "k-icon-my-message",
+    "unicode": "\ue63e"
+  },
+  {
+    "name": "registration-activity",
+    "font_class": "k-icon-registration-activity",
+    "unicode": "\ue63f"
+  },
+  {
+    "name": "cancelled",
+    "font_class": "k-icon-cancelled",
+    "unicode": "\ue640"
+  },
+  {
+    "name": "disapprove",
+    "font_class": "k-icon-disapprove",
+    "unicode": "\ue641"
+  },
+  {
+    "name": "finished",
+    "font_class": "k-icon-finished",
+    "unicode": "\ue642"
+  },
+  {
+    "name": "under-review",
+    "font_class": "k-icon-under-review",
+    "unicode": "\ue643"
   },
   {
     "name": "my-bill",
     "font_class": "k-icon-my-bill",
-    "unicode": "\ue63b"
+    "unicode": "\ue644"
   },
   {
     "name": "space-coupon",
     "font_class": "k-icon-space-coupon",
-    "unicode": "\ue63c"
+    "unicode": "\ue645"
   },
   {
     "name": "activity-location",
     "font_class": "k-icon-activity-location",
-    "unicode": "\ue63d"
+    "unicode": "\ue646"
   },
   {
     "name": "arrows-right",
     "font_class": "k-icon-arrows-right",
-    "unicode": "\ue63e"
+    "unicode": "\ue647"
   },
   {
     "name": "like",
     "font_class": "k-icon-like",
-    "unicode": "\ue63f"
+    "unicode": "\ue648"
   },
   {
     "name": "members",
     "font_class": "k-icon-members",
-    "unicode": "\ue640"
+    "unicode": "\ue649"
   },
   {
     "name": "price",
     "font_class": "k-icon-price",
-    "unicode": "\ue641"
+    "unicode": "\ue64a"
   },
   {
     "name": "time",
     "font_class": "k-icon-time",
-    "unicode": "\ue642"
+    "unicode": "\ue64b"
   },
   {
     "name": "contacts",
     "font_class": "k-icon-contacts",
-    "unicode": "\ue643"
+    "unicode": "\ue64c"
   },
   {
     "name": "hyperlink",
     "font_class": "k-icon-hyperlink",
-    "unicode": "\ue644"
+    "unicode": "\ue64d"
   },
   {
     "name": "name-business",
     "font_class": "k-icon-name-business",
-    "unicode": "\ue645"
+    "unicode": "\ue64e"
   },
   {
     "name": "phone",
     "font_class": "k-icon-phone",
-    "unicode": "\ue646"
+    "unicode": "\ue64f"
   },
   {
     "name": "save",
     "font_class": "k-icon-save",
-    "unicode": "\ue647"
+    "unicode": "\ue650"
   },
   {
     "name": "share",
     "font_class": "k-icon-share",
-    "unicode": "\ue648"
+    "unicode": "\ue651"
   },
   {
     "name": "about-kerry-plus",
     "font_class": "k-icon-about-kerry-plus",
-    "unicode": "\ue649"
+    "unicode": "\ue652"
   },
   {
     "name": "authentication",
     "font_class": "k-icon-authentication",
-    "unicode": "\ue64a"
+    "unicode": "\ue653"
   },
   {
     "name": "authorised-apps",
     "font_class": "k-icon-authorised-apps",
-    "unicode": "\ue64b"
+    "unicode": "\ue654"
   },
   {
     "name": "language",
     "font_class": "k-icon-language",
-    "unicode": "\ue64c"
+    "unicode": "\ue655"
   },
   {
     "name": "logout",
     "font_class": "k-icon-logout",
-    "unicode": "\ue64d"
+    "unicode": "\ue656"
   },
   {
     "name": "membership-agreement",
     "font_class": "k-icon-membership-agreement",
-    "unicode": "\ue64e"
+    "unicode": "\ue657"
   },
   {
     "name": "message-management",
     "font_class": "k-icon-message-management",
-    "unicode": "\ue64f"
+    "unicode": "\ue658"
   },
   {
     "name": "personal-info",
     "font_class": "k-icon-personal-info",
-    "unicode": "\ue650"
+    "unicode": "\ue659"
   },
   {
     "name": "plate-binding",
     "font_class": "k-icon-plate-binding",
-    "unicode": "\ue651"
+    "unicode": "\ue65a"
   },
   {
     "name": "plate-number-building",
     "font_class": "k-icon-plate-number-building",
-    "unicode": "\ue652"
+    "unicode": "\ue65b"
   },
   {
     "name": "privacy-policy",
     "font_class": "k-icon-privacy-policy",
-    "unicode": "\ue653"
+    "unicode": "\ue65c"
   },
   {
     "name": "security",
     "font_class": "k-icon-security",
-    "unicode": "\ue654"
+    "unicode": "\ue65d"
   }
 ];

src/kui/components/k-icon/kuiicons2.js

@@ -49,635 +49,707 @@ const kuiicons_glyphs = [
     "desc": "delete"
   },
   {
-    "name": "holiday-gifts",
-    "font_class": "k-icon-holiday-gifts",
+    "name": "help",
+    "font_class": "k-icon-help",
     "unicode": "\ue606",
     "unicode_hex": "e606",
     "unicode_decimal": 58886,
-    "desc": "holiday-gifts"
+    "desc": "help"
   },
   {
-    "name": "home",
-    "font_class": "k-icon-home",
+    "name": "holiday-gifts",
+    "font_class": "k-icon-holiday-gifts",
     "unicode": "\ue607",
     "unicode_hex": "e607",
     "unicode_decimal": 58887,
-    "desc": "home"
+    "desc": "holiday-gifts"
   },
   {
-    "name": "lbs-relocation",
-    "font_class": "k-icon-lbs-relocation",
+    "name": "home",
+    "font_class": "k-icon-home",
     "unicode": "\ue608",
     "unicode_hex": "e608",
     "unicode_decimal": 58888,
-    "desc": "lbs-relocation"
+    "desc": "home"
   },
   {
-    "name": "like-fill",
-    "font_class": "k-icon-like-fill",
+    "name": "lbs-relocation",
+    "font_class": "k-icon-lbs-relocation",
     "unicode": "\ue609",
     "unicode_hex": "e609",
     "unicode_decimal": 58889,
-    "desc": "like-fill"
+    "desc": "lbs-relocation"
   },
   {
-    "name": "platinum-vip",
-    "font_class": "k-icon-platinum-vip",
+    "name": "like-fill",
+    "font_class": "k-icon-like-fill",
     "unicode": "\ue60a",
     "unicode_hex": "e60a",
     "unicode_decimal": 58890,
-    "desc": "platinum-vip"
+    "desc": "like-fill"
   },
   {
-    "name": "pm25",
-    "font_class": "k-icon-pm25",
+    "name": "platinum-vip",
+    "font_class": "k-icon-platinum-vip",
     "unicode": "\ue60b",
     "unicode_hex": "e60b",
     "unicode_decimal": 58891,
-    "desc": "pm25"
+    "desc": "platinum-vip"
   },
   {
-    "name": "robot-recovery-points",
-    "font_class": "k-icon-robot-recovery-points",
+    "name": "pm25",
+    "font_class": "k-icon-pm25",
     "unicode": "\ue60c",
     "unicode_hex": "e60c",
     "unicode_decimal": 58892,
-    "desc": "robot-recovery-points"
+    "desc": "pm25"
   },
   {
-    "name": "search",
-    "font_class": "k-icon-search",
+    "name": "robot-recovery-points",
+    "font_class": "k-icon-robot-recovery-points",
     "unicode": "\ue60d",
     "unicode_hex": "e60d",
     "unicode_decimal": 58893,
-    "desc": "search"
+    "desc": "robot-recovery-points"
   },
   {
-    "name": "w00d",
-    "font_class": "k-icon-w00d",
+    "name": "search",
+    "font_class": "k-icon-search",
     "unicode": "\ue60e",
     "unicode_hex": "e60e",
     "unicode_decimal": 58894,
-    "desc": "w00d-晴天"
+    "desc": "search"
   },
   {
-    "name": "w00n",
-    "font_class": "k-icon-w00n",
+    "name": "w00d",
+    "font_class": "k-icon-w00d",
     "unicode": "\ue60f",
     "unicode_hex": "e60f",
     "unicode_decimal": 58895,
-    "desc": "w00n-晴天"
+    "desc": "w00d-晴天"
   },
   {
-    "name": "w01d",
-    "font_class": "k-icon-w01d",
+    "name": "w00n",
+    "font_class": "k-icon-w00n",
     "unicode": "\ue610",
     "unicode_hex": "e610",
     "unicode_decimal": 58896,
-    "desc": "w01d-多云"
+    "desc": "w00n-晴天"
   },
   {
-    "name": "w01n",
-    "font_class": "k-icon-w01n",
+    "name": "w01d",
+    "font_class": "k-icon-w01d",
     "unicode": "\ue611",
     "unicode_hex": "e611",
     "unicode_decimal": 58897,
-    "desc": "w01n-多云"
+    "desc": "w01d-多云"
   },
   {
-    "name": "w02",
-    "font_class": "k-icon-w02",
+    "name": "w01n",
+    "font_class": "k-icon-w01n",
     "unicode": "\ue612",
     "unicode_hex": "e612",
     "unicode_decimal": 58898,
-    "desc": "w02-阴"
+    "desc": "w01n-多云"
   },
   {
-    "name": "w03d",
-    "font_class": "k-icon-w03d",
+    "name": "w02",
+    "font_class": "k-icon-w02",
     "unicode": "\ue613",
     "unicode_hex": "e613",
     "unicode_decimal": 58899,
-    "desc": "w03d-阵雨"
+    "desc": "w02-阴"
   },
   {
-    "name": "w03n",
-    "font_class": "k-icon-w03n",
+    "name": "w03d",
+    "font_class": "k-icon-w03d",
     "unicode": "\ue614",
     "unicode_hex": "e614",
     "unicode_decimal": 58900,
-    "desc": "w03n-阵雨"
+    "desc": "w03d-阵雨"
   },
   {
-    "name": "w04",
-    "font_class": "k-icon-w04",
+    "name": "w03n",
+    "font_class": "k-icon-w03n",
     "unicode": "\ue615",
     "unicode_hex": "e615",
     "unicode_decimal": 58901,
-    "desc": "w04-雷阵雨"
+    "desc": "w03n-阵雨"
   },
   {
-    "name": "w05",
-    "font_class": "k-icon-w05",
+    "name": "w04",
+    "font_class": "k-icon-w04",
     "unicode": "\ue616",
     "unicode_hex": "e616",
     "unicode_decimal": 58902,
-    "desc": "w05-雷阵雨伴有冰雹"
+    "desc": "w04-雷阵雨"
   },
   {
-    "name": "w06",
-    "font_class": "k-icon-w06",
+    "name": "w05",
+    "font_class": "k-icon-w05",
     "unicode": "\ue617",
     "unicode_hex": "e617",
     "unicode_decimal": 58903,
-    "desc": "w06-雨夹雪"
+    "desc": "w05-雷阵雨伴有冰雹"
   },
   {
-    "name": "w07",
-    "font_class": "k-icon-w07",
+    "name": "w06",
+    "font_class": "k-icon-w06",
     "unicode": "\ue618",
     "unicode_hex": "e618",
     "unicode_decimal": 58904,
-    "desc": "w07-小雨"
+    "desc": "w06-雨夹雪"
   },
   {
-    "name": "w08",
-    "font_class": "k-icon-w08",
+    "name": "w07",
+    "font_class": "k-icon-w07",
     "unicode": "\ue619",
     "unicode_hex": "e619",
     "unicode_decimal": 58905,
-    "desc": "w08-中雨"
+    "desc": "w07-小雨"
   },
   {
-    "name": "w09",
-    "font_class": "k-icon-w09",
+    "name": "w08",
+    "font_class": "k-icon-w08",
     "unicode": "\ue61a",
     "unicode_hex": "e61a",
     "unicode_decimal": 58906,
-    "desc": "w09-大雨"
+    "desc": "w08-中雨"
   },
   {
-    "name": "w10",
-    "font_class": "k-icon-w10",
+    "name": "w09",
+    "font_class": "k-icon-w09",
     "unicode": "\ue61b",
     "unicode_hex": "e61b",
     "unicode_decimal": 58907,
-    "desc": "w10-暴雨"
+    "desc": "w09-大雨"
   },
   {
-    "name": "w11",
-    "font_class": "k-icon-w11",
+    "name": "w10",
+    "font_class": "k-icon-w10",
     "unicode": "\ue61c",
     "unicode_hex": "e61c",
     "unicode_decimal": 58908,
-    "desc": "w11-大暴雨"
+    "desc": "w10-暴雨"
   },
   {
-    "name": "w12",
-    "font_class": "k-icon-w12",
+    "name": "w11",
+    "font_class": "k-icon-w11",
     "unicode": "\ue61d",
     "unicode_hex": "e61d",
     "unicode_decimal": 58909,
-    "desc": "w12-特大暴雨"
+    "desc": "w11-大暴雨"
   },
   {
-    "name": "w13d",
-    "font_class": "k-icon-w13d",
+    "name": "w12",
+    "font_class": "k-icon-w12",
     "unicode": "\ue61e",
     "unicode_hex": "e61e",
     "unicode_decimal": 58910,
-    "desc": "w13d-阵雪"
+    "desc": "w12-特大暴雨"
   },
   {
-    "name": "w13n",
-    "font_class": "k-icon-w13n",
+    "name": "w13d",
+    "font_class": "k-icon-w13d",
     "unicode": "\ue61f",
     "unicode_hex": "e61f",
     "unicode_decimal": 58911,
-    "desc": "w13n-阵雪"
+    "desc": "w13d-阵雪"
   },
   {
-    "name": "w14",
-    "font_class": "k-icon-w14",
+    "name": "w13n",
+    "font_class": "k-icon-w13n",
     "unicode": "\ue620",
     "unicode_hex": "e620",
     "unicode_decimal": 58912,
-    "desc": "w14-小雪"
+    "desc": "w13n-阵雪"
   },
   {
-    "name": "w15",
-    "font_class": "k-icon-w15",
+    "name": "w14",
+    "font_class": "k-icon-w14",
     "unicode": "\ue621",
     "unicode_hex": "e621",
     "unicode_decimal": 58913,
-    "desc": "w15-中雪"
+    "desc": "w14-小雪"
   },
   {
-    "name": "w16",
-    "font_class": "k-icon-w16",
+    "name": "w15",
+    "font_class": "k-icon-w15",
     "unicode": "\ue622",
     "unicode_hex": "e622",
     "unicode_decimal": 58914,
-    "desc": "w16-大雪"
+    "desc": "w15-中雪"
   },
   {
-    "name": "w17",
-    "font_class": "k-icon-w17",
+    "name": "w16",
+    "font_class": "k-icon-w16",
     "unicode": "\ue623",
     "unicode_hex": "e623",
     "unicode_decimal": 58915,
-    "desc": "w17-暴雪"
+    "desc": "w16-大雪"
   },
   {
-    "name": "w18",
-    "font_class": "k-icon-w18",
+    "name": "w17",
+    "font_class": "k-icon-w17",
     "unicode": "\ue624",
     "unicode_hex": "e624",
     "unicode_decimal": 58916,
-    "desc": "w18-雾"
+    "desc": "w17-暴雪"
   },
   {
-    "name": "w19",
-    "font_class": "k-icon-w19",
+    "name": "w18",
+    "font_class": "k-icon-w18",
     "unicode": "\ue625",
     "unicode_hex": "e625",
     "unicode_decimal": 58917,
-    "desc": "w19-冻雨"
+    "desc": "w18-雾"
   },
   {
-    "name": "w20",
-    "font_class": "k-icon-w20",
+    "name": "w19",
+    "font_class": "k-icon-w19",
     "unicode": "\ue626",
     "unicode_hex": "e626",
     "unicode_decimal": 58918,
-    "desc": "w20-沙尘暴"
+    "desc": "w19-冻雨"
   },
   {
-    "name": "w24",
-    "font_class": "k-icon-w24",
+    "name": "w20",
+    "font_class": "k-icon-w20",
     "unicode": "\ue627",
     "unicode_hex": "e627",
     "unicode_decimal": 58919,
-    "desc": "w24-暴雨到大暴雨"
+    "desc": "w20-沙尘暴"
   },
   {
-    "name": "w25",
-    "font_class": "k-icon-w25",
+    "name": "w24",
+    "font_class": "k-icon-w24",
     "unicode": "\ue628",
     "unicode_hex": "e628",
     "unicode_decimal": 58920,
-    "desc": "w25-大暴雨到特大暴雨"
+    "desc": "w24-暴雨到大暴雨"
   },
   {
-    "name": "w26",
-    "font_class": "k-icon-w26",
+    "name": "w25",
+    "font_class": "k-icon-w25",
     "unicode": "\ue629",
     "unicode_hex": "e629",
     "unicode_decimal": 58921,
-    "desc": "w26-小到中雪"
+    "desc": "w25-大暴雨到特大暴雨"
   },
   {
-    "name": "w27",
-    "font_class": "k-icon-w27",
+    "name": "w26",
+    "font_class": "k-icon-w26",
     "unicode": "\ue62a",
     "unicode_hex": "e62a",
     "unicode_decimal": 58922,
-    "desc": "w27-中到大雪"
+    "desc": "w26-小到中雪"
   },
   {
-    "name": "w28",
-    "font_class": "k-icon-w28",
+    "name": "w27",
+    "font_class": "k-icon-w27",
     "unicode": "\ue62b",
     "unicode_hex": "e62b",
     "unicode_decimal": 58923,
-    "desc": "w28-大到暴雪"
+    "desc": "w27-中到大雪"
   },
   {
-    "name": "w29",
-    "font_class": "k-icon-w29",
+    "name": "w28",
+    "font_class": "k-icon-w28",
     "unicode": "\ue62c",
     "unicode_hex": "e62c",
     "unicode_decimal": 58924,
-    "desc": "w29-浮尘"
+    "desc": "w28-大到暴雪"
   },
   {
-    "name": "w30",
-    "font_class": "k-icon-w30",
+    "name": "w29",
+    "font_class": "k-icon-w29",
     "unicode": "\ue62d",
     "unicode_hex": "e62d",
     "unicode_decimal": 58925,
-    "desc": "w30-扬沙"
+    "desc": "w29-浮尘"
   },
   {
-    "name": "w301",
-    "font_class": "k-icon-w301",
+    "name": "w30",
+    "font_class": "k-icon-w30",
     "unicode": "\ue62e",
     "unicode_hex": "e62e",
     "unicode_decimal": 58926,
-    "desc": "w301-雨"
+    "desc": "w30-扬沙"
   },
   {
-    "name": "w302",
-    "font_class": "k-icon-w302",
+    "name": "w301",
+    "font_class": "k-icon-w301",
     "unicode": "\ue62f",
     "unicode_hex": "e62f",
     "unicode_decimal": 58927,
-    "desc": "w302-雪"
+    "desc": "w301-雨"
   },
   {
-    "name": "w31",
-    "font_class": "k-icon-w31",
+    "name": "w302",
+    "font_class": "k-icon-w302",
     "unicode": "\ue630",
     "unicode_hex": "e630",
     "unicode_decimal": 58928,
-    "desc": "w31-强沙尘暴"
+    "desc": "w302-雪"
   },
   {
-    "name": "w53",
-    "font_class": "k-icon-w53",
+    "name": "w31",
+    "font_class": "k-icon-w31",
     "unicode": "\ue631",
     "unicode_hex": "e631",
     "unicode_decimal": 58929,
-    "desc": "w53-雾霾"
+    "desc": "w31-强沙尘暴"
   },
   {
-    "name": "address",
-    "font_class": "k-icon-address",
+    "name": "w53",
+    "font_class": "k-icon-w53",
     "unicode": "\ue632",
     "unicode_hex": "e632",
     "unicode_decimal": 58930,
-    "desc": "address"
+    "desc": "w53-雾霾"
   },
   {
-    "name": "birthday",
-    "font_class": "k-icon-birthday",
+    "name": "address",
+    "font_class": "k-icon-address",
     "unicode": "\ue633",
     "unicode_hex": "e633",
     "unicode_decimal": 58931,
-    "desc": "birthday"
+    "desc": "address"
   },
   {
-    "name": "child-info",
-    "font_class": "k-icon-child-info",
+    "name": "birthday",
+    "font_class": "k-icon-birthday",
     "unicode": "\ue634",
     "unicode_hex": "e634",
     "unicode_decimal": 58932,
-    "desc": "child-info"
+    "desc": "birthday"
   },
   {
-    "name": "email",
-    "font_class": "k-icon-email",
+    "name": "child-info",
+    "font_class": "k-icon-child-info",
     "unicode": "\ue635",
     "unicode_hex": "e635",
     "unicode_decimal": 58933,
-    "desc": "email"
+    "desc": "child-info"
   },
   {
-    "name": "gender",
-    "font_class": "k-icon-gender",
+    "name": "email",
+    "font_class": "k-icon-email",
     "unicode": "\ue636",
     "unicode_hex": "e636",
     "unicode_decimal": 58934,
-    "desc": "gender"
+    "desc": "email"
   },
   {
-    "name": "location",
-    "font_class": "k-icon-location",
+    "name": "gender",
+    "font_class": "k-icon-gender",
     "unicode": "\ue637",
     "unicode_hex": "e637",
     "unicode_decimal": 58935,
-    "desc": "location"
+    "desc": "gender"
   },
   {
-    "name": "nickname",
-    "font_class": "k-icon-nickname",
+    "name": "location",
+    "font_class": "k-icon-location",
     "unicode": "\ue638",
     "unicode_hex": "e638",
     "unicode_decimal": 58936,
-    "desc": "nickname"
+    "desc": "location"
   },
   {
-    "name": "notice",
-    "font_class": "k-icon-notice",
+    "name": "nickname",
+    "font_class": "k-icon-nickname",
     "unicode": "\ue639",
     "unicode_hex": "e639",
     "unicode_decimal": 58937,
-    "desc": "notice"
+    "desc": "nickname"
   },
   {
-    "name": "office",
-    "font_class": "k-icon-office",
+    "name": "notice",
+    "font_class": "k-icon-notice",
     "unicode": "\ue63a",
     "unicode_hex": "e63a",
     "unicode_decimal": 58938,
-    "desc": "office"
+    "desc": "notice"
   },
   {
-    "name": "my-bill",
-    "font_class": "k-icon-my-bill",
+    "name": "office",
+    "font_class": "k-icon-office",
     "unicode": "\ue63b",
     "unicode_hex": "e63b",
     "unicode_decimal": 58939,
-    "desc": "my-bill"
+    "desc": "office"
   },
   {
-    "name": "space-coupon",
-    "font_class": "k-icon-space-coupon",
+    "name": "my-card-coupon",
+    "font_class": "k-icon-my-card-coupon",
     "unicode": "\ue63c",
     "unicode_hex": "e63c",
     "unicode_decimal": 58940,
-    "desc": "space-coupon"
+    "desc": "my-card-coupon"
   },
   {
-    "name": "activity-location",
-    "font_class": "k-icon-activity-location",
+    "name": "my-favorite",
+    "font_class": "k-icon-my-favorite",
     "unicode": "\ue63d",
     "unicode_hex": "e63d",
     "unicode_decimal": 58941,
-    "desc": "activity-location"
+    "desc": "my-favorite"
   },
   {
-    "name": "arrows-right",
-    "font_class": "k-icon-arrows-right",
+    "name": "my-message",
+    "font_class": "k-icon-my-message",
     "unicode": "\ue63e",
     "unicode_hex": "e63e",
     "unicode_decimal": 58942,
-    "desc": "arrows-right"
+    "desc": "my-message"
   },
   {
-    "name": "like",
-    "font_class": "k-icon-like",
+    "name": "registration-activity",
+    "font_class": "k-icon-registration-activity",
     "unicode": "\ue63f",
     "unicode_hex": "e63f",
     "unicode_decimal": 58943,
-    "desc": "like"
+    "desc": "registration-activity"
   },
   {
-    "name": "members",
-    "font_class": "k-icon-members",
+    "name": "cancelled",
+    "font_class": "k-icon-cancelled",
     "unicode": "\ue640",
     "unicode_hex": "e640",
     "unicode_decimal": 58944,
-    "desc": "members"
+    "desc": "cancelled"
   },
   {
-    "name": "price",
-    "font_class": "k-icon-price",
+    "name": "disapprove",
+    "font_class": "k-icon-disapprove",
     "unicode": "\ue641",
     "unicode_hex": "e641",
     "unicode_decimal": 58945,
-    "desc": "price"
+    "desc": "disapprove"
   },
   {
-    "name": "time",
-    "font_class": "k-icon-time",
+    "name": "finished",
+    "font_class": "k-icon-finished",
     "unicode": "\ue642",
     "unicode_hex": "e642",
     "unicode_decimal": 58946,
-    "desc": "time"
+    "desc": "finished"
   },
   {
-    "name": "contacts",
-    "font_class": "k-icon-contacts",
+    "name": "under-review",
+    "font_class": "k-icon-under-review",
     "unicode": "\ue643",
     "unicode_hex": "e643",
     "unicode_decimal": 58947,
-    "desc": "contacts"
+    "desc": "under-review"
   },
   {
-    "name": "hyperlink",
-    "font_class": "k-icon-hyperlink",
+    "name": "my-bill",
+    "font_class": "k-icon-my-bill",
     "unicode": "\ue644",
     "unicode_hex": "e644",
     "unicode_decimal": 58948,
-    "desc": "hyperlink"
+    "desc": "my-bill"
   },
   {
-    "name": "name-business",
-    "font_class": "k-icon-name-business",
+    "name": "space-coupon",
+    "font_class": "k-icon-space-coupon",
     "unicode": "\ue645",
     "unicode_hex": "e645",
     "unicode_decimal": 58949,
-    "desc": "name-business"
+    "desc": "space-coupon"
   },
   {
-    "name": "phone",
-    "font_class": "k-icon-phone",
+    "name": "activity-location",
+    "font_class": "k-icon-activity-location",
     "unicode": "\ue646",
     "unicode_hex": "e646",
     "unicode_decimal": 58950,
-    "desc": "phone"
+    "desc": "activity-location"
   },
   {
-    "name": "save",
-    "font_class": "k-icon-save",
+    "name": "arrows-right",
+    "font_class": "k-icon-arrows-right",
     "unicode": "\ue647",
     "unicode_hex": "e647",
     "unicode_decimal": 58951,
-    "desc": "save"
+    "desc": "arrows-right"
   },
   {
-    "name": "share",
-    "font_class": "k-icon-share",
+    "name": "like",
+    "font_class": "k-icon-like",
     "unicode": "\ue648",
     "unicode_hex": "e648",
     "unicode_decimal": 58952,
-    "desc": "share"
+    "desc": "like"
   },
   {
-    "name": "about-kerry-plus",
-    "font_class": "k-icon-about-kerry-plus",
+    "name": "members",
+    "font_class": "k-icon-members",
     "unicode": "\ue649",
     "unicode_hex": "e649",
     "unicode_decimal": 58953,
-    "desc": "about-kerry-plus"
+    "desc": "members"
   },
   {
-    "name": "authentication",
-    "font_class": "k-icon-authentication",
+    "name": "price",
+    "font_class": "k-icon-price",
     "unicode": "\ue64a",
     "unicode_hex": "e64a",
     "unicode_decimal": 58954,
-    "desc": "authentication"
+    "desc": "price"
   },
   {
-    "name": "authorised-apps",
-    "font_class": "k-icon-authorised-apps",
+    "name": "time",
+    "font_class": "k-icon-time",
     "unicode": "\ue64b",
     "unicode_hex": "e64b",
     "unicode_decimal": 58955,
-    "desc": "authorised-apps"
+    "desc": "time"
   },
   {
-    "name": "language",
-    "font_class": "k-icon-language",
+    "name": "contacts",
+    "font_class": "k-icon-contacts",
     "unicode": "\ue64c",
     "unicode_hex": "e64c",
     "unicode_decimal": 58956,
-    "desc": "language"
+    "desc": "contacts"
   },
   {
-    "name": "logout",
-    "font_class": "k-icon-logout",
+    "name": "hyperlink",
+    "font_class": "k-icon-hyperlink",
     "unicode": "\ue64d",
     "unicode_hex": "e64d",
     "unicode_decimal": 58957,
-    "desc": "logout"
+    "desc": "hyperlink"
   },
   {
-    "name": "membership-agreement",
-    "font_class": "k-icon-membership-agreement",
+    "name": "name-business",
+    "font_class": "k-icon-name-business",
     "unicode": "\ue64e",
     "unicode_hex": "e64e",
     "unicode_decimal": 58958,
-    "desc": "membership-agreement"
+    "desc": "name-business"
   },
   {
-    "name": "message-management",
-    "font_class": "k-icon-message-management",
+    "name": "phone",
+    "font_class": "k-icon-phone",
     "unicode": "\ue64f",
     "unicode_hex": "e64f",
     "unicode_decimal": 58959,
-    "desc": "message-management"
+    "desc": "phone"
   },
   {
-    "name": "personal-info",
-    "font_class": "k-icon-personal-info",
+    "name": "save",
+    "font_class": "k-icon-save",
     "unicode": "\ue650",
     "unicode_hex": "e650",
     "unicode_decimal": 58960,
-    "desc": "personal-info"
+    "desc": "save"
   },
   {
-    "name": "plate-binding",
-    "font_class": "k-icon-plate-binding",
+    "name": "share",
+    "font_class": "k-icon-share",
     "unicode": "\ue651",
     "unicode_hex": "e651",
     "unicode_decimal": 58961,
-    "desc": "plate-binding"
+    "desc": "share"
   },
   {
-    "name": "plate-number-building",
-    "font_class": "k-icon-plate-number-building",
+    "name": "about-kerry-plus",
+    "font_class": "k-icon-about-kerry-plus",
     "unicode": "\ue652",
     "unicode_hex": "e652",
     "unicode_decimal": 58962,
-    "desc": "plate-number-building"
+    "desc": "about-kerry-plus"
   },
   {
-    "name": "privacy-policy",
-    "font_class": "k-icon-privacy-policy",
+    "name": "authentication",
+    "font_class": "k-icon-authentication",
     "unicode": "\ue653",
     "unicode_hex": "e653",
     "unicode_decimal": 58963,
-    "desc": "privacy-policy"
+    "desc": "authentication"
   },
   {
-    "name": "security",
-    "font_class": "k-icon-security",
+    "name": "authorised-apps",
+    "font_class": "k-icon-authorised-apps",
     "unicode": "\ue654",
     "unicode_hex": "e654",
     "unicode_decimal": 58964,
+    "desc": "authorised-apps"
+  },
+  {
+    "name": "language",
+    "font_class": "k-icon-language",
+    "unicode": "\ue655",
+    "unicode_hex": "e655",
+    "unicode_decimal": 58965,
+    "desc": "language"
+  },
+  {
+    "name": "logout",
+    "font_class": "k-icon-logout",
+    "unicode": "\ue656",
+    "unicode_hex": "e656",
+    "unicode_decimal": 58966,
+    "desc": "logout"
+  },
+  {
+    "name": "membership-agreement",
+    "font_class": "k-icon-membership-agreement",
+    "unicode": "\ue657",
+    "unicode_hex": "e657",
+    "unicode_decimal": 58967,
+    "desc": "membership-agreement"
+  },
+  {
+    "name": "message-management",
+    "font_class": "k-icon-message-management",
+    "unicode": "\ue658",
+    "unicode_hex": "e658",
+    "unicode_decimal": 58968,
+    "desc": "message-management"
+  },
+  {
+    "name": "personal-info",
+    "font_class": "k-icon-personal-info",
+    "unicode": "\ue659",
+    "unicode_hex": "e659",
+    "unicode_decimal": 58969,
+    "desc": "personal-info"
+  },
+  {
+    "name": "plate-binding",
+    "font_class": "k-icon-plate-binding",
+    "unicode": "\ue65a",
+    "unicode_hex": "e65a",
+    "unicode_decimal": 58970,
+    "desc": "plate-binding"
+  },
+  {
+    "name": "plate-number-building",
+    "font_class": "k-icon-plate-number-building",
+    "unicode": "\ue65b",
+    "unicode_hex": "e65b",
+    "unicode_decimal": 58971,
+    "desc": "plate-number-building"
+  },
+  {
+    "name": "privacy-policy",
+    "font_class": "k-icon-privacy-policy",
+    "unicode": "\ue65c",
+    "unicode_hex": "e65c",
+    "unicode_decimal": 58972,
+    "desc": "privacy-policy"
+  },
+  {
+    "name": "security",
+    "font_class": "k-icon-security",
+    "unicode": "\ue65d",
+    "unicode_hex": "e65d",
+    "unicode_decimal": 58973,
     "desc": "security"
   }
 ];

src/kui/components/k-tab/k-tab copy.vue

@@ -0,0 +1,198 @@
+<template>
+  <view
+    :class="[
+      {
+        'k-tab-group-plain': type == 'plain',
+        'k-tab-group-fill': type == 'fill',
+      },
+    ]"
+    :style="[
+      themeColor ? { '--k-color-primary-01': themeColor } : {},
+      type == 'plain'
+        ? { paddingLeft: paddingLr + 'rpx', paddingRight: paddingLr + 'rpx' }
+        : {},
+    ]"
+  >
+    <template v-if="type == 'fill'">
+      <text
+        v-for="(tab, index) in tabs"
+        :key="index"
+        :class="[
+          'k-tab-group__item',
+          {
+            'k-tab-group__item-first': index == 0,
+            'k-tab-group__item-last': index == tabs.length - 1,
+            'k-tab-group__item--active': current == index,
+          },
+        ]"
+        @click="changeTab(index)"
+        >{{ tab }}</text
+      >
+    </template>
+    <template v-else>
+      <view
+        :class="[
+          'k-tab-group__item',
+          { 'k-tab-group__item--active': current == index },
+        ]"
+        v-for="(tab, index) in tabs"
+        @click="changeTab(index)"
+        :key="index"
+      >
+        <text class="k-tab-group__item__text">{{ tab }}</text>
+        <view
+          :style="{ width: lineWidth }"
+          class="k-tab-group__item__line"
+        ></view>
+      </view>
+    </template>
+  </view>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+export default Vue.extend({
+  name: 'k-tab',
+  props: {
+    type: {
+      type: String,
+      default: 'plain', // 'plain' | 'fill'
+    },
+    tabs: {
+      type: Array,
+      default: () => [],
+    },
+    defaultCurrent: {
+      type: Number,
+      default: 0,
+    },
+    lineWidth: {
+      type: String,
+      default: '64rpx',
+    },
+    // TODO 多端自适应如何处理
+    // width: {
+    //   type: String,
+    //   default: '350px',
+    // },
+    themeColor: {
+      type: String,
+      default: '',
+    },
+    // padding-left & padding-right,  单位 rpx
+    // 仅在 type = plain 时有效
+    paddingLr: {
+      type: Number,
+      default: 40,
+    },
+  },
+  data() {
+    return {
+      current: this.defaultCurrent,
+    };
+  },
+  computed: {
+    styleObj() {
+      // 在真机上不能给 --k-color-primary-01 传入空值
+      // 用 styleObj 这个计算属性加上 template 中写 :style="styleObj" 也不行
+      if (this.themeColor) {
+        return { '--k-color-primary-01': this.themeColor };
+      }
+      return {};
+    },
+  },
+  watch: {
+    defaultCurrent(newVal) {
+      this.current = newVal;
+    },
+  },
+  methods: {
+    changeTab(index: number) {
+      this.current = index;
+      this.$emit('change', index);
+    },
+  },
+});
+</script>
+
+<style scoped lang="scss">
+/* stylelint-disable selector-class-pattern */
+.k-tab-group-plain,
+.k-tab-group-fill {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--k-color-neutral-01, #333);
+}
+
+.k-tab-group-plain {
+  justify-content: space-between;
+  border-bottom: 0.5px solid #e1e2e8; // TODO 需要替换为 css 变量
+
+  .k-tab-group__item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding-top: 8px;
+
+    .k-tab-group__item__text {
+      color: var(--k-color-neutral-01, #333);
+      text-align: center;
+      font-size: 15px;
+    }
+
+    .k-tab-group__item__line {
+      width: 100%;
+      height: 2px;
+      margin-top: 2px;
+      background-color: transparent;
+    }
+  }
+
+  .k-tab-group__item.k-tab-group__item--active {
+    .k-tab-group__item__text {
+      color: var(--k-color-primary-01, #064c8a);
+    }
+
+    .k-tab-group__item__line {
+      background-color: var(--k-color-primary-01, #064c8a);
+    }
+  }
+}
+
+.k-tab-group-fill {
+  .k-tab-group__item {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-top: 1px var(--k-color-primary-01, #064c8a) solid;
+    border-bottom: 1px var(--k-color-primary-01, #064c8a) solid;
+    padding: 8px 16px;
+    margin-left: -15px;
+    font-size: 15px;
+    font-weight: 400;
+  }
+
+  .k-tab-group__item.k-tab-group__item-first {
+    border-left: 1px var(--k-color-primary-01, #064c8a) solid;
+    margin-left: 0;
+    border-radius: 22px 0 0 22px;
+  }
+
+  .k-tab-group__item.k-tab-group__item-last {
+    border-right: 1px var(--k-color-primary-01, #064c8a) solid;
+    border-radius: 0 22px 22px 0;
+  }
+
+  .k-tab-group__item.k-tab-group__item--active {
+    border: 1px var(--k-color-primary-01, #064c8a) solid;
+    border-radius: 22px;
+    background-color: var(--k-color-primary-01, #064c8a);
+    color: #fff;
+  }
+}
+// TODO plain 模式下选中后加一点动画?
+// TODO 左右滑动
+</style>

src/kui/components/k-tab/k-tab.vue

@@ -67,7 +67,7 @@ export default {
     },
     lineWidth: {
       type: String,
-      default: '64px',
+      default: '104px',
     },
     // TODO 多端自适应如何处理
     // width: {
@@ -126,19 +126,19 @@ export default {
 
 .k-tab-group-plain {
   justify-content: space-between;
-  border-bottom: 1px solid #e1e2e8; // TODO 需要替换为 css 变量
+  border-bottom: 0.5px solid #e1e2e8; // TODO 需要替换为 css 变量
 
   .k-tab-group__item {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    padding-top: 8px;
+    padding-top: 13px;
 
     .k-tab-group__item__text {
       color: var(--k-color-neutral-01, #333);
       text-align: center;
-      font-size: 15px;
+      font-size: 24.375px;
     }
 
     .k-tab-group__item__line {
@@ -168,26 +168,37 @@ export default {
     align-items: center;
     border-top: 1px var(--k-color-primary-01, #064c8a) solid;
     border-bottom: 1px var(--k-color-primary-01, #064c8a) solid;
-    padding: 8px 16px;
-    margin-left: -15px;
-    font-size: 15px;
+    // padding: 8px 16px;
+    margin-left: -24.375px;
+    // font-size: 15px;
     font-weight: 400;
+
+
+    font-family: 'PingFang SC';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 24.375px;
+    line-height: 34px;
+    /* identical to box height */
+    padding: 13px 26px;
+    // text-align: right;
+    color: #999999;
   }
 
   .k-tab-group__item.k-tab-group__item-first {
     border-left: 1px var(--k-color-primary-01, #064c8a) solid;
     margin-left: 0;
-    border-radius: 22px 0 0 22px;
+    border-radius: 35.75px 0 0 35.75px;
   }
 
   .k-tab-group__item.k-tab-group__item-last {
     border-right: 1px var(--k-color-primary-01, #064c8a) solid;
-    border-radius: 0 22px 22px 0;
+    border-radius: 0 35.75px 35.75px 0;
   }
 
   .k-tab-group__item.k-tab-group__item--active {
     border: 1px var(--k-color-primary-01, #064c8a) solid;
-    border-radius: 22px;
+    border-radius: 35.75px;
     background-color: var(--k-color-primary-01, #064c8a);
     color: #fff;
   }

src/kui/components/k-tabbar/k-tabbar.vue

@@ -1,7 +1,10 @@
 <template>
   <view
     class="k-tabbar__wrap"
-    :class="{ 'k-tabbar__fixed': isFixed }"
+    :class="{
+      'k-tabbar__fixed': isFixed,
+      'has-safe-area': safeAreaH > 0 && isFixed,
+    }"
     :style="{ background: background, zIndex: zIndex }"
   >
     <view
@@ -21,10 +24,10 @@
           class="k-tabbar__icon-wrap"
           :style="{
             width:
-              (isNvue && item.midButton && item.width ? item.width : 56) +
+              (isNvue && item.midButton && item.width ? item.width : 48) +
               'rpx',
             height:
-              (isNvue && item.midButton && item.height ? item.height : 56) +
+              (isNvue && item.midButton && item.height ? item.height : 48) +
               'rpx',
           }"
           v-if="item.iconPath"
@@ -40,8 +43,8 @@
             class="k-tabbar__icon"
             :src="item.iconPath"
             :style="{
-              width: (item.width || 56) + 'rpx',
-              height: (item.height || 56) + 'rpx',
+              width: (item.width || 48) + 'rpx',
+              height: (item.height || 48) + 'rpx',
             }"
           >
           </image>
@@ -86,8 +89,8 @@
           :class="{ 'k-tabbar__mid-center': item.center }"
           :src="item.iconPath"
           :style="{
-            width: (item.width || 56) + 'rpx',
-            height: (item.height || 56) + 'rpx',
+            width: (item.width || 48) + 'rpx',
+            height: (item.height || 48) + 'rpx',
             bottom: item.bottom + 'rpx',
           }"
         >
@@ -182,7 +185,9 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
       : 0;
     // #endif
     this.$emit('init', {
-      height: uni.upx2px(120) + this.safeAreaH,
+      // 这里固定用 142 ，
+      // 在有底部安全区域时内容区的 padding- bottom 多一点页没关系
+      height: uni.upx2px(142) + this.safeAreaH,
     });
     this.initData(this.tabBar);
   },
@@ -273,7 +278,7 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
   display: flex;
   /* #endif */
   flex: 1;
-  height: 120rpx;
+  height: 142rpx;
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
@@ -303,7 +308,7 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
 
 .k-tabbar__item {
   flex: 1;
-  height: 120rpx;
+  height: 142rpx;
   /* #ifndef APP-NVUE */
   display: flex;
   flex-shrink: 0;
@@ -318,8 +323,8 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
 }
 
 .k-tabbar__icon-wrap {
-  width: 56rpx;
-  height: 56rpx;
+  width: 48rpx;
+  height: 48rpx;
   position: relative;
 }
 
@@ -361,12 +366,12 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
 }
 
 .k-tabbar__text {
-  padding-top: 4rpx;
+  padding-top: 12rpx;
 }
 
 .k-tabbar__icon {
-  width: 56rpx;
-  height: 56rpx;
+  width: 48rpx;
+  height: 48rpx;
   /* #ifndef APP-NVUE */
   display: block;
   /* #endif */
@@ -404,8 +409,8 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
 
   /* #ifndef APP-NVUE || MP-TOUTIAO */
   /* stylelint-disable-next-line function-no-unknown */
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(constant(safe-area-inset-bottom) - 10px);
+  padding-bottom: calc(env(safe-area-inset-bottom) - 10px);
   /* #endif */
   flex: 1;
   flex-direction: row;
@@ -422,4 +427,13 @@ export default (Vue as VueConstructor<Vue & PropType>).extend({
   background: #ee4d3f !important;
 }
 /* #endif */
+
+.k-tabbar__wrap.has-safe-area .k-tabbar__inner {
+  padding-top: 32rpx;
+  height: 100rpx;
+}
+
+.k-tabbar__wrap.has-safe-area .k-tabbar__item {
+  height: 100rpx;
+}
 </style>

src/kui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kip/ui-mobile",
-  "version": "0.1.33",
+  "version": "0.1.36",
   "private": false,
   "main": "./index.js",
   "types": "./index.d.ts",