Merge pull request 'rr' (#3) from rr into develop

Reviewed-on: https://dd.tall.wiki/gitea/wally/TALL-MUI-3/pulls/3
Reviewed-by: wally <18603454788@163.com>

CHANGELOG.md

@@ -1,9 +1,12 @@
-# 0.1.0 (2021-07-19)
+# 0.1.0 (2021-07-20)
 
 ### 🌟 新功能
 范围|描述|commitId
 --|--|--
  - | 标题栏角色栏全局任务组件新建 | [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)
+ - | 提交到本地 | [9cbe411](https://dd.tall.wiki/gitea/wally/TALL-MUI-3/commits/9cbe411)
  - | 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)
@@ -13,6 +16,11 @@
 ### 🎨 代码样式
 范围|描述|commitId
 --|--|--
+ - | 更新代码 | [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)
+ - | 图标修改 | [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)
 
 
@@ -37,6 +45,8 @@
 ### 🚀 性能优化
 范围|描述|commitId
 --|--|--
+ - | 角色栏文字颜色修改 | [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)
 

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",
@@ -3248,17 +3243,6 @@
             "postcss-value-parser": "^4.1.0"
           }
         },
-        "chalk": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
         "default-gateway": {
           "version": "5.0.5",
           "resolved": "https://registry.npm.taobao.org/default-gateway/download/default-gateway-5.0.5.tgz?cache=0&sync_timestamp=1610365791284&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdefault-gateway%2Fdownload%2Fdefault-gateway-5.0.5.tgz",
@@ -3345,7 +3329,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": {
@@ -3354,25 +3338,13 @@
         },
         "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": {
             "resolve-from": "^3.0.0"
           }
         },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
         "micromatch": {
           "version": "3.1.10",
           "resolved": "https://registry.npm.taobao.org/micromatch/download/micromatch-3.1.10.tgz?cache=0&sync_timestamp=1618054885525&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-3.1.10.tgz",
@@ -3511,7 +3483,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
         },
@@ -3520,18 +3492,6 @@
           "resolved": "https://registry.npm.taobao.org/slash/download/slash-2.0.0.tgz",
           "integrity": "sha1-3lUoUaF1nfOo8gZTVEL17E3eq0Q=",
           "dev": true
-        },
-        "vue-loader-v16": {
-          "version": "npm:vue-loader@16.3.1",
-          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.3.1.tgz",
-          "integrity": "sha512-QTtXgdqQ+4G3d8dmhnnfJSiKKHQtp53XiivSYAvAqNCOufL9aK0DYOc9MW9MSy7Xzj/1qdcghb28zKhOPvQYqQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chalk": "^4.1.0",
-            "hash-sum": "^2.0.0",
-            "loader-utils": "^2.0.0"
-          }
         }
       }
     },
@@ -4349,7 +4309,6 @@
       "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",
         "caniuse-lite": "^1.0.30000808",
@@ -4363,7 +4322,6 @@
           "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"
@@ -4373,7 +4331,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",
@@ -4384,7 +4341,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"
           }
