Merge branch 'develop' of dd.tall.wiki:wally/TALL-MUI-3 into develop

CHANGELOG.md

@@ -8,18 +8,41 @@
  - | 标题栏角色栏全局任务组件新建 | [0500cb4](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/0500cb4)
  pinch | alloy finger实现图片的pinch放大缩小 | [de01343](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/de01343)
  富文本插件 | 富文本插件demo测试 | [ed3d644](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/ed3d644)
+ - | 标题栏变化 | [c0fcd9d](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/c0fcd9d)
+ - | 标题栏角色栏全局任务组件新建 | [0500cb4](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/0500cb4)
+ - | 角色栏实现 | [94cd671](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/94cd671)
+ - | 时间轴界面 | [33927e9](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/33927e9)
+ - | 时间轴修改状态时提示框增加 | [e841392](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/e841392)
+ - | 提交到本地 | [9cbe411](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/9cbe411)
+ - | 添加时间轴上下滚动 | [2b81bbc](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/2b81bbc)
+ - | db store | [6414c4f](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/6414c4f)
+ - | indexedDB | [687394e](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/687394e)
+ 富文本插件 | 富文本插件demo测试 | [ed3d644](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/ed3d644)
+ pinch | alloy finger实现图片的pinch放大缩小 | [de01343](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/de01343)
 
 
 ### 🎨 代码样式
 范围|描述|commitId
 --|--|--
  - | 组件新建 | [89c0035](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/89c0035)
+ - | 更新代码 | [8c27e68](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/8c27e68)
+ - | 更新代码 | [1f40a76](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/1f40a76)
+ - | 任务快捷方式图标增加 | [4aba872](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/4aba872)
+ - | 日常任务修改 | [dfa7ee2](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/dfa7ee2)
+ - | 图标修改 | [54bca09](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/54bca09)
+ - | 无基本变化 | [21ac4bb](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/21ac4bb)
+ - | 组件新建 | [89c0035](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/89c0035)
 
 
 ### 🐛 Bug 修复
 范围|描述|commitId
 --|--|--
  - | 修改main | [749ae9a](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/749ae9a)
+ - | 角色栏修改 | [19228d6](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/19228d6)
+ - | 上下滚动时间轴 | [d533a01](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/d533a01)
+ - | 时间轴上下滑动 | [4d0ae46](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/4d0ae46)
+ - | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/a54c601)
+ - | 修改main | [749ae9a](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/749ae9a)
 
 
 ### 📝 文档
@@ -40,6 +63,10 @@
  - | 组件文件夹新建 | [22bfe7b](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/22bfe7b)
  - | 组件文件夹新建 | [17bb8c9](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/17bb8c9)
  - | 组件文件夹新建 | [1421504](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/1421504)
+ - | 角色栏文字颜色修改 | [215c6b3](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/215c6b3)
+ - | 组件文件夹新建 | [22bfe7b](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/22bfe7b)
+ - | 组件文件夹新建 | [17bb8c9](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/17bb8c9)
+ - | 组件文件夹新建 | [1421504](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/1421504)
 
 
 ### chore
@@ -54,4 +81,3 @@
 --|--|--
  - | !2 基础模板v1.1.0 | [f5e61dd](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/f5e61dd)
  - | init | [c0f1deb](http://gitea@dd.tall.wiki:wally/TALL-MUI-3/commits/c0f1deb)
-

package-lock.json

@@ -1364,11 +1364,6 @@
         }
       }
     },
