style: 图标修改

CHANGELOG.md

@@ -1,4 +1,4 @@
-# 0.1.0 (2021-07-19)
+# 0.1.0 (2021-07-20)
 
 ### 🌟 新功能
 范围|描述|commitId
@@ -15,6 +15,7 @@
 ### 🎨 代码样式
 范围|描述|commitId
 --|--|--
+ - | 更新代码 | [1f40a76](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/1f40a76)
  - | 无基本变化 | [21ac4bb](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/21ac4bb)
  - | 组件新建 | [89c0035](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/89c0035)
 

src/App.vue

@@ -1,3 +1,10 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 10:09:22
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 19:38:12
+-->
 <script>
 export default {
   onLaunch: function () {
@@ -13,5 +20,6 @@ export default {
 </script>
 
 <style lang="scss">
+@import './common/styles/iconfont.css';
 @import 'uview-ui/index.scss';
 </style>

src/common/styles/iconfont.scss

@@ -0,0 +1,24 @@
+@font-face {
+  font-family: "custom-icon"; /* Project id 2685595 */
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAVsAAsAAAAACgAAAAUfAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqGfIV2ATYCJAMQCwoABCAFhQsHURurCMiuMYUxPrWYbZJ11AENNuDWinu9B3343wTPy36/c+WrJmkq4NUbnswqIdo6oyVCh0pjZM3kN/Sb+9vabmY0s5OZwYtCdsO5QNnpi6ia8CLyL4qgGGt7b54+glfxrBKtmXWGqFaCp0B7SiATEr1ANPXvGzvOkmQsS994MvzlXijX3tRv70+uPsD5P2a6+rgS+DYAiUqMLBrYLNryeeZlUwrdgcsp3zK86iB34z4IiBvJJR7XVDYCxyMKmYEvKb1YEAXLkZ6hgJKT8gqiiArC0K2pSryAEPRW3AB48n5e/iSGEiqUpF9oa4fQglNvlF+/krv/O0w+Mra/NDxdQQgY6M1MLnvV2nOSwNYjES+ySM0BlCVK0Wvbz9vn/6foq+JGjX95YJRAMnRukoAZju0YzSLB8HWdBMXXc/oJcJ3MjoIIpAsgJwhUvkUYmwyUFcbgMUNP8NZs7bxRHjnzp3oxW69OvXx796hdkdpN5y5Ebxkdwyy0i/vNo9wbK1Xk1tF54gvn5PfeNWr37ctTr8YwJ4XR/NAFC9xLZaNP2FbujgGf9ZwyD3DnQc33oheKon7aLHNKrdlOcW+0bV5gW7ibN8+jySFrJfPtigKKzb6vTcXsU1BaIFpe6HwCu/HkmhO2hddjq6Os03jJqjnAq0/wSUKsCLT6KWyVajV+esn9acKTJM832i45UpN9vEPRUT/rJt1Vl7sTtltjd1k1fPmx0O7qFsi9o/lcd+Piclq/x9+580euFfJOCmlCHm/aHdDEN/PVN2zf9aPirdu0KH7P0SfDgoYGPQFri6pmqOdydenxe+I+WE4sH5ScnFTZJ+RLfZZHvhxl+quLBcFV4bqiUqj8l3pCPinq2zdJobhZQax0/jn2f2PJLqEkFUKCDGdd67Hz6D/QX4mH+54XSbEkO1wwcsrateiYAnm2zJj4XzyIP9iZJnPb2yQxR7jJ0iyxJGZOZNQb5edFksqISkmx1C8hrsyzYxI92fKrJEUZRVVE8EfIvDkhSo+Dj/vvmGKPBEm+ISJUYzGXqGI63CfMLYviAmXcHlXBldMNmsSZESsm7p81fsPwjGLxrMnDPa52Cvf9K/u+bBkq9nogPMTf6hWWem4in+r5+O+msp5NnqCxc74uZw8BPnaYGyL7iGpFM6qiCGYIzm4BL6ccX5slzxpOHy1i2UhUcchS+VJUpKlS3BzxfVT8lW8BEVPoJtfHVEeU/vg2X8xlNFB4xED/XyMHq8EtAARbEjtvdvYsqQWCpGk26h+cxt/IEQ39nbL/c1x/46efq5IwYTz+IRqY+sd54MMBnGyKATz1lKgWBcCVmPYRGLYoiBsK+MVckPekD2HhPTpEQiGCKqIGTUId6WCEDIFlZBiswbiuOkpvs4eRkFQeNMzEUJTthyrtDZqy+0gHXxEhbMiQYeAH4w4i4biERkws4iCFoBZrGYzpadasM6MQ3WlBrAnXOtdDptNIcUJ6aG6GnEWPS7EEdXyBswSaIdfdCksXk4iQDtNxrAnT9HsxaDSyWDvHtkEaqVsRas+Mi9MVvYmaZk2gCAeiIJAWpsVgGD0ay0znHEJonSwQlgle8XvqQYxORhSuOo8CSzOI47h6MhhMArV4GLKEa4ZmneEqiy6MRAiig1lcrp0eo5mzGjIaNhamvXhSG4iGqLW2sLTLFEcK6aBc9bh80wWvAeL0m3okIhmpSIuvI0TRrSZoRvYm1gwH06zRuOFr7IrwlkFGnIPazkEAAAA=') format('woff2');
+}
+
+.custom-icon {
+  font-family: "custom-icon" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.custom-icon-attachment:before {
+  content: "\e7e1";
+}
+
+.custom-icon-moneycollect:before {
+  content: "\e7cd";
+}
+
+.custom-icon-C-bxl-redux:before {
+  content: "\e608";
+}

src/components/TimeLine/components/TimeBox.vue

@@ -3,7 +3,7 @@
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 15:36:28
  * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 17:44:18
+ * @LastEditTime: 2021-07-19 18:54:55
 -->
 <template>
   <view class="px-4">
@@ -12,7 +12,13 @@
         <TimeStatus :status="item" />
         <view class="flex-1 ml-2 flex justify-between">
           <view>任务时间栏</view>
-          <view>任务快捷方式</view>
+          <view>
+            <view class="flex justify-between" style="min-width: 180rpx">
+              <u-icon custom-prefix="custom-icon" name="C-bxl-redux" size="34"></u-icon>
+              <u-icon custom-prefix="custom-icon" name="attachment" size="42"></u-icon>
+              <u-icon custom-prefix="custom-icon" name="moneycollect" size="40"></u-icon>
+            </view>
+          </view>
         </view>
       </view>
       <view class="border-l-2 border-gray-300 ml-3.5">

src/components/TimeLine/components/TimeStatus.vue

@@ -3,12 +3,12 @@
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 15:47:38
  * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 18:01:59
+ * @LastEditTime: 2021-07-19 19:39:36
 -->
 <template>
   <view>
     <view class="rounded-full h-7 w-7 flex items-center justify-center text-blue-400" v-if="status === 0">
-      <u-circle-progress :percent="100" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="4" width="66">
+      <u-circle-progress :percent="100" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="4" width="66">
         <view @tap="changeStatus(0)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <text class="u-progress-info">
@@ -18,7 +18,7 @@
       </u-circle-progress>
     </view>
     <view class="rounded-full h-7 w-7 flex items-center justify-center text-black" v-if="status === 1">
-      <u-circle-progress :percent="80" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="6" width="66">
+      <u-circle-progress :percent="80" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="6" width="66">
         <view @tap="changeStatus(1)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <view class="u-progress-info">{{ time }}</view>
@@ -26,7 +26,7 @@
       </u-circle-progress>
     </view>
     <view class="rounded-full h-7 w-7 flex items-center justify-center text-gray-400" v-if="status === 2">
-      <u-circle-progress :percent="40" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="6" width="66">
+      <u-circle-progress :percent="40" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="6" width="66">
         <view @tap="changeStatus(2)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <text class="u-progress-info">
@@ -36,7 +36,7 @@
       </u-circle-progress>
     </view>
     <view class="rounded-full h-7 w-7 flex items-center justify-center text-red-800 font-black" v-if="status === 3">
-      <u-circle-progress :percent="80" active-color="#2979ff" bgcolor="rgba(255,255,255,0)" borderWidth="6" width="66">
+      <u-circle-progress :percent="80" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="6" width="66">
         <view @tap="changeStatus(3)" class="u-progress-content">
           <view class="u-progress-dot"></view>
           <text class="u-progress-info">

src/main.js

@@ -1,3 +1,10 @@
+/*
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 10:09:22
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 18:54:17
+ */
 import Vue from 'vue';
 import App from './App';
 import uView from 'uview-ui';