@@ -7465,9 +7421,9 @@
       "dev": true
     },
     "dayjs": {
-      "version": "1.10.5",
-      "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",
-      "integrity": "sha1-VgDfRUj8JFOz8WPrsqu+llzPuYY="
+      "version": "1.10.6",
+      "resolved": "https://registry.nlark.com/dayjs/download/dayjs-1.10.6.tgz",
+      "integrity": "sha1-KIsqqC8thBimydTfWJjAc3rQKmM="
     },
     "de-indent": {
       "version": "1.0.2",
@@ -14768,14 +14724,23 @@
       "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs="
     },
     "postcss": {
-      "version": "8.3.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.5.tgz",
-      "integrity": "sha512-NxTuJocUhYGsMiMFHDUkmjSKT3EdH4/WbGF6GCi1NDGk+vbcUTun4fpbOqaPtD8IIsztA2ilZm2DhYCuyN58gA==",
-      "dev": true,
+      "version": "7.0.36",
+      "resolved": "https://registry.nlark.com/postcss/download/postcss-7.0.36.tgz",
+      "integrity": "sha1-BW+M/6k5ZiqPWQWVDAfVKFZE38s=",
       "requires": {
-        "colorette": "^1.2.2",
-        "nanoid": "^3.1.23",
-        "source-map-js": "^0.6.2"
+        "chalk": "^2.4.2",
+        "source-map": "^0.6.1",
+        "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=",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        }
       }
     },
     "postcss-calc": {
@@ -18746,8 +18711,8 @@
     },
     "tailwindcss": {
       "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.4.tgz",
-      "integrity": "sha512-OdBCPgazNNsknSP+JfrPzkay9aqKjhKtFhbhgxHgvEFdHy/GuRPo2SCJ4w1SFTN8H6FPI4m6qD/Jj20NWY1GkA==",
+      "resolved": "https://registry.nlark.com/tailwindcss/download/tailwindcss-2.2.4.tgz",
+      "integrity": "sha1-ai4lmx4mElrqp83EeZY/0hfDCLA=",
       "dev": true,
       "requires": {
         "@fullhuman/postcss-purgecss": "^4.0.3",
@@ -18785,8 +18750,8 @@
       "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==",
+          "resolved": "https://registry.npm.taobao.org/@fullhuman/postcss-purgecss/download/@fullhuman/postcss-purgecss-4.0.3.tgz",
+          "integrity": "sha1-VdcXEuwceojg0bpfEM5/tqoFvrQ=",
           "dev": true,
           "requires": {
             "purgecss": "^4.0.3"
@@ -18794,8 +18759,8 @@
         },
         "chalk": {
           "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
+          "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": "sha1-yAs/qyi/Y3HmhjMl7uZ+YYt35q0=",
           "dev": true,
           "requires": {
             "ansi-styles": "^4.1.0",
@@ -18805,14 +18770,12 @@
         "commander": {
           "version": "6.2.1",
           "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-          "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-          "dev": true
+          "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA=="
         },
         "cosmiconfig": {
           "version": "7.0.0",
           "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
           "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
-          "dev": true,
           "requires": {
             "@types/parse-json": "^4.0.0",
             "import-fresh": "^3.2.1",
@@ -18825,7 +18788,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",
@@ -18836,7 +18798,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"
           }
@@ -18845,7 +18806,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"
@@ -18854,24 +18814,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==",
-          "dev": true
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
         },
         "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"
           }
@@ -18879,26 +18848,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==",
-          "dev": true
+          "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ=="
         },
         "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==",
-          "dev": true
+          "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ=="
         }
       }
     },
@@ -19719,6 +19697,50 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.3.1",
+      "resolved": "https://registry.nlark.com/vue-loader/download/vue-loader-16.3.1.tgz",
+      "integrity": "sha1-W2da4orJcIARHpOybSKtyjbdV6o=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "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",
+          "integrity": "sha1-yAs/qyi/Y3HmhjMl7uZ+YYt35q0=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "hash-sum": {
+          "version": "2.0.0",
+          "resolved": "https://registry.nlark.com/hash-sum/download/hash-sum-2.0.0.tgz",
+          "integrity": "sha1-gdAbtd6OpKIUrV1urRtSNGCwtFo=",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/loader-utils/download/loader-utils-2.0.0.tgz",
+          "integrity": "sha1-5MrOW4FtQloWa18JfhDNErNgZLA=",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        }
+      }
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.3.tgz",

package.json

@@ -47,7 +47,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",
@@ -63,12 +62,15 @@
     "@tailwindcss/postcss7-compat": "^2.2.0",
     "@vue/shared": "^3.0.0",
     "alloyfinger": "^0.1.16",
+    "autoprefixer": "^8.0.0",
     "core-js": "^3.6.5",
