chore(passport): change drycc logo

Author: duanhongyi

rootfs/web/package.json

@@ -11,7 +11,8 @@
     "axios": "^0.21.1",
     "vant": "^3.0.17",
     "vue-i18n": "^9.0.0-alpha.16",
-    "vue-router": "^4.0.0-rc.1"
+    "vue-router": "^4.0.0-rc.1",
+    "@icon-park/vue-next": "^1.3.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^1.3.0",

rootfs/web/src/assets/home.css

@@ -123,14 +123,14 @@
 }
 
 .glostick__property .icon-logo {
-    background: url('data:image/svg+xml;utf8,<svg width="27" height="30" viewBox="0 0 27 30" xmlns="http://www.w3.org/2000/svg"><title>drycc-logo</title><path d="M3 0C1.13 0 0 1.11 0 2.903v24.194C0 28.883 1.13 30 3 30h21c1.863 0 3-1.11 3-2.903V2.903C26.994 1.11 25.863 0 24 0H3zm21.042 2c.508.006.958.448.958.929V27.07c0 .487-.45.929-.958.929H2.958C2.45 28 2 27.558 2 27.071V2.93c0-.488.45-.93.958-.93h21.084zM20 25h-2.781v-8.506c0-.774-.237-1.048-.468-1.208-1.396-.959-5.414-.042-7.834.916L7 17.012 7.006 5h2.816v7.917a20.99 20.99 0 0 1 1.882-.482c2.988-.643 5.184-.47 6.616.505.787.536 1.68 1.59 1.68 3.554V25zm-6-15h3.293A16.109 16.109 0 0 0 20 5h-3.287c-.49 1.188-1.385 3.188-2.713 5zM7 25v-7l3 3.5L7 25z" fill="%239E7CC1" fill-rule="evenodd"/></svg>');
     background-size: 27px 30px;
     width: 27px;
     height: 30px;
     display: inline-block;
     position: relative;
     opacity: 1;
     top: 10px;
+    left: 0px;
     margin-right: 7px;
 }
 

rootfs/web/src/components/NavBar.vue

@@ -3,8 +3,8 @@
   <nav class="glostick">
     <div class="glostick__property">
       <a class="glostick__property__name" href="/">
-        <i class="icon-logo"></i>
-        <svg width="62" height="11" viewBox="0 0 62 11" xmlns="http://www.w3.org/2000/svg"><title>Drycc</title><path d="M0 9.802h2.6V5.915h3.198v3.887h2.6V.182h-2.6v3.575H2.6V.182H0v9.62zm11.374 0h7.085V7.709h-4.485V5.928h3.042V3.9h-3.042V2.34h4.264V.182h-6.864v9.62zm9.567 0h2.548V6.461h.715l1.859 3.341h2.756l-2.041-3.679c1.26-.429 1.898-1.3 1.898-2.808 0-2.314-1.508-3.133-3.978-3.133H20.94v9.62zm2.548-5.317V2.288h1.118c1.066 0 1.534.286 1.534 1.092s-.468 1.105-1.534 1.105h-1.118zm12.257 5.499c2.314 0 4.72-1.469 4.72-4.992C40.465 1.469 38.06 0 35.745 0c-2.327 0-4.732 1.469-4.732 4.992 0 3.523 2.405 4.992 4.732 4.992zm0-2.08c-1.365 0-2.132-1.144-2.132-2.912s.767-2.847 2.132-2.847c1.352 0 2.12 1.079 2.12 2.847s-.768 2.912-2.12 2.912zm7.24 1.898h2.6v-2.99l.741-.858 2.275 3.848h2.938l-3.523-5.824L51.254.182h-3.016l-2.652 3.484V.182h-2.6v9.62zm14.624.143c2.808 0 4.03-1.456 4.03-4.004V.182h-2.548v5.746c0 1.326-.416 1.924-1.456 1.924s-1.469-.598-1.469-1.924V.182h-2.6v5.759c0 2.548 1.235 4.004 4.043 4.004z" fill="%238460AA" fill-rule="evenodd"></path></svg>
+        <icon-app-store size="3rem" class="icon-logo"/>
+        <span>DRYCC</span>
       </a>
     </div>
     <div class="glostick__user">

rootfs/web/src/main.js

@@ -4,6 +4,7 @@ import { createApp } from 'vue'
 import { Toast } from 'vant';
 import { i18n, setLang, getUAgentLang } from './lang'
 import 'vant/lib/index.css';
+import {install} from '@icon-park/vue-next/es/all';
 
 /**
  * 时间对象的格式化;
@@ -45,6 +46,7 @@ function init () {
 init()
 
 const app = createApp(App)
+install(app);
 app.use(router)
 app.use(i18n)
 app.use(Toast);

rootfs/web/yarn.lock

@@ -197,6 +197,11 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.1.tgz#1f1fe26fe0334404cce10740b5ffb2654f1281aa"
   integrity sha512-INN92dVBNgd0TW9BqfQQKx/HWGCHhUUbAV5EZ5FgSCiEdwuZsJbGt1mdnaD9IxGhpiyOjP2ClxGG8SFp7ELcWg==
 
+"@icon-park/vue-next@^1.3.5":
+  version "1.3.5"
+  resolved "https://registry.nlark.com/@icon-park/vue-next/download/@icon-park/vue-next-1.3.5.tgz#4c9cbe6c77c4f4dadbe60fd26b86b10ed4ad186b"
+  integrity sha1-TJy+bHfE9Nrb5g/Sa4axDtStGGs=
+
 axios@^0.21.1:
   version "0.21.1"
   resolved "https://registry.npm.taobao.org/axios/download/axios-0.21.1.tgz#22563481962f4d6bde9a76d516ef0e5d3c09b2b8"