-    "@dcloudio/uni-helper-json": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npm.taobao.org/@dcloudio/uni-helper-json/download/@dcloudio/uni-helper-json-1.0.13.tgz",
-      "integrity": "sha1-ToqgYtqu+zDZiXPANaewq2KDKcc="
-    },
     "@dcloudio/uni-i18n": {
       "version": "2.0.0-31920210609001",
       "resolved": "https://registry.nlark.com/@dcloudio/uni-i18n/download/@dcloudio/uni-i18n-2.0.0-31920210609001.tgz?cache=0&sync_timestamp=1624507203745&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40dcloudio%2Funi-i18n%2Fdownload%2F%40dcloudio%2Funi-i18n-2.0.0-31920210609001.tgz",
@@ -2287,9 +2282,9 @@
       "integrity": "sha1-W9Jir5Tp0lvR5xsF3u1Eh2oiLos="
     },
     "@nodelib/fs.walk": {
-      "version": "1.2.7",
+      "version": "1.2.8",
-      "resolved": "https://registry.nlark.com/@nodelib/fs.walk/download/@nodelib/fs.walk-1.2.7.tgz",
+      "resolved": "https://registry.nlark.com/@nodelib/fs.walk/download/@nodelib/fs.walk-1.2.8.tgz?cache=0&sync_timestamp=1625769855088&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40nodelib%2Ffs.walk%2Fdownload%2F%40nodelib%2Ffs.walk-1.2.8.tgz",
-      "integrity": "sha1-lMI9sY7kZT4Smr0m+wb4cKyeHuI=",
+      "integrity": "sha1-6Vc36LtnRt3t9pxVaVNJTxlv5po=",
       "requires": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -2375,16 +2370,16 @@
       "dev": true
     },
     "@tailwindcss/postcss7-compat": {
-      "version": "2.2.0",
+      "version": "2.2.4",
-      "resolved": "https://registry.nlark.com/@tailwindcss/postcss7-compat/download/@tailwindcss/postcss7-compat-2.2.0.tgz",
+      "resolved": "https://registry.nlark.com/@tailwindcss/postcss7-compat/download/@tailwindcss/postcss7-compat-2.2.4.tgz",
-      "integrity": "sha1-rcXDAfX9XvB5nx1nSZmvEuil/UA=",
+      "integrity": "sha1-DltEbpTP34kuT3bOy3A8jWmAUPM=",
       "requires": {
         "@fullhuman/postcss-purgecss": "^3.1.3",
         "arg": "^5.0.0",
         "autoprefixer": "^9",
         "bytes": "^3.0.0",
         "chalk": "^4.1.1",
-        "chokidar": "^3.5.1",
+        "chokidar": "^3.5.2",
         "color": "^3.1.3",
         "cosmiconfig": "^7.0.0",
         "detective": "^5.2.0",
@@ -2404,7 +2399,7 @@
         "postcss": "^7",
         "postcss-functions": "^3",
         "postcss-js": "^2",
-        "postcss-load-config": "^3.0.1",
+        "postcss-load-config": "^3.1.0",
         "postcss-nested": "^4",
         "postcss-selector-parser": "^6.0.6",
         "postcss-value-parser": "^4.1.0",
@@ -2415,20 +2410,6 @@
         "tmp": "^0.2.1"
       },
       "dependencies": {
-        "autoprefixer": {
-          "version": "9.8.6",
-          "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
-          "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==",
-          "requires": {
-            "browserslist": "^4.12.0",
-            "caniuse-lite": "^1.0.30001109",
-            "colorette": "^1.2.1",
-            "normalize-range": "^0.1.2",
-            "num2fraction": "^1.2.2",
-            "postcss": "^7.0.32",
-            "postcss-value-parser": "^4.1.0"
-          }
-        },
         "chalk": {
           "version": "4.1.1",
           "resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.1.tgz?cache=0&sync_timestamp=1618995384030&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-4.1.1.tgz",
@@ -2440,7 +2421,7 @@
         },
         "cosmiconfig": {
           "version": "7.0.0",
-          "resolved": "https://registry.nlark.com/cosmiconfig/download/cosmiconfig-7.0.0.tgz?cache=0&sync_timestamp=1618846820697&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-7.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-7.0.0.tgz?cache=0&sync_timestamp=1596312863119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-7.0.0.tgz",
           "integrity": "sha1-75tE13OVnK5j3ezRIt4jhTtg+NM=",
           "requires": {
             "@types/parse-json": "^4.0.0",
@@ -2461,94 +2442,35 @@
           }
         },
         "glob-parent": {
-          "version": "6.0.0",
+          "version": "6.0.1",
-          "resolved": "https://registry.nlark.com/glob-parent/download/glob-parent-6.0.0.tgz?cache=0&sync_timestamp=1620073245729&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglob-parent%2Fdownload%2Fglob-parent-6.0.0.tgz",
+          "resolved": "https://registry.nlark.com/glob-parent/download/glob-parent-6.0.1.tgz?cache=0&sync_timestamp=1626760200164&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglob-parent%2Fdownload%2Fglob-parent-6.0.1.tgz",
-          "integrity": "sha1-+FG1mziOeI86RNY/q1A4KyhZwzw=",
+          "integrity": "sha1-QgVPaF62pE56fRialu+kClSXGqc=",
           "requires": {
             "is-glob": "^4.0.1"
           }
         },
         "jsonfile": {
           "version": "6.1.0",
-          "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-6.1.0.tgz?cache=0&sync_timestamp=1604161822397&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsonfile%2Fdownload%2Fjsonfile-6.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-6.1.0.tgz?cache=0&sync_timestamp=1604161933968&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsonfile%2Fdownload%2Fjsonfile-6.1.0.tgz",
           "integrity": "sha1-vFWyY0eTxnnsZAMJTrE2mKbsCq4=",
           "requires": {
             "graceful-fs": "^4.1.6",
             "universalify": "^2.0.0"
           }
         },
-        "parse-json": {
-          "version": "5.2.0",
-          "resolved": "https://registry.nlark.com/parse-json/download/parse-json-5.2.0.tgz",
-          "integrity": "sha1-x2/Gbe5UIxyWKyK8yKcs8vmXU80=",
-          "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "error-ex": "^1.3.1",
-            "json-parse-even-better-errors": "^2.3.0",
-            "lines-and-columns": "^1.1.6"
-          }
-        },
         "path-type": {
           "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz?cache=0&sync_timestamp=1611752074264&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-type%2Fdownload%2Fpath-type-4.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz",
           "integrity": "sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs="
         },
-        "postcss": {
-          "version": "7.0.36",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
-          "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          },
-          "dependencies": {
-            "ansi-styles": {
-              "version": "3.2.1",
-              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-              "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-              "requires": {
-                "color-convert": "^1.9.0"
-              }
-            },
-            "chalk": {
-              "version": "2.4.2",
-              "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-              "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-              "requires": {
-                "ansi-styles": "^3.2.1",
-                "escape-string-regexp": "^1.0.5",
-                "supports-color": "^5.3.0"
-              },
-              "dependencies": {
-                "supports-color": {
-                  "version": "5.5.0",
-                  "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-                  "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-                  "requires": {
-                    "has-flag": "^3.0.0"
-                  }
-                }
-              }
-            },
-            "supports-color": {
-              "version": "6.1.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-              "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
         "postcss-value-parser": {
           "version": "4.1.0",
-          "resolved": "https://registry.npm.taobao.org/postcss-value-parser/download/postcss-value-parser-4.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/postcss-value-parser/download/postcss-value-parser-4.1.0.tgz?cache=0&sync_timestamp=1588083303810&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-value-parser%2Fdownload%2Fpostcss-value-parser-4.1.0.tgz",
           "integrity": "sha1-RD9qIM7WSBor2k+oUypuVdeJoss="
         },
         "universalify": {
           "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/universalify/download/universalify-2.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/universalify/download/universalify-2.0.0.tgz?cache=0&sync_timestamp=1603180048005&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funiversalify%2Fdownload%2Funiversalify-2.0.0.tgz",
           "integrity": "sha1-daSYTv7cSwiXXFrrc/Uw0C3yVxc="
         }
       }
@@ -3334,7 +3256,7 @@
         },
         "import-cwd": {
           "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/import-cwd/download/import-cwd-2.1.0.tgz",
           "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=",
           "dev": true,
           "requires": {
@@ -3343,7 +3265,7 @@
         },
         "import-from": {
           "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+          "resolved": "https://registry.nlark.com/import-from/download/import-from-2.1.0.tgz",
           "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=",
           "dev": true,
           "requires": {
@@ -3488,7 +3410,7 @@
         },
         "resolve-from": {
           "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+          "resolved": "https://registry.nlark.com/resolve-from/download/resolve-from-3.0.0.tgz",
           "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
           "dev": true
         },
@@ -4314,21 +4236,20 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-8.0.0.tgz",
       "integrity": "sha512-XBEqAoESCyGu3daYmWcTC37Dwmjvs0y40UtUO3MMX+Pd/w7jwNFfUKNtxoMFu0u0wcotP+arDpU3JVH54UV79Q==",
-      "dev": true,
       "requires": {
-        "browserslist": "^3.0.0",
+        "browserslist": "^4.12.0",
-        "caniuse-lite": "^1.0.30000808",
+        "caniuse-lite": "^1.0.30001109",
+        "colorette": "^1.2.1",
         "normalize-range": "^0.1.2",
         "num2fraction": "^1.2.2",
-        "postcss": "^6.0.17",
+        "postcss": "^7.0.32",
-        "postcss-value-parser": "^3.2.3"
+        "postcss-value-parser": "^4.1.0"
       },
       "dependencies": {
         "browserslist": {
           "version": "3.2.8",
           "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.8.tgz",
           "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
-          "dev": true,
           "requires": {
             "caniuse-lite": "^1.0.30000844",
             "electron-to-chromium": "^1.3.47"
@@ -4338,7 +4259,6 @@
           "version": "6.0.23",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
           "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
-          "dev": true,
           "requires": {
             "chalk": "^2.4.1",
             "source-map": "^0.6.1",
@@ -4349,7 +4269,6 @@
           "version": "5.5.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
           "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
           "requires": {
             "has-flag": "^3.0.0"
           }
@@ -7430,9 +7349,9 @@
       "dev": true
     },
     "dayjs": {
-      "version": "1.10.5",
+      "version": "1.10.6",
-      "resolved": "https://registry.nlark.com/dayjs/download/dayjs-1.10.5.tgz?cache=0&sync_timestamp=1622012271727&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdayjs%2Fdownload%2Fdayjs-1.10.5.tgz",
+      "resolved": "https://registry.nlark.com/dayjs/download/dayjs-1.10.6.tgz",
-      "integrity": "sha1-VgDfRUj8JFOz8WPrsqu+llzPuYY="
+      "integrity": "sha1-KIsqqC8thBimydTfWJjAc3rQKmM="
     },
     "de-indent": {
       "version": "1.0.2",
@@ -7557,7 +7476,7 @@
     },
     "defined": {
       "version": "1.0.0",
-      "resolved": "https://registry.nlark.com/defined/download/defined-1.0.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/defined/download/defined-1.0.0.tgz",
       "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM="
     },
     "del": {
@@ -8861,9 +8780,9 @@
       "dev": true
     },
     "fast-glob": {
-      "version": "3.2.6",
+      "version": "3.2.7",
-      "resolved": "https://registry.nlark.com/fast-glob/download/fast-glob-3.2.6.tgz",
+      "resolved": "https://registry.nlark.com/fast-glob/download/fast-glob-3.2.7.tgz",
-      "integrity": "sha1-Q03ZUphFF26gSazJND6CgnZcbho=",
+      "integrity": "sha1-/Wy3otfpqnp4RhEehaGW1rL3ZqE=",
       "requires": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -8874,7 +8793,7 @@
       "dependencies": {
         "glob-parent": {
           "version": "5.1.2",
-          "resolved": "https://registry.nlark.com/glob-parent/download/glob-parent-5.1.2.tgz?cache=0&sync_timestamp=1620073245729&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.2.tgz",
+          "resolved": "https://registry.nlark.com/glob-parent/download/glob-parent-5.1.2.tgz?cache=0&sync_timestamp=1626760200164&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.2.tgz",
           "integrity": "sha1-hpgyxYA0/mikCTwX3BXoNA2EAcQ=",
           "requires": {
             "is-glob": "^4.0.1"
@@ -8893,9 +8812,9 @@
       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
     },
     "fastq": {
-      "version": "1.11.0",
+      "version": "1.11.1",
-      "resolved": "https://registry.npm.taobao.org/fastq/download/fastq-1.11.0.tgz",
+      "resolved": "https://registry.nlark.com/fastq/download/fastq-1.11.1.tgz?cache=0&sync_timestamp=1625393108958&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffastq%2Fdownload%2Ffastq-1.11.1.tgz",
-      "integrity": "sha1-u5+5VaBxMKkY62PB9RYcwypdCFg=",
+      "integrity": "sha1-XYF1quF9thlH+LFiz8f2MmTSKAc=",
       "requires": {
         "reusify": "^1.0.4"
       }
@@ -14733,15 +14652,20 @@
       "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
     },
     "postcss": {
-      "version": "8.3.5",
+      "version": "7.0.36",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.5.tgz",
+      "resolved": "https://registry.nlark.com/postcss/download/postcss-7.0.36.tgz",
-      "integrity": "sha512-NxTuJocUhYGsMiMFHDUkmjSKT3EdH4/WbGF6GCi1NDGk+vbcUTun4fpbOqaPtD8IIsztA2ilZm2DhYCuyN58gA==",
+      "integrity": "sha1-BW+M/6k5ZiqPWQWVDAfVKFZE38s=",
-      "dev": true,
       "requires": {
-        "colorette": "^1.2.2",
+        "chalk": "^2.4.2",
-        "nanoid": "^3.1.23",
+        "source-map": "^0.6.1",
-        "source-map-js": "^0.6.2"
+        "supports-color": "^6.1.0"
-      }
+      },
+      "dependencies": {
+        "supports-color": {
+          "version": "6.1.0",
+          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-6.1.0.tgz?cache=0&sync_timestamp=1622293670728&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-6.1.0.tgz",
+          "integrity": "sha1-B2Srxpxj1ayELdSGfo0CXogN+PM=",
+        }
     },
     "postcss-calc": {
       "version": "7.0.5",
@@ -15033,7 +14957,7 @@
         },
         "supports-color": {
           "version": "5.5.0",
-          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-5.5.0.tgz?cache=0&sync_timestamp=1622293670728&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-5.5.0.tgz",
+          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-5.5.0.tgz",
           "integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
           "requires": {
             "has-flag": "^3.0.0"
@@ -15091,26 +15015,6 @@
       "requires": {
         "camelcase-css": "^2.0.1",
         "postcss": "^7.0.18"
-      },
-      "dependencies": {
-        "postcss": {
-          "version": "7.0.36",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
-          "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
       }
     },
     "postcss-load-config": {
@@ -15537,26 +15441,6 @@
       "requires": {
         "postcss": "^7.0.32",
         "postcss-selector-parser": "^6.0.2"
-      },
-      "dependencies": {
-        "postcss": {
-          "version": "7.0.36",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
-          "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
       }
     },
     "postcss-normalize-charset": {
@@ -18710,13 +18594,13 @@
       }
     },
     "tailwindcss": {
-      "version": "2.2.4",
+      "version": "npm:@tailwindcss/postcss7-compat@2.2.4",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.4.tgz",
+      "resolved": "https://registry.nlark.com/@tailwindcss/postcss7-compat/download/@tailwindcss/postcss7-compat-2.2.4.tgz",
-      "integrity": "sha512-OdBCPgazNNsknSP+JfrPzkay9aqKjhKtFhbhgxHgvEFdHy/GuRPo2SCJ4w1SFTN8H6FPI4m6qD/Jj20NWY1GkA==",
+      "integrity": "sha1-DltEbpTP34kuT3bOy3A8jWmAUPM=",
-      "dev": true,
       "requires": {
-        "@fullhuman/postcss-purgecss": "^4.0.3",
+        "@fullhuman/postcss-purgecss": "^3.1.3",
         "arg": "^5.0.0",
+        "autoprefixer": "^9",
         "bytes": "^3.0.0",
         "chalk": "^4.1.1",
         "chokidar": "^3.5.2",
@@ -18736,9 +18620,11 @@
         "node-emoji": "^1.8.1",
         "normalize-path": "^3.0.0",
         "object-hash": "^2.2.0",
-        "postcss-js": "^3.0.3",
+        "postcss": "^7",
+        "postcss-functions": "^3",
+        "postcss-js": "^2",
         "postcss-load-config": "^3.1.0",
-        "postcss-nested": "5.0.5",
+        "postcss-nested": "^4",
         "postcss-selector-parser": "^6.0.6",
         "postcss-value-parser": "^4.1.0",
         "pretty-hrtime": "^1.0.3",
@@ -18748,36 +18634,19 @@
         "tmp": "^0.2.1"
       },
       "dependencies": {
-        "@fullhuman/postcss-purgecss": {
-          "version": "4.0.3",
-          "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-4.0.3.tgz",
-          "integrity": "sha512-/EnQ9UDWGGqHkn1UKAwSgh+gJHPKmD+Z+5dQ4gWT4qq2NUyez3zqAfZNwFH3eSgmgO+wjTXfhlLchx2M9/K+7Q==",
-          "dev": true,
-          "requires": {
-            "purgecss": "^4.0.3"
-          }
-        },
         "chalk": {
           "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
+          "resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.1.tgz?cache=0&sync_timestamp=1618995384030&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fchalk%2Fdownload%2Fchalk-4.1.1.tgz",
-          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
+          "integrity": "sha1-yAs/qyi/Y3HmhjMl7uZ+YYt35q0=",
-          "dev": true,
           "requires": {
             "ansi-styles": "^4.1.0",
             "supports-color": "^7.1.0"
           }
         },
-        "commander": {
-          "version": "6.2.1",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-          "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-          "dev": true
-        },
         "cosmiconfig": {
           "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+          "resolved": "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-7.0.0.tgz?cache=0&sync_timestamp=1596312863119&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-7.0.0.tgz",
-          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
+          "integrity": "sha1-75tE13OVnK5j3ezRIt4jhTtg+NM=",
-          "dev": true,
           "requires": {
             "@types/parse-json": "^4.0.0",
             "import-fresh": "^3.2.1",
@@ -18790,7 +18659,6 @@
           "version": "10.0.0",
           "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.0.tgz",
           "integrity": "sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==",
-          "dev": true,
           "requires": {
             "graceful-fs": "^4.2.0",
             "jsonfile": "^6.0.1",
@@ -18801,7 +18669,6 @@
           "version": "6.0.0",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.0.tgz",
           "integrity": "sha512-Hdd4287VEJcZXUwv1l8a+vXC1GjOQqXe+VS30w/ypihpcnu9M1n3xeYeJu5CBpeEQj2nAab2xxz28GuA3vp4Ww==",
-          "dev": true,
           "requires": {
             "is-glob": "^4.0.1"
           }
@@ -18810,7 +18677,6 @@
           "version": "6.1.0",
           "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
           "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-          "dev": true,
           "requires": {
             "graceful-fs": "^4.1.6",
             "universalify": "^2.0.0"
@@ -18819,24 +18685,33 @@
         "path-type": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
-          "dev": true
         },
         "postcss-js": {
           "version": "3.0.3",
           "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-3.0.3.tgz",
           "integrity": "sha512-gWnoWQXKFw65Hk/mi2+WTQTHdPD5UJdDXZmX073EY/B3BWnYjO4F4t0VneTCnCGQ5E5GsCdMkzPaTXwl3r5dJw==",
-          "dev": true,
           "requires": {
             "camelcase-css": "^2.0.1",
             "postcss": "^8.1.6"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "8.3.5",
+              "resolved": "https://registry.nlark.com/postcss/download/postcss-8.3.5.tgz",
+              "integrity": "sha1-mCIWsRNBK8IKhiiekeuZSVKltwk=",
+              "requires": {
+                "colorette": "^1.2.2",
+                "nanoid": "^3.1.23",
+                "source-map-js": "^0.6.2"
+              }
+            }
           }
         },
         "postcss-nested": {
           "version": "5.0.5",
           "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.5.tgz",
           "integrity": "sha512-GSRXYz5bccobpTzLQZXOnSOfKl6TwVr5CyAQJUPub4nuRJSOECK5AqurxVgmtxP48p0Kc/ndY/YyS1yqldX0Ew==",
-          "dev": true,
           "requires": {
             "postcss-selector-parser": "^6.0.4"
           }
@@ -18844,26 +18719,35 @@
         "postcss-value-parser": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
-          "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
+          "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ=="
-          "dev": true
         },
         "purgecss": {
           "version": "4.0.3",
           "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-4.0.3.tgz",
           "integrity": "sha512-PYOIn5ibRIP34PBU9zohUcCI09c7drPJJtTDAc0Q6QlRz2/CHQ8ywGLdE7ZhxU2VTqB7p5wkvj5Qcm05Rz3Jmw==",
-          "dev": true,
           "requires": {
             "commander": "^6.0.0",
             "glob": "^7.0.0",
             "postcss": "^8.2.1",
             "postcss-selector-parser": "^6.0.2"
+          },
+          "dependencies": {
+            "postcss": {
+              "version": "8.3.5",
+              "resolved": "https://registry.nlark.com/postcss/download/postcss-8.3.5.tgz",
+              "integrity": "sha1-mCIWsRNBK8IKhiiekeuZSVKltwk=",
+              "requires": {
+                "colorette": "^1.2.2",
+                "nanoid": "^3.1.23",
+                "source-map-js": "^0.6.2"
+              }
+            }
           }
         },
         "universalify": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-          "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+          "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ=="
-          "dev": true
         }
       }
     },
@@ -19066,7 +18950,7 @@
     },
     "tmp": {
       "version": "0.2.1",
-      "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.2.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.2.1.tgz?cache=0&sync_timestamp=1588178571895&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftmp%2Fdownload%2Ftmp-0.2.1.tgz",
       "integrity": "sha1-hFf8MDfc9HGcJRNnoa9lAO4czxQ=",
       "requires": {
         "rimraf": "^3.0.0"

package.json

@@ -48,7 +48,6 @@
   "dependencies": {
     "@dcloudio/uni-app-plus": "^2.0.0-31920210609001",
     "@dcloudio/uni-h5": "^2.0.0-31920210609001",
-    "@dcloudio/uni-helper-json": "*",
     "@dcloudio/uni-i18n": "^2.0.0-31920210609001",
     "@dcloudio/uni-mp-360": "^2.0.0-31920210609001",
     "@dcloudio/uni-mp-alipay": "^2.0.0-31920210609001",
@@ -61,16 +60,19 @@
     "@dcloudio/uni-quickapp-native": "^2.0.0-31920210609001",
     "@dcloudio/uni-quickapp-webview": "^2.0.0-31920210609001",
     "@dcloudio/uni-stat": "^2.0.0-31920210609001",
-    "@tailwindcss/postcss7-compat": "^2.2.0",
+    "@tailwindcss/postcss7-compat": "^2.2.4",
     "@vue/shared": "^3.0.0",
     "alloyfinger": "^0.1.16",
+    "autoprefixer": "^8.0.0",
     "core-js": "^3.6.5",
-    "dayjs": "^1.10.5",
     "lodash": "^4.17.21",
+    "dayjs": "^1.10.6",
+    "postcss": "^7",
     "postcss-loader": "^6.1.1",
     "regenerator-runtime": "^0.12.1",
     "register-service-worker": "^1.7.1",
     "right-pad": "^1.0.1",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.4",
     "uview-ui": "^1.8.4",
     "vue": "^2.6.11",
     "vuex": "^3.2.0"
@@ -92,7 +94,6 @@
     "@vue/cli-plugin-vuex": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "autoprefixer": "^8.0.0",
     "babel-eslint": "^10.1.0",
     "babel-plugin-import": "^1.11.0",
     "commitizen": "^4.0.3",
@@ -108,13 +109,11 @@
     "mini-types": "*",
     "miniprogram-api-typings": "*",
     "node-sass": "^6.0.0",
-    "postcss": "^8.3.5",
     "postcss-class-rename": "^1.0.1",
     "postcss-comment": "^2.0.0",
     "prettier": "^2.2.1",
     "sass": "^1.35.1",
     "sass-loader": "10",
-    "tailwindcss": "^2.2.4",
     "vue-cli-plugin-commitlint": "~1.0.12",
     "vue-cli-plugin-mock": "^1.0.3",
     "vue-template-compiler": "^2.6.11"

src/App.vue

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

src/common/styles/iconfont.scss

@@ -0,0 +1,25 @@
+@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/Globals/Globals.vue

@@ -0,0 +1,58 @@
+<template>
+  <view class="m-2">
+    <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25" :style="{ height: isShrink ? '96rpx' : '300rpx' }">
+      <!-- <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25" style="height: 300rpx"> -->
+      <view slot="body">
+        <scroll-view :scrollY="true" :style="{ height: isShrink ? '40rpx' : '240rpx' }">
+          <view class="u-col-between p-0 u-skeleton">
+            <view class="u-line-2 u-skeleton-rect"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆</view>
+            <view class="u-line-2 u-skeleton-rect mt-2"> 瓶身描绘的牡丹一如你初妆222</view>
+          </view>
+        </scroll-view>
+      </view>
+    </u-card>
+    <!-- <u-skeleton :animation="true" :loading="true" bgcolor="#fff"></u-skeleton> -->
+  </view>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+export default {
+  name: 'Global',
+  data() {
+    return {};
+  },
+  computed: mapState('home', ['isShrink']),
+};
+</script>
+
+<style scoped lang="scss">
+.u-card-wrap {
+  background-color: $u-bg-color;
+  padding: 1px;
+}
+
+.u-body-item {
+  font-size: 32rpx;
+  color: #333;
+  padding: 20rpx 10rpx;
+}
+
+.u-body-item image {
+  width: 120rpx;
+  flex: 0 0 120rpx;
+  height: 120rpx;
+  border-radius: 8rpx;
+  margin-left: 12rpx;
+}
+</style>

src/components/Globals/index.vue

@@ -1,47 +0,0 @@
-<!--
- * @Author: aBin
- * @email: binbin0314@126.com
- * @Date: 2021-07-19 10:52:05
- * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 11:09:23
--->
-<template>
-  <view>
-    <u-card margin="0" :show-head="false" :show-foot="false">
-      <view slot="body">
-        <view class="u-flex u-col-between p-0">
-          <view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
-        </view>
-      </view>
-    </u-card>
-  </view>
-</template>
-<script>
-export default {
-  name: 'Global',
-  data() {
-    return {};
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.u-card-wrap {
-  background-color: $u-bg-color;
-  padding: 1px;
-}
-
-.u-body-item {
-  font-size: 32rpx;
-  color: #333;
-  padding: 20rpx 10rpx;
-}
-
-.u-body-item image {
-  width: 120rpx;
-  flex: 0 0 120rpx;
-  height: 120rpx;
-  border-radius: 8rpx;
-  margin-left: 12rpx;
-}
-</style>

src/components/Project/Project.vue

@@ -0,0 +1,22 @@
+<template>
+  <view class="wrap">
+    <time-bar />
+    <view class="container p-2">
+      <time-line />
+    </view>
+  </view>
+</template>
+
+<script>
+import TimeBar from './component/TimeBar';
+import TimeLine from './component/TimeLine';
+
+export default {
+  name: 'Project',
+  components: { TimeBar, TimeLine },
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>

src/components/Project/component/TimeBar.vue

@@ -0,0 +1,37 @@
+<template>
+  <view class>
+    <!-- :class="{ active: cycleTasks.time.start === filter.startTime }" -->
+    <view class="cycle-time active">
+      <!-- {{ $util.formatStartTimeToCycleTime(filter.time, cycleTasks.time.start) }} -->
+      2021年30周
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'TimeBar',
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.cycle-time {
+  padding: 8rpx 16rpx;
+  margin-bottom: 16rpx;
+  background: #fafafc;
+  color: $uni-text-color;
+  font-size: 14px;
+  position: sticky;
+  top: -1px;
+  left: 0;
+  z-index: 99;
+
+  &.active {
+    background: $uni-color-primary;
+    color: $uni-text-color-inverse;
+  }
+}
+</style>

src/components/Project/component/TimeLine.vue

@@ -0,0 +1,80 @@
+<template>
+  <u-time-line>
+    <u-time-line-item nodeTop="2">
+      <!-- 此处自定义了左边内容，用一个图标替代 -->
+      <template v-slot:node>
+        <view class="u-node state">
+          <!-- 此处为uView的icon组件 -->
+          <!-- <u-icon :size="24" color="#fff" name="play-right-fill"></u-icon> -->
+          <u-circle-progress :percent="100" active-color="#2979ff" borderWidth="4" width="66">
+            <view class="u-progress-content">
+              <view class="u-progress-dot"></view>
+              <text class="u-progress-info">
+                <u-icon name="checkmark" size="30"></u-icon>
+              </text>
+            </view>
+          </u-circle-progress>
+        </view>
+      </template>
+      <template v-slot:content>
+        <view>
+          <view class="u-order-title">待取件</view>
+          <view class="u-order-desc">[自提柜]您的快件已放在楼下侧门，直走前方53.6米。</view>
+          <view class="u-order-time">2019-05-08 12:12</view>
+        </view>
+      </template>
+    </u-time-line-item>
+    <u-time-line-item>
+      <!-- 此处没有自定义左边的内容，会默认显示一个点 -->
+      <template v-slot:content>
+        <view>
+          <view class="u-order-desc">【深圳市】日照香炉生紫烟，遥看瀑布挂前川，飞流直下三千尺，疑是银河落九天。</view>
+          <view class="u-order-time">2019-12-06 22:30</view>
+        </view>
+      </template>
+    </u-time-line-item>
+  </u-time-line>
+</template>
+
+<script>
+export default {
+  name: 'TimeLine',
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.u-node {
+  width: 44rpx;
+  height: 44rpx;
+  border-radius: 100rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #d0d0d0;
+}
+
+.state {
+  border: 2px solid #999;
+  background: #fff;
+}
+
+.u-order-title {
+  color: #333333;
+  font-weight: bold;
+  font-size: 32rpx;
+}
+
+.u-order-desc {
+  color: rgb(150, 150, 150);
+  font-size: 28rpx;
+  margin-bottom: 6rpx;
+}
+
+.u-order-time {
+  color: rgb(200, 200, 200);
+  font-size: 26rpx;
+}
+</style>

src/components/Roles/Roles.vue

@@ -0,0 +1,20 @@
+<template>
+  <view class="wrap bg-white px-2">
+    <role-list />
+  </view>
+</template>
+
+<script>
+import RoleList from './component/RoleList';
+
+export default {
+  name: 'Roles',
+  components: { RoleList },
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss"></style>

src/components/Roles/component/RoleList.vue

@@ -0,0 +1,180 @@
+<template>
+  <view class="wrap">
+    <view class="homeBox">
+      <scroll-view :enable-flex="true" :scroll-left="scrollLeft" :throttle="false" scroll-with-animation scroll-x>
+        <view class="tabBox">
+          <view :key="index" @click="changeIndex(index)" class="tab-item" v-for="(item, index) in roles">
+            <view :class="setColor(item.mine, tabIndex, index)" class="tab-children u-skeleton-rect">{{ item.name }}</view>
+          </view>
+        </view>
+        <u-skeleton :animation="true" :loading="loading" bgcolor="#fff"></u-skeleton>
+      </scroll-view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'RoleList',
+  data() {
+    return {
+      tabIndex: 0, //当前访问的 index 默认为0
+      tabList: [], //tab dom节点集合
+      scrollLeft: 0, //scrollview需要滚动的距离
+      roles: [
+        { id: 1, name: '项目经理', mine: 0, pm: 1, sequence: 1 },
+        { id: 2, name: '运维', mine: 0, pm: 0, sequence: 2 },
+        { id: 3, name: '导师一', mine: 1, pm: 0, sequence: 3 },
+        { id: 4, name: '导师二', mine: 1, pm: 0, sequence: 4 },
+        { id: 5, name: '导师三', mine: 1, pm: 0, sequence: 5 },
+        { id: 6, name: '导师四', mine: 1, pm: 0, sequence: 6 },
+        { id: 7, name: '导师五', mine: 1, pm: 0, sequence: 7 },
+        { id: 8, name: '导师六', mine: 1, pm: 0, sequence: 8 },
+        { id: 9, name: '导师七', mine: 1, pm: 0, sequence: 9 },
+        { id: 10, name: '导师八', mine: 1, pm: 0, sequence: 10 },
+      ],
+      loading: true, // 是否显示骨架屏组件
+    };
+  },
+
+  mounted() {
+    this.init();
+    setTimeout(() => {
+      this.loading = false;
+      console.log('this.loading: ', this.loading);
+    }, 5000);
+  },
+
+  methods: {
+    init() {
+      const data = document.getElementsByClassName('tab-children');
+      // TODO 第一步 获取当前所以子元素 并插入到 tabList 列表中
+      data.forEach(item => {
+        this.tabList.push({ width: item.clientWidth, left: item.offsetLeft });
+      });
+    },
+
+    changeIndex(index) {
+      //改变index 即手动点击切换 我在此时将当前元素赋值给左边距 实现自动滚动
+      this.tabIndex = index;
+      //当前滚动的位置
+      let left = 0;
+      let screenWidth = window.screen.width;
+      for (let i = 0; i < index; i++) {
+        left += this.tabList[i].width + this.tabList[i].left * 2;
+      }
+      left += this.tabList[index].width;
+      this.scrollLeft = left - screenWidth / 2;
+    },
+
+    // 设置文字颜色
+    setColor(mine, tabIndex, index) {
+      if (mine === 1 && tabIndex === index) {
+        return 'default-tab-choice';
+      }
+      if (mine === 1 && tabIndex !== index) {
+        return 'default-tab-item';
+      }
+      if (mine === 0 && tabIndex === index) {
+        return 'tab-choice';
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+// 这是最外层盒子
+.wrap {
+  position: relative;
+  background: #f7f7f7;
+}
+
+.homeBox {
+  // 对此盒子进行 sticky 粘性定位
+  position: sticky;
+  top: 0;
+  background: #fff; //设置背景 否则会透明
+  /* #ifdef H5 */
+  //粘性定位 在h5下 加 原生头部高度 44px
+  top: 88rpx;
+
+  /* #endif */
+  .tabBox {
+    position: relative;
+    white-space: nowrap;
+    // height: 88rpx;
+
+    /* #ifdef MP-TOUTIAO */
+    /* #endif */
+    .tab-item {
+      padding: 20rpx 24rpx;
+      position: relative;
+      display: inline-block;
+      text-align: center;
+      font-size: 30rpx;
+      transition-property: background-color, width;
+    }
+
+    .default-tab-item {
+      color: $roleChoiceColor;
+    }
+
+    .default-tab-choice {
+      //当前选中 基于此类名给与底部选中框
+      position: relative;
+      color: $roleChoiceColor;
+      font-weight: 600;
+    }
+    .default-tab-choice:before {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: -20rpx;
+      width: 100%;
+      height: 6rpx;
+      border-radius: 2rpx;
+      background: $roleChoiceColor;
+    }
+
+    .tab-choice {
+      //当前选中 基于此类名给与底部选中框
+      position: relative;
+      color: $uni-color-primary;
+      font-weight: 600;
+    }
+
+    .tab-choice:before {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: -20rpx;
+      width: 100%;
+      height: 6rpx;
+      border-radius: 2rpx;
+      background: $uni-color-primary;
+    }
+  }
+}
+
+// // 删除 底部滚动条
+/* #ifndef APP-NVUE */
+::-webkit-scrollbar,
+::-webkit-scrollbar,
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
+
+/* #endif */
+/* #ifdef H5 */
+// 通过样式穿透，隐藏H5下，scroll-view下的滚动条
+scroll-view ::v-deep ::-webkit-scrollbar {
+  display: none;
+}
+
+/* #endif */
+</style>

src/components/Roles/components/RoleList.vue

@@ -0,0 +1,183 @@
+<template>
+  <view class="wrap">
+    <view class="homeBox">
+      <scroll-view :enable-flex="true" :scroll-left="scrollLeft" :throttle="false" scroll-with-animation scroll-x>
+        <view class="tabBox u-skeleton">
+          <view :key="index" @click="changeIndex(index)" class="tab-item" v-for="(item, index) in roles">
+            <view :class="setColor(item.isMine, tabIndex, index)" class="tab-children u-skeleton-rect">{{ item.value }}</view>
+          </view>
+        </view>
+        <u-skeleton :animation="true" :loading="loading" bgcolor="#fff"></u-skeleton>
+      </scroll-view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'RoleList',
+  data() {
+    return {
+      tabIndex: 0, //当前访问的 index 默认为0
+      tabList: [], //tab dom节点集合
+      scrollLeft: 0, //scrollview需要滚动的距离
+      roles: [
+        { id: 1, value: '项目经理', isMine: 0 },
+        { id: 2, value: '运维', isMine: 0 },
+        { id: 3, value: '导师一', isMine: 1 },
+        { id: 4, value: '导师二', isMine: 1 },
+        { id: 5, value: '导师三', isMine: 1 },
+        { id: 6, value: '导师四', isMine: 1 },
+        { id: 7, value: '导师五', isMine: 1 },
+        { id: 8, value: '导师六', isMine: 1 },
+        { id: 9, value: '导师七', isMine: 1 },
+        { id: 10, value: '导师八', isMine: 1 },
+      ],
+      loading: true, // 是否显示骨架屏组件
+    };
+  },
+
+  mounted() {
+    this.init();
+    setTimeout(() => {
+      this.loading = false;
+      console.log('this.loading: ', this.loading);
+    }, 5000);
+  },
+
+  methods: {
+    init() {
+      const data = document.getElementsByClassName('tab-children');
+      // TODO 第一步 获取当前所以子元素 并插入到 tabList 列表中
+      data.forEach(item => {
+        this.tabList.push({ width: item.clientWidth, left: item.offsetLeft });
+      });
+    },
+
+    changeIndex(index) {
+      //改变index 即手动点击切换 我在此时将当前元素赋值给左边距 实现自动滚动
+      this.tabIndex = index;
+      //当前滚动的位置
+      let left = 0;
+      let screenWidth = window.screen.width;
+      for (let i = 0; i < index; i++) {
+        left += this.tabList[i].width + this.tabList[i].left * 2;
+      }
+      left += this.tabList[index].width;
+      this.scrollLeft = left - screenWidth / 2;
+    },
+
+    // 设置文字颜色
+    setColor(isMine, tabIndex, index) {
+      if (isMine === 1 && tabIndex === index) {
+        return 'default-tab-choice';
+      }
+      if (isMine === 1 && tabIndex !== index) {
+        return 'default-tab-item';
+      }
+      if (isMine === 0 && tabIndex === index) {
+        return 'tab-choice';
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+$tabChoiceColor: #f40; //设置选中文字和底部下划线背景颜色
+$max: 100%;
+
+// 这是最外层盒子
+.wrap {
+  position: relative;
+  background: #f7f7f7;
+}
+
+.homeBox {
+  // 对此盒子进行 sticky 粘性定位
+  position: sticky;
+  top: 0;
+  background: #fff; //设置背景 否则会透明
+  /* #ifdef H5 */
+  //粘性定位 在h5下 加 原生头部高度 44px
+  top: 88rpx;
+
+  /* #endif */
+  .tabBox {
+    position: relative;
+    white-space: nowrap;
+    // height: 88rpx;
+
+    /* #ifdef MP-TOUTIAO */
+    /* #endif */
+    .tab-item {
+      padding: 15rpx 24rpx;
+      position: relative;
+      display: inline-block;
+      text-align: center;
+      font-size: 30rpx;
+      transition-property: background-color, width;
+    }
+
+    .default-tab-item {
+      color: $tabChoiceColor;
+    }
+
+    .default-tab-choice {
+      //当前选中 基于此类名给与底部选中框
+      position: relative;
+      color: $tabChoiceColor;
+      font-weight: 600;
+    }
+    .default-tab-choice:before {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: -14rpx;
+      width: 100%;
+      height: 6rpx;
+      border-radius: 2rpx;
+      background: $tabChoiceColor;
+    }
+
+    .tab-choice {
+      //当前选中 基于此类名给与底部选中框
+      position: relative;
+      color: $uni-color-primary;
+      font-weight: 600;
+    }
+
+    .tab-choice:before {
+      content: '';
+      position: absolute;
+      left: 0;
+      bottom: -14rpx;
+      width: 100%;
+      height: 6rpx;
+      border-radius: 2rpx;
+      background: $uni-color-primary;
+    }
+  }
+}
+
+// // 删除 底部滚动条
+/* #ifndef APP-NVUE */
+::-webkit-scrollbar,
+::-webkit-scrollbar,
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
+
+/* #endif */
+/* #ifdef H5 */
+// 通过样式穿透，隐藏H5下，scroll-view下的滚动条
+scroll-view ::v-deep ::-webkit-scrollbar {
+  display: none;
+}
+
+/* #endif */
+</style>

src/components/TimeLine/TimeLine.vue

@@ -0,0 +1,56 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 14:15:35
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-20 14:22:11
+-->
+<template>
+  <!-- <Barrier /> -->
+  <scroll-view
+    :lower-threshold="300"
+    :scrollTop="top"
+    :scrollY="true"
+    :upper-threshold="300"
+    @scroll="scroll"
+    @scrolltolower="handleScrollBottom"
+    @scrolltoupper="handleScrollTop"
+  >
+    <TimeBox ref="child" />
+  </scroll-view>
+</template>
+
+<script>
+// import Barrier from './component/Barrier.vue';
+import { mapState, mapMutations } from 'vuex';
+import TimeBox from './component/TimeBox.vue';
+export default {
+  name: 'TimeLine',
+  components: { TimeBox },
+  data() {
+    return { top: 0 };
+  },
+  computed: mapState('home', ['scrollTop', 'showTips']),
+  methods: {
+    ...mapMutations('home', ['setScrollTop', 'setShrink']),
+    // 滚动
+    scroll(e) {
+      this.top = e.detail.scrollTop;
+      this.setShrink(this.top > this.scrollTop);
+      this.setScrollTop(this.top);
+    },
+
+    // 滚动到顶部
+    handleScrollTop() {
+      console.log('滚动到顶部');
+      this.$refs.child.addTopList();
+    },
+
+    // 滚动到底部
+    handleScrollBottom() {
+      console.log('滚动到底部');
+      this.$refs.child.addBottomList();
+    },
+  },
+};
+</script>

src/components/TimeLine/component/Barrier.vue

@@ -0,0 +1,42 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 14:22:54
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-20 11:46:04
+-->
+<template>
+  <view class>
+    <!-- :class="{ active: cycleTasks.time.start === filter.startTime }" -->
+    <view class="cycle-time active">
+      <!-- {{ $util.formatStartTimeToCycleTime(filter.time, cycleTasks.time.start) }} -->
+      2021年30周
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  name: 'Barrier',
+  data() {
+    return {};
+  },
+};
+</script>
+<style scoped lang="scss">
+.cycle-time {
+  padding: 8rpx 16rpx;
+  margin-bottom: 16rpx;
+  background: #fafafc;
+  color: $uni-text-color;
+  font-size: 28rpx;
+  position: sticky;
+  top: -1px;
+  left: 0;
+  z-index: 99;
+
+  &.active {
+    background: $uni-color-primary;
+    color: $uni-text-color-inverse;
+  }
+}
+</style>

src/components/TimeLine/component/TimeBox.vue

@@ -0,0 +1,69 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 15:36:28
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 18:54:55
+-->
+<template>
+  <view class="px-3 pb-10">
+    <view :key="index" v-for="(item, index) in list">
+      <view class="flex items-center">
+        <TimeStatus :status="item" :content="JSON.stringify(item)" />
+        <view class="flex-1 ml-2 flex justify-between">
+          <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 my-2">
+        <view class="ml-4 shadow-lg task-box overflow-hidden">
+          <u-card :show-foot="false" :show-head="false" class="h-16" margin="0">
+            <view slot="body">
+              <view class="u-col-between p-0 u-skeleton">
+                <view class="u-skeleton-rect">瓶身描绘的牡丹一如你初妆</view>
+              </view>
+            </view>
+          </u-card>
+        </view>
+      </view>
+    </view>
+    <Tips />
+  </view>
+</template>
+
+<script>
+import TimeStatus from './TimeStatus.vue';
+export default {
+  name: 'TimeBox',
+
+  components: { TimeStatus },
+
+  data() {
+    return { list: [0, 1, 2, 0, 1, 2] };
+  },
+
+  methods: {
+    addTopList() {
+      this.list.unshift(0, 0, 0);
+      console.log('this.list: ', this.list);
+    },
+
+    addBottomList() {
+      this.list.push(1, 1, 1);
+      console.log('this.list: ', this.list);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.task-box {
+  border-radius: 24rpx;
+}
+</style>

src/components/TimeLine/component/TimeStatus.vue

@@ -0,0 +1,130 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 15:47:38
+ * @LastEditors: aBin
+ * @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" @tap="changeStatus($event, 0)">
+      <u-circle-progress :percent="100" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="4" width="66">
+        <view class="u-progress-content">
+          <view class="u-progress-dot"></view>
+          <text class="u-progress-info">
+            <u-icon name="checkmark" size="30"></u-icon>
+          </text>
+        </view>
+      </u-circle-progress>
+    </view>
+    <view class="rounded-full h-7 w-7 flex items-center justify-center text-black" v-if="status === 1" @tap="changeStatus($event, 1)">
+      <u-circle-progress :percent="80" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="6" width="66">
+        <view class="u-progress-content">
+          <view class="u-progress-dot"></view>
+          <view class="u-progress-info">{{ time }}</view>
+        </view>
+      </u-circle-progress>
+    </view>
+    <view class="rounded-full h-7 w-7 flex items-center justify-center text-gray-400" v-if="status === 2" @tap="changeStatus($event, 2)">
+      <u-circle-progress :percent="40" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="6" width="66">
+        <view class="u-progress-content">
+          <view class="u-progress-dot"></view>
+          <text class="u-progress-info">
+            <u-icon name="play-right-fill" size="30"></u-icon>
+          </text>
+        </view>
+      </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"
+      @tap="changeStatus($event, 3)"
+    >
+      <u-circle-progress :percent="80" active-color="#2979ff" bgColor="rgba(255,255,255,0)" borderWidth="6" width="66">
+        <view class="u-progress-content">
+          <view class="u-progress-dot"></view>
+          <text class="u-progress-info">
+            <u-icon name="pause" size="30"></u-icon>
+          </text>
+        </view>
+      </u-circle-progress>
+    </view>
+  </view>
+</template>
+<script>
+import { mapMutations } from 'vuex';
+export default {
+  name: 'TimeStatus',
+  props: {
+    status: {
+      default: 0,
+      type: Number,
+    },
+    content: {
+      default: '',
+      type: String,
+    },
+  },
+  data() {
+    return {
+      time: 20,
+      start: [
+        {
+          text: '确认开始任务',
+          color: 'blue',
+        },
+      ],
+      pause: [
+        { text: '继续' },
+        {
+          text: '重新开始任务',
+          color: 'blue',
+        },
+        { text: '结束' },
+      ],
+      proceed: [
+        { text: '暂停' },
+        {
+          text: '重新开始任务',
+          color: 'blue',
+        },
+        { text: '结束' },
+      ],
+      again: [
+        {
+          text: '重新开始任务',
+          color: 'blue',
+        },
+      ],
+    };
+  },
+  methods: {
+    ...mapMutations('home', ['setClient', 'setTips', 'setStatus', 'setTipsContent']),
+    chooseList() {
+      return this.start;
+    },
+    changeStatus(e, num) {
+      this.setStatus(num);
+      this.setTipsContent(this.chooseTips(num, this.content));
+      const client = {
+        left: e.target.x,
+        top: e.target.y,
+      };
+      this.setClient(client);
+      this.setTips(true);
+    },
+    chooseTips(num, content) {
+      switch (num) {
+        case 0:
+          return `确认开始任务${content}吗？`;
+        case 1:
+          return `请选择要执行的操作`;
+        case 2:
+          return `请选择要执行的操作`;
+        case 3:
+          return `是否要重新开始此任务`;
+      }
+    },
+  },
+};
+</script>

src/components/TimeLine/component/Title.vue

@@ -0,0 +1,7 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 15:40:02
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 15:40:03
+-->

src/components/Tips/Tips.vue

@@ -0,0 +1,73 @@
+<template>
+  <view
+    class="fixed shadow-2xl shadow-2xl"
+    style="z-index: 1000"
+    :style="{
+      left: client.left + 'px',
+      top: height - client.top > 110 ? client.top + 'px' : '',
+      bottom: height - client.top > 110 ? '' : '10px',
+    }"
+    id="u-icard"
+  >
+    <u-card
+      :title="title"
+      style="width: 500rpx; margin: 0 !important"
+      v-if="showTips"
+      titleSize="28"
+      :headStyle="headStyle"
+      :footStyle="footStyle"
+    >
+      <view class="" slot="body"> {{ tipsContent }} </view>
+      <view class="flex ustify-between" slot="foot">
+        <u-button size="mini" @tap="clickCancel">取消</u-button>
+        <u-button v-if="status === 1" size="mini" @tap="clickCancel">暂停</u-button>
+        <u-button v-if="status === 2" size="mini" @tap="clickCancel">继续</u-button>
+        <u-button v-if="status === 1 || status === 2" size="mini" @tap="clickCancel">重新开始</u-button>
+        <u-button v-if="status === 1 || status === 2" type="primary" size="mini" @tap="clickCancel">结束</u-button>
+        <u-button v-if="status === 0 || status === 3" type="primary" size="mini" @tap="clickOk">确定</u-button>
+      </view>
+    </u-card>
+    <u-toast ref="uToast" />
+  </view>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex';
+export default {
+  name: 'Tips',
+  props: {
+    title: {
+      default: '提示',
+      type: String,
+    },
+  },
+  computed: mapState('home', ['client', 'showTips', 'status', 'tipsContent']),
+  data() {
+    return {
+      footStyle: { padding: '4px 15px' },
+      headStyle: { paddingTop: '8px', paddingBottom: '8px' },
+      height: 0,
+    };
+  },
+  mounted() {
+    this.height = window.screen.height;
+  },
+  methods: {
+    ...mapMutations('home', ['setTips']),
+    clickOk() {
+      this.$refs.uToast.show({
+        title: '点击了确定',
+        type: 'success',
+      });
+      this.setTips(false);
+    },
+    clickCancel() {
+      this.$refs.uToast.show({
+        title: '点击了取消',
+        type: 'error',
+      });
+      this.setTips(false);
+    },
+  },
+};
+</script>

src/components/Title/Title.vue

@@ -0,0 +1,43 @@
+<template>
+  <view>
+    <u-navbar back-text="返回">
+      <view class="flex justify-center flex-1">
+        <view v-if="Istrue">{{ title }}</view>
+        <view v-else>{{ titleBar }}</view>
+      </view>
+      <view class="mr-2" slot="right">
+        <u-icon class="m-1" name="checkmark-circle"></u-icon>
+        <u-icon class="m-1" name="reload"></u-icon>
+        <u-icon class="m-1" name="home"></u-icon>
+        <u-icon class="m-1" name="more-dot-fill"></u-icon>
+      </view>
+    </u-navbar>
+  </view>
+</template>
+<script>
+export default {
+  name: 'Title',
+  data() {
+    return {
+      title: '加载中...',
+      titleBar: '项目名称',
+      Istrue: true,
+    };
+  },
+  mounted() {
+    this.getTitle();
+  },
+  methods: {
+    getTitle() {
+      this.Istrue = !this.Istrue;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.slot-warp {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>

src/main.js

@@ -1,7 +1,15 @@
+/*
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 10:09:22
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-07-20 14:52:23
+ */
 import Vue from 'vue';
 import App from './App';
 import uView from 'uview-ui';
 import './common/styles/index.css';
+import store from './store';
 
 //#ifdef H5
 import './registerServiceWorker';
@@ -18,7 +26,7 @@ Vue.use(uView);
 
 App.mpType = 'app';
 
-const app = new Vue({ ...App });
+const app = new Vue({ ...App, store });
 
 import request from '@/utils/request.js';
 Vue.use(request, app);

src/pages.json

@@ -1,43 +1,48 @@
 {
-	"pages": [
+  "pages": [
-		{
+    {
-			"path": "pages/index/index",
+      "path": "pages/index/index",
-			"style": {
+      "style": {
-				"navigationBarTitleText": "uni-app"
+        "navigationStyle": "custom" ,
-			}
+			  "navigationBarTextStyle": "white"
-		},
+      }
-		{
+    },
-			"path": "pages/plugin-test/plugin-test",
+    {
-			"style": {
+      "path": "pages/plugin-test/plugin-test",
-				"navigationBarTitleText": "iframe-测试"
+      "style": {
-			}
+        "navigationBarTitleText": "iframe-测试"
-		},
+      }
-		{
+    },
-			"path": "pages/rich-text/rich-text",
+    {
-			"style": {
+      "path": "pages/rich-text/rich-text",
-				"navigationBarTitleText": "rich-text 测试"
+      "style": {
-			}
+        "navigationBarTitleText": "rich-text 测试"
-		},
+      }
-		{
+    },
-			"path": "pages/pinch/pinch",
+    {
-			"style": {
+      "path": "pages/pinch/pinch",
-				"navigationBarTitleText": "pinch 测试"
+      "style": {
-			}
+        "navigationBarTitleText": "pinch 测试"
-		},
+      }
-		{
+    },
-			"path": "pages/test/test",
+    {
-			"style": {
+      "path": "components/Title/Title",
-				"navigationBarTitleText": "test"
+      "style": {
-			}
+        "navigationStyle": "custom" ,
-		}
+			  "navigationBarTextStyle": "white"
-	],
+      }
-	"globalStyle": {
+    }
-		"navigationBarTextStyle": "black",
+  ],
-		"navigationBarTitleText": "uni-app",
+  "globalStyle": {
-		"navigationBarBackgroundColor": "#F8F8F8",
+    "navigationBarTextStyle": "black",
-		"backgroundColor": "#F8F8F8"
+    "navigationBarTitleText": "uni-app",
-	},
+    "navigationBarBackgroundColor": "#F8F8F8",
-	"easycom": {
+    "backgroundColor": "#F8F8F8"
-		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+  },
-	}
+  "easycom": {
+    "autoscan": true,
+    "custom": {
+      "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+    }
+  }
 }

src/pages/index/index.vue

@@ -1,9 +1,19 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 10:09:22
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-07-20 15:08:29
+-->
 <template>
-  <view class="container p-4 bg-gray-100">
+  <view :style="{ height: height }" class="flex flex-col overflow-hidden">
-    <Globals />
+    <Title />
-
+    <view class="container flex flex-col flex-1 overflow-hidden bg-gray-100">
-    <u-button @tap="$u.route('/pages/test/test')">打开test界面</u-button>
+      <Roles />
-    <!-- <view class="mt-5">
+      <Globals />
+      <TimeLine class="flex-1 overflow-hidden" />
+      <!-- <view class="mt-5">
+    <view class="mt-5">
       <u-button type="primary" size="default" @click="$u.route('/pages/plugin-test/plugin-test')">iframe 验证</u-button>
     </view>
     <view class="my-3">
@@ -11,19 +21,32 @@
     </view>
     <view class="my-3">
       <u-button type="error" size="default" @click="openPage">pinch 事件验证</u-button>
-    </view> -->
+      </view>-->
+      <!-- <Project /> -->
+    </view>
   </view>
 </template>
 
 <script>
-import Globals from 'components/Globals/index.vue';
+// import Globals from 'components/Globals/index.vue';
+// import Title from 'components/Title/Title.vue';
+// import Roles from 'components/Roles/Roles.vue';
+// import TimeLine from 'components/TimeLine/index.vue';
+
+// import Project from 'components/Project/Project.vue';
 
 export default {
-  components: { Globals },
+  // components: { Globals, TimeLine, Roles, Title },
   data() {
-    return { title: 'Hello' };
+    return { title: 'Hello', height: '', scrollHeight: null };
+  },
+  onLoad() {
+    console.log(this.$u.config.v);
+    // this.openPage();
+  },
+  mounted() {
+    this.height = window.screen.height + 'px';
   },
-  onLoad() {},
   methods: {
     openPage() {
       console.log('open');

src/pages/rich-text/rich-text.vue

@@ -1,8 +1,8 @@
 <template>
-  <view class="p-3">
+  <view class="p-2">
     <!-- <view v-if="!plugins">加载中...</view>
-    <template v-else> -->
+    <template v-else>-->
-    <view id="container" class="my-3"></view>
+    <view class="my-3" id="container"></view>
     <!-- </template> -->
   </view>
 </template>

src/store/home/actions.js

@@ -0,0 +1,3 @@
+const actions = {};
+
+export default actions;

src/store/home/getters.js

@@ -0,0 +1,3 @@
+const getters = {};
+
+export default getters;

src/store/home/index.js

@@ -0,0 +1,12 @@
+import state from './state';
+import getters from './getters';
+import mutations from './mutations';
+import actions from './actions';
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  mutations,
+  actions,
+};

src/store/home/mutations.js

@@ -0,0 +1,52 @@
+const mutations = {
+  /**
+   * 记录时间轴向上滚动的距离
+   * @param { object } state
+   * @param { number } num
+   */
+  setScrollTop(state, num) {
+    state.scrollTop = num;
+  },
+  /**
+   * 设置日常任务当前是否应该处于收缩状态
+   * @param { object } state
+   * @param { boolean } data
+   */
+  setShrink(state, data) {
+    state.isShrink = data;
+  },
+  /**
+   * 存储鼠标点击位置
+   * @param { object } state
+   * @param { object } data
+   */
+  setClient(state, data) {
+    state.client = { ...data };
+  },
+  /**
+   * 是否显示tips
+   * @param { object } state
+   * @param { boolean } data
+   */
+  setTips(state, data) {
+    state.showTips = data;
+  },
+  /**
+   * 是否显示tips
+   * @param { object } state
+   * @param { number } data
+   */
+  setStatus(state, data) {
+    state.status = data;
+  },
+  /**
+   * 是否显示tips
+   * @param { object } state
+   * @param { string } data
+   */
+  setTipsContent(state, data) {
+    state.tipsContent = data;
+  },
+};
+
+export default mutations;

src/store/home/state.js

@@ -0,0 +1,13 @@
+const state = {
+  scrollTop: 0,
+  isShrink: false, // true: 收起， false：展开
+  client: {
+    left: 0, // 鼠标点击位置距离左边的距离
+    top: 0, // 鼠标点击位置距离上边的距离
+  },
+  showTips: false,
+  status: 0, // 点击了时间轴上的哪种样式，默认点击了开始
+  tipsContent: '', // 提示框内的内容，需要传入
+};
+
+export default state;

src/store/index.js

@@ -0,0 +1,8 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import home from './home/index';
+import db from './db/index';
+import user from './user/index';
+
+Vue.use(Vuex);
+export default new Vuex.Store({ modules: { home, db, user } });

src/uni.scss

@@ -27,12 +27,14 @@ $uni-text-color-inverse: #fff; //反色
 $uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
 $uni-text-color-placeholder: #808080;
 $uni-text-color-disable: #c0c0c0;
+$roleChoiceColor: #f59e0b;
 
 /* 背景颜色 */
 $uni-bg-color: #ffffff;
 $uni-bg-color-grey: #f8f8f8;
 $uni-bg-color-hover: #f1f1f1; //点击状态颜色
 $uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色
+$uni-bg-color-transparent: rgba(255, 255, 255, 0); //透明色
 
 /* 边框颜色 */
 $uni-border-color: #c8c7cc;

tailwind.config.js

@@ -1,3 +1,10 @@
+/*
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 10:09:22
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 11:48:41
+ */
 module.exports = {
   purge: [],
   darkMode: false, // or 'media' or 'class'