-    "dayjs": "^1.10.5",
+    "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"

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-20 09:23:01
+-->
 <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,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/Globals/index.vue

@@ -3,17 +3,20 @@
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 10:52:05
  * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 11:09:23
+ * @LastEditTime: 2021-07-19 16:37:35
 -->
 <template>
   <view>
-    <u-card margin="0" :show-head="false" :show-foot="false">
+    <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25">
       <view slot="body">
-        <view class="u-flex u-col-between p-0">
-          <view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
+        <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>
       </view>
     </u-card>
+    <u-skeleton :loading="true" :animation="true" bgColor="#fff"></u-skeleton>
   </view>
 </template>
 <script>

src/components/Project/Project.vue

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

src/components/Project/components/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/components/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,87 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 10:52:05
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 18:42:51
+-->
+<template>
+  <view class="wrap">
+    <view class="rolebar">
+      <view>
+        <view class="container" v-if="roles || roles.length">
+          <!-- <u-tabs
+            :bar-width="barWidth"
+            :current="currentRoleIndex"
+            :list="roles"
+            @change="handleClickRole"
+            class="u-skeleton-rect"
+            name="value"
+            ref="tabs"
+          ></u-tabs>-->
+
+          <u-tabs
+            :bar-width="barWidth"
+            :class="'isMine' ? '#f00' : ''"
+            :current="currentRoleIndex"
+            :list="roles"
+            @change="handleClickRole"
+            class="u-skeleton-rect"
+            name="value"
+            ref="tabs"
+          >
+          </u-tabs>
+        </view>
+        <u-skeleton :animation="true" :loading="loading" bgcolor="#fff" v-else></u-skeleton>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'Roles',
+  data() {
+    return {
+      roles: [
+        { id: 1, value: '项目经理', isMine: false },
+        { id: 2, value: '运维', isMine: true },
+        { id: 3, value: '导师一', isMine: false },
+        { id: 4, value: '导师二', isMine: true },
+        { id: 5, value: '导师三', isMine: true },
+      ],
+      currentRoleIndex: 0,
+      barWidth: 80,
+      loading: false, // 是否显示骨架屏组件
+    };
+  },
+  mounted() {
+    this.getItem();
+  },
+  methods: {
+    handleClickRole(index) {
+      this.getItem();
+      console.log('index: ', index);
+      this.currentRoleIndex = index;
+    },
+    getItem() {
+      var dom = document.getElementsByClassName('u-tab-item');
+      for (let i = 0; i < dom.length; i++) {
+        let id = dom[i].id;
+        for (let k = 0; k < this.roles.length; k++) {
+          let item = this.roles[k];
+          if (dom[i].textContent === item.value && item.isMine) {
+            document.getElementById(`${id}`).style.color = 'red';
+          }
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.container {
+  padding: 20rpx;
+}
+</style>

src/components/TimeLine/components/Barrier.vue

@@ -0,0 +1,42 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 14:22:54
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 17:01:58
+-->
+<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: 14px;
+  position: sticky;
+  top: -1px;
+  left: 0;
+  z-index: 99;
+
+  &.active {
+    background: $uni-color-primary;
+    color: $uni-text-color-inverse;
+  }
+}
+</style>

src/components/TimeLine/components/TimeBox.vue

@@ -0,0 +1,48 @@
+<!--
+ * @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-4">
+    <view v-for="item in list" :key="item" class="mt-2">
+      <view class="flex items-center">
+        <TimeStatus :status="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">
+        <view class="ml-4 shadow-lg">
+          <u-card margin="0" :show-head="false" :show-foot="false" border-radius="25" class="h-16">
+            <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>
+  </view>
+</template>
+
+<script>
+import TimeStatus from './TimeStatus.vue';
+export default {
+  name: 'TimeBox',
+  components: { TimeStatus },
+  data() {
+    return { list: [0, 1, 2, 3] };
+  },
+};
+</script>

src/components/TimeLine/components/TimeStatus.vue

@@ -0,0 +1,107 @@
+<!--
+ * @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">
+      <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">
+            <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">
+      <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>
+        </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">
+      <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">
+            <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">
+      <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">
+            <u-icon name="pause" size="30"></u-icon>
+          </text>
+        </view>
+      </u-circle-progress>
+    </view>
+    <u-action-sheet :list="chooseList()" v-model="show"></u-action-sheet>
+  </view>
+</template>
+<script>
+export default {
+  name: 'TimeStatus',
+  props: {
+    status: {
+      default: 0,
+      type: Number,
+    },
+  },
+  data() {
+    return {
+      time: 20,
+      start: [
+        {
+          text: '确认开始任务',
+          color: 'blue',
+        },
+      ],
+      pause: [
+        { text: '继续' },
+        {
+          text: '重新开始任务',
+          color: 'blue',
+        },
+        { text: '结束' },
+      ],
+      proceed: [
+        { text: '暂停' },
+        {
+          text: '重新开始任务',
+          color: 'blue',
+        },
+        { text: '结束' },
+      ],
+      again: [
+        {
+          text: '重新开始任务',
+          color: 'blue',
+        },
+      ],
+      change: 0,
+      show: false,
+    };
+  },
+  methods: {
+    chooseList() {
+      return this.start;
+    },
+    changeStatus(num) {
+      this.change === num;
+      this.show = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss"></style>

src/components/TimeLine/components/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/TimeLine/index.vue

@@ -0,0 +1,28 @@
+<!--
+ * @Author: aBin
+ * @email: binbin0314@126.com
+ * @Date: 2021-07-19 14:15:35
+ * @LastEditors: aBin
+ * @LastEditTime: 2021-07-19 16:44:12
+-->
+<template>
+  <view>
+    <Barrier />
+    <scroll-view scroll-y="true" style="height: 1000rpx">
+      <view style="position: relative">
+        <TimeBox />
+      </view>
+    </scroll-view>
+  </view>
+</template>
+<script>
+import Barrier from './components/Barrier.vue';
+import TimeBox from './components/TimeBox.vue';
+export default {
+  name: 'TimeLine',
+  components: { Barrier, TimeBox },
+  data() {
+    return {};
+  },
+};
+</script>

src/components/Title/Title.vue

@@ -0,0 +1,51 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-07-19 11:35:03
+ * @LastEditTime: 2021-07-20 14:08:56
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \TALL-MUI-3\src\components\Title\titleBar.vue
+-->
+<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,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';

src/pages.json

@@ -3,7 +3,8 @@
     {
       "path": "pages/index/index",
       "style": {
-        "navigationBarTitleText": "uni-app"
+        "navigationStyle": "custom" ,
+			  "navigationBarTextStyle": "white"
       }
     },
     {
@@ -23,6 +24,13 @@
       "style": {
         "navigationBarTitleText": "pinch 测试"
       }
+    },
+    {
+      "path": "components/Title/Title",
+      "style": {
+        "navigationStyle": "custom" ,
+			  "navigationBarTextStyle": "white"
+      }
     }
   ],
   "globalStyle": {

src/pages/index/index.vue

@@ -2,13 +2,18 @@
  * @Author: aBin
  * @email: binbin0314@126.com
  * @Date: 2021-07-19 10:09:22
- * @LastEditors: aBin
- * @LastEditTime: 2021-07-19 11:05:42
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-07-19 18:51:34
 -->
 <template>
-  <view class="container p-4 bg-gray-100">
-    <Globals />
-    <!-- <view class="mt-5">
+  <view>
+    <Title />
+    <Roles />
+    <view class="container bg-gray-100">
+      <Globals class="p-4" />
+      <TimeLine />
+      <!-- <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">
@@ -16,18 +21,29 @@
     </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 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' };
   },
-  onLoad() {},
+  onLoad() {
+    console.log(this.$u.config.v);
+    // this.openPage();
+  },
   methods: {
     openPage() {
       console.log('open');

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'