diff --git a/index.html b/index.html index 44244a9..66fd4a2 100644 --- a/index.html +++ b/index.html @@ -44,11 +44,10 @@ - - - - - + + + +
diff --git a/package.json b/package.json index 11db894..9932852 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "dev": "vite --host", "build": "vite build", "report": "vite build", - "serve": "vite preview" + "preview": "vite preview" }, "dependencies": { "@jambonn/vue-lazyload": "1.0.9", @@ -34,6 +34,7 @@ "rollup-plugin-visualizer": "^5.9.2", "unplugin-vue-define-options": "^1.4.1", "unplugin-vue-macros": "^2.7.10", + "vite-plugin-cdn-import": "0.3.5", "vite": "4.5.2" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 99b1b47..7dc8608 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -72,16 +72,19 @@ devDependencies: version: 4.1.3 rollup-plugin-visualizer: specifier: ^5.9.2 - version: 5.12.0 + version: 5.12.0(rollup@2.79.1) unplugin-vue-define-options: specifier: ^1.4.1 - version: 1.4.2(vue@3.4.21) + version: 1.4.2(rollup@2.79.1)(vue@3.4.21) unplugin-vue-macros: specifier: ^2.7.10 - version: 2.7.10(vite@4.5.2)(vue@3.4.21) + version: 2.7.10(rollup@2.79.1)(vite@4.5.2)(vue@3.4.21) vite: specifier: 4.5.2 version: 4.5.2(less@4.1.3) + vite-plugin-cdn-import: + specifier: 0.3.5 + version: 0.3.5(rollup@2.79.1) packages: @@ -674,7 +677,15 @@ packages: resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==} dev: true - /@rollup/pluginutils@5.1.0: + /@rollup/pluginutils@4.2.1: + resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==} + engines: {node: '>= 8.0.0'} + dependencies: + estree-walker: 2.0.2 + picomatch: 2.3.1 + dev: true + + /@rollup/pluginutils@5.1.0(rollup@2.79.1): resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==} engines: {node: '>=14.0.0'} peerDependencies: @@ -686,6 +697,7 @@ packages: '@types/estree': 1.0.5 estree-walker: 2.0.2 picomatch: 2.3.1 + rollup: 2.79.1 dev: true /@types/estree@1.0.5: @@ -729,53 +741,53 @@ packages: vue: 3.4.21 dev: true - /@vue-macros/api@0.9.3(vue@3.4.21): + /@vue-macros/api@0.9.3(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-Yjq5gxdd97FIBNpxp7E2aRChqN6UVLEkRM6bgdaYDjbZsu6uvO2pkwQFQSx4Z0n8k/69KC4N05UQ1V68XF7I8Q==} engines: {node: '>=16.14.0'} dependencies: '@babel/types': 7.24.0 - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) resolve.exports: 2.0.2 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/better-define@1.7.3(vue@3.4.21): + /@vue-macros/better-define@1.7.3(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-vw1GemB2WVO2rqXN4e0YXibeaPWud0d88hJvN4FnslZ5oMrr/ne9oo28Dqj1FZWmB7UlOiJIIGrPxZyMrSG6uw==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/api': 0.9.3(vue@3.4.21) - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/api': 0.9.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/boolean-prop@0.3.2(vue@3.4.21): + /@vue-macros/boolean-prop@0.3.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-vdhjfpRsxln/XXiqIa3De3wJsZGRiiGWa6rMO3cp3E5954a8yBlGqdBWFy+wxOMdTnqm73Ag1JvWM2nm7VXNlQ==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-core': 3.4.21 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/chain-call@0.2.2(vue@3.4.21): + /@vue-macros/chain-call@0.2.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-eXmiGd8pNv+6Oy9m8U0rjwa7eY5KjRf0CriU+yZgnzW09G+7+w47gQuVQveLzY+KX1sbhOTOcajyjfhDqNVKfw==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/common@1.10.1(vue@3.4.21): + /@vue-macros/common@1.10.1(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-uftSpfwdwitcQT2lM8aVxcfe5rKQBzC9jMrtJM5sG4hEuFyfIvnJihpPpnaWxY+X4p64k+YYXtBFv+1O5Bq3dg==} engines: {node: '>=16.14.0'} peerDependencies: @@ -785,9 +797,9 @@ packages: optional: true dependencies: '@babel/types': 7.24.0 - '@rollup/pluginutils': 5.1.0 + '@rollup/pluginutils': 5.1.0(rollup@2.79.1) '@vue/compiler-sfc': 3.4.21 - ast-kit: 0.11.3 + ast-kit: 0.11.3(rollup@2.79.1) local-pkg: 0.5.0 magic-string-ast: 0.3.0 vue: 3.4.21 @@ -795,21 +807,21 @@ packages: - rollup dev: true - /@vue-macros/define-emit@0.2.3(vue@3.4.21): + /@vue-macros/define-emit@0.2.3(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-YTkjhQ+7qqb8goYLAgpJGxzR0pOvANYXh+tkhMzywxt0x+4HW+I2xkAQcRtfGNo3M/4FaM7CUXuTsm2vie39Ug==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/api': 0.9.3(vue@3.4.21) - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/api': 0.9.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: - rollup dev: true - /@vue-macros/define-models@1.2.2(vue@3.4.21): + /@vue-macros/define-models@1.2.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-dLR9pTUR/OOMwIFT5rn116meXv7fqVL5ImD0OA89JdYGxdtaxGDP8UJZV6qtIaBiAF+2KNEf6ZAF72ST250xOA==} engines: {node: '>=16.14.0'} peerDependencies: @@ -818,76 +830,76 @@ packages: '@vueuse/core': optional: true dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) - ast-walker-scope: 0.5.0 + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) + ast-walker-scope: 0.5.0(rollup@2.79.1) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/define-prop@0.3.3(vue@3.4.21): + /@vue-macros/define-prop@0.3.3(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-8W8U89+u5GzahdI5sO61nInXux+yWLGQx0Lq5/4Y2uj8kKj8aJvjie31y2CWREGq8q/jRT0MqT5ODs7JGt0IAQ==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/api': 0.9.3(vue@3.4.21) - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/api': 0.9.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: - rollup dev: true - /@vue-macros/define-props-refs@1.2.2(vue@3.4.21): + /@vue-macros/define-props-refs@1.2.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-ErqJrN+4mARONiBddT0S7PLINMuFcnN1LbpnEzZujFRgS2/5d9U/cAe/Jb4pvCTYSWecskCFNHk1/4YS/JAk4A==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: - rollup dev: true - /@vue-macros/define-props@2.0.3(@vue-macros/reactivity-transform@0.4.3)(vue@3.4.21): + /@vue-macros/define-props@2.0.3(@vue-macros/reactivity-transform@0.4.3)(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-OFkdhfEmDfP+ySqoQ8qeSvGxLpJPCaJrcMsiHu5DVqGcWou0RzkmxiQZu/PVZhk0p1DnV1lCCajut3jzhqLRXQ==} engines: {node: '>=16.14.0'} peerDependencies: '@vue-macros/reactivity-transform': ^0.4.3 vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) - '@vue-macros/reactivity-transform': 0.4.3(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/reactivity-transform': 0.4.3(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: - rollup dev: true - /@vue-macros/define-render@1.5.2(vue@3.4.21): + /@vue-macros/define-render@1.5.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-wqBDfJQ5JxCc5yhVdLInB6jaqXYBmgMkBD/mjJWJ7qiaj/sVkxq2h3uxjwInWgBH0eb0ZX+rAaYkFwg+uueEXg==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.0.0 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: - rollup dev: true - /@vue-macros/define-slots@1.1.2(vue@3.4.21): + /@vue-macros/define-slots@1.1.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-DYYWkNjIa+XQxGq4PbRyvg7sQUqV5jkOarM7cwf8b4BmybFUPcxbB/2JTf6xr/grHkGUHHRoUlZ7J8z8rhUH8Q==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.0.0 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: @@ -910,13 +922,13 @@ packages: - typescript dev: true - /@vue-macros/export-expose@0.1.2(vue@3.4.21): + /@vue-macros/export-expose@0.1.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-YQbbDRe133Zpgc0rB5KKJrrQMJvDaK25Ar1zeZDVUEKZ1rVAHWwbeSNbt7Fk4iVaLDzK4fA9dglTCkh7CR/9rg==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-sfc': 3.4.21 unplugin: 1.7.1 vue: 3.4.21 @@ -924,26 +936,26 @@ packages: - rollup dev: true - /@vue-macros/export-props@0.4.2(vue@3.4.21): + /@vue-macros/export-props@0.4.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-BtsWp2gqWHfCk264bT7C4t7FCiNeuYl45x8rQ51eE2uDQPUMnhPQgB8swmR4bhzH1PCU80NwqbGThzB3Mh7mqw==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 vue: 3.4.21 transitivePeerDependencies: - rollup dev: true - /@vue-macros/export-render@0.2.2(vue@3.4.21): + /@vue-macros/export-render@0.2.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-5E3aJB8umbm5OzsFic1HwNglPM8q/5s+A47o7wcpwOtnAnzwrhVyfZXyRW3mKPKidl4nufj0CemaJngf8soI1g==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-sfc': 3.4.21 unplugin: 1.7.1 vue: 3.4.21 @@ -951,33 +963,33 @@ packages: - rollup dev: true - /@vue-macros/hoist-static@1.5.2(vue@3.4.21): + /@vue-macros/hoist-static@1.5.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-XYDtRyXbhLwwXNojii7+wzZOz7Fk7n3uoZCsoFZn6f+Y2joEEmQtJnjE/hRsdc5HFrmpg/qICt8ZuwsE8RIyDw==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/jsx-directive@0.8.8(vue@3.4.21): + /@vue-macros/jsx-directive@0.8.8(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-gx7UaaHQ25hauh11PC5C5j6FUNDDCKpXTgh7yTDc4cLKSgqc575kXvJTzqmV9/p/QFF06/OKValxmOa5pH/wUg==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/named-template@0.4.2(vue@3.4.21): + /@vue-macros/named-template@0.4.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-YnKdJLd8KisT6z+RdgyLy0TIvq1HzW3i55hq94eNo4F+9rEo70h2YGmCDOElpvOElMj0R77i175nNiti+hkQfw==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-dom': 3.4.21 unplugin: 1.7.1 transitivePeerDependencies: @@ -985,14 +997,14 @@ packages: - vue dev: true - /@vue-macros/reactivity-transform@0.4.3(vue@3.4.21): + /@vue-macros/reactivity-transform@0.4.3(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-9z/Cf+fAjcPjEfrwLTWux97uJFRxdtWTwAIaDniQP78Jaw8rjlh2C4bxAQm2auAft9R/s24e5rkOf8C//N+o+Q==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: '@babel/parser': 7.24.0 - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-core': 3.4.21 '@vue/shared': 3.4.21 magic-string: 0.30.7 @@ -1002,11 +1014,11 @@ packages: - rollup dev: true - /@vue-macros/setup-block@0.3.2(vue@3.4.21): + /@vue-macros/setup-block@0.3.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-iJM9w7QuVj6OGKSFcsuT47VdVv68GI3PE4e7oVIFXVr9Y+0L6dLibhu8Ybeyfh0AP43Y9V46ZnEI49fh8ZmnRQ==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-dom': 3.4.21 unplugin: 1.7.1 transitivePeerDependencies: @@ -1014,55 +1026,55 @@ packages: - vue dev: true - /@vue-macros/setup-component@0.17.2(vue@3.4.21): + /@vue-macros/setup-component@0.17.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-KfZ2YcfJ5oMFO+BHnmWOClYlce1K7t8c9q4+2hIBc0L2LlCIQEmFnmqmCJAgyzyWai8h89udCD8UdKbnCznwPw==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/setup-sfc@0.17.2(vue@3.4.21): + /@vue-macros/setup-sfc@0.17.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-BV2B5M6w2B0jN16Oc10/mQk5WdQASzGe/ZMV9G59ZiGHVzL3m06nsq4JwXln2Gy+j3mdrfnUmaAtj7o70HPiOg==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/short-bind@0.2.2(vue@3.4.21): + /@vue-macros/short-bind@0.2.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-dBaZnWfoDcbUA4jMwLqsBa/QTjO0zgQb9TvMS0HDbaAUptBlJfi20g2sqmgdor32ih/SghuJjCtaNLKgTWVNaA==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-core': 3.4.21 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/short-emits@1.5.2(vue@3.4.21): + /@vue-macros/short-emits@1.5.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-p2ePSh2yT2FP0DM6vNuUBStl+jXcYdBkKZ17yqZpPN7f6Jw6A29Lrn+fW95VdqiUdvZckBzFOdT4sLELFlGfpA==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /@vue-macros/short-vmodel@1.4.2(vue@3.4.21): + /@vue-macros/short-vmodel@1.4.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-KTkz7/FIaOhdr2uM96nj/wxctirb6czVJIkzAcUJSTsdoF+J3JrRfarr0VzUvtwq5sFRMYPssuQgoOWD4WEpXQ==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) '@vue/compiler-core': 3.4.21 transitivePeerDependencies: - rollup @@ -1234,34 +1246,34 @@ packages: dev: false optional: true - /ast-kit@0.11.3: + /ast-kit@0.11.3(rollup@2.79.1): resolution: {integrity: sha512-qdwwKEhckRk0XE22/xDdmU3v/60E8Edu4qFhgTLIhGGDs/PAJwLw9pQn8Rj99PitlbBZbYpx0k/lbir4kg0SuA==} engines: {node: '>=16.14.0'} dependencies: '@babel/parser': 7.24.0 - '@rollup/pluginutils': 5.1.0 + '@rollup/pluginutils': 5.1.0(rollup@2.79.1) pathe: 1.1.2 transitivePeerDependencies: - rollup dev: true - /ast-kit@0.9.5: + /ast-kit@0.9.5(rollup@2.79.1): resolution: {integrity: sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==} engines: {node: '>=16.14.0'} dependencies: '@babel/parser': 7.24.0 - '@rollup/pluginutils': 5.1.0 + '@rollup/pluginutils': 5.1.0(rollup@2.79.1) pathe: 1.1.2 transitivePeerDependencies: - rollup dev: true - /ast-walker-scope@0.5.0: + /ast-walker-scope@0.5.0(rollup@2.79.1): resolution: {integrity: sha512-NsyHMxBh4dmdEHjBo1/TBZvCKxffmZxRYhmclfu0PP6Aftre47jOHYaYaNqJcV0bxihxFXhDkzLHUwHc0ocd0Q==} engines: {node: '>=16.14.0'} dependencies: '@babel/parser': 7.24.0 - ast-kit: 0.9.5 + ast-kit: 0.9.5(rollup@2.79.1) transitivePeerDependencies: - rollup dev: true @@ -1794,6 +1806,12 @@ packages: engines: {node: '>=0.12.0'} dev: true + /is-reference@1.2.1: + resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==} + dependencies: + '@types/estree': 1.0.5 + dev: true + /is-what@3.14.1: resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==} dev: true @@ -1883,6 +1901,12 @@ packages: magic-string: 0.30.7 dev: true + /magic-string@0.25.9: + resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==} + dependencies: + sourcemap-codec: 1.4.8 + dev: true + /magic-string@0.30.7: resolution: {integrity: sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==} engines: {node: '>=12'} @@ -2266,7 +2290,19 @@ packages: dev: false optional: true - /rollup-plugin-visualizer@5.12.0: + /rollup-plugin-external-globals@0.6.1(rollup@2.79.1): + resolution: {integrity: sha512-mlp3KNa5sE4Sp9UUR2rjBrxjG79OyZAh/QC18RHIjM+iYkbBwNXSo8DHRMZWtzJTrH8GxQ+SJvCTN3i14uMXIA==} + peerDependencies: + rollup: ^2.25.0 + dependencies: + '@rollup/pluginutils': 4.2.1 + estree-walker: 2.0.2 + is-reference: 1.2.1 + magic-string: 0.25.9 + rollup: 2.79.1 + dev: true + + /rollup-plugin-visualizer@5.12.0(rollup@2.79.1): resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==} engines: {node: '>=14'} hasBin: true @@ -2278,10 +2314,19 @@ packages: dependencies: open: 8.4.2 picomatch: 2.3.1 + rollup: 2.79.1 source-map: 0.7.4 yargs: 17.7.2 dev: true + /rollup@2.79.1: + resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==} + engines: {node: '>=10.0.0'} + hasBin: true + optionalDependencies: + fsevents: 2.3.3 + dev: true + /rollup@3.29.4: resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==} engines: {node: '>=14.18.0', npm: '>=8.0.0'} @@ -2364,6 +2409,11 @@ packages: engines: {node: '>= 8'} dev: true + /sourcemap-codec@1.4.8: + resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==} + deprecated: Please use @jridgewell/sourcemap-codec instead + dev: true + /string-width@4.2.3: resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==} engines: {node: '>=8'} @@ -2443,7 +2493,7 @@ packages: resolution: {integrity: sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==} dev: true - /unplugin-combine@0.8.1(vite@4.5.2): + /unplugin-combine@0.8.1(rollup@2.79.1)(vite@4.5.2): resolution: {integrity: sha512-m2OSmXXRwCPZx8Ct8eF8WbjgTo8bydim2W1ofu2hDabGdr2pgDAoFjOP1J4MOIwa0OByqk1JX8IGlSdeE6uxVQ==} engines: {node: '>=16.14.0'} peerDependencies: @@ -2462,56 +2512,57 @@ packages: optional: true dependencies: '@antfu/utils': 0.7.7 + rollup: 2.79.1 unplugin: 1.7.1 vite: 4.5.2(less@4.1.3) dev: true - /unplugin-vue-define-options@1.4.2(vue@3.4.21): + /unplugin-vue-define-options@1.4.2(rollup@2.79.1)(vue@3.4.21): resolution: {integrity: sha512-jQ3nJ1olC107QUA67UEB1CWJXnbVA7SF4UibKQF+jvME7UZ/XomctISHtAkJSJ9YHn0eqnqqzyNkng/KnLUZBw==} engines: {node: '>=16.14.0'} dependencies: - '@vue-macros/common': 1.10.1(vue@3.4.21) - ast-walker-scope: 0.5.0 + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) + ast-walker-scope: 0.5.0(rollup@2.79.1) unplugin: 1.7.1 transitivePeerDependencies: - rollup - vue dev: true - /unplugin-vue-macros@2.7.10(vite@4.5.2)(vue@3.4.21): + /unplugin-vue-macros@2.7.10(rollup@2.79.1)(vite@4.5.2)(vue@3.4.21): resolution: {integrity: sha512-4saYre3PEX2yL7CTAf4yvQ5Aq/qygTDxRXGnIoe4Lvg2IabMRlx4QiaKLNRuMY3kYLYKhXhxOcJKGy2O/iOfBg==} engines: {node: '>=16.14.0'} peerDependencies: vue: ^2.7.0 || ^3.2.25 dependencies: - '@vue-macros/better-define': 1.7.3(vue@3.4.21) - '@vue-macros/boolean-prop': 0.3.2(vue@3.4.21) - '@vue-macros/chain-call': 0.2.2(vue@3.4.21) - '@vue-macros/common': 1.10.1(vue@3.4.21) - '@vue-macros/define-emit': 0.2.3(vue@3.4.21) - '@vue-macros/define-models': 1.2.2(vue@3.4.21) - '@vue-macros/define-prop': 0.3.3(vue@3.4.21) - '@vue-macros/define-props': 2.0.3(@vue-macros/reactivity-transform@0.4.3)(vue@3.4.21) - '@vue-macros/define-props-refs': 1.2.2(vue@3.4.21) - '@vue-macros/define-render': 1.5.2(vue@3.4.21) - '@vue-macros/define-slots': 1.1.2(vue@3.4.21) + '@vue-macros/better-define': 1.7.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/boolean-prop': 0.3.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/chain-call': 0.2.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/common': 1.10.1(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-emit': 0.2.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-models': 1.2.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-prop': 0.3.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-props': 2.0.3(@vue-macros/reactivity-transform@0.4.3)(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-props-refs': 1.2.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-render': 1.5.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/define-slots': 1.1.2(rollup@2.79.1)(vue@3.4.21) '@vue-macros/devtools': 0.2.0(vite@4.5.2) - '@vue-macros/export-expose': 0.1.2(vue@3.4.21) - '@vue-macros/export-props': 0.4.2(vue@3.4.21) - '@vue-macros/export-render': 0.2.2(vue@3.4.21) - '@vue-macros/hoist-static': 1.5.2(vue@3.4.21) - '@vue-macros/jsx-directive': 0.8.8(vue@3.4.21) - '@vue-macros/named-template': 0.4.2(vue@3.4.21) - '@vue-macros/reactivity-transform': 0.4.3(vue@3.4.21) - '@vue-macros/setup-block': 0.3.2(vue@3.4.21) - '@vue-macros/setup-component': 0.17.2(vue@3.4.21) - '@vue-macros/setup-sfc': 0.17.2(vue@3.4.21) - '@vue-macros/short-bind': 0.2.2(vue@3.4.21) - '@vue-macros/short-emits': 1.5.2(vue@3.4.21) - '@vue-macros/short-vmodel': 1.4.2(vue@3.4.21) + '@vue-macros/export-expose': 0.1.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/export-props': 0.4.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/export-render': 0.2.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/hoist-static': 1.5.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/jsx-directive': 0.8.8(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/named-template': 0.4.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/reactivity-transform': 0.4.3(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/setup-block': 0.3.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/setup-component': 0.17.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/setup-sfc': 0.17.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/short-bind': 0.2.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/short-emits': 1.5.2(rollup@2.79.1)(vue@3.4.21) + '@vue-macros/short-vmodel': 1.4.2(rollup@2.79.1)(vue@3.4.21) unplugin: 1.7.1 - unplugin-combine: 0.8.1(vite@4.5.2) - unplugin-vue-define-options: 1.4.2(vue@3.4.21) + unplugin-combine: 0.8.1(rollup@2.79.1)(vite@4.5.2) + unplugin-vue-define-options: 1.4.2(rollup@2.79.1)(vue@3.4.21) vue: 3.4.21 transitivePeerDependencies: - '@vueuse/core' @@ -2548,6 +2599,14 @@ packages: dev: false optional: true + /vite-plugin-cdn-import@0.3.5(rollup@2.79.1): + resolution: {integrity: sha512-e1raoalfBiIhv+hnMeSp1UNjloDDBhHpeFxkwRRdPBmTdDRqdEEn8owUmT5u8UBSVCs4xN3n/od4a91vXEhXPQ==} + dependencies: + rollup-plugin-external-globals: 0.6.1(rollup@2.79.1) + transitivePeerDependencies: + - rollup + dev: true + /vite@4.5.2(less@4.1.3): resolution: {integrity: sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==} engines: {node: ^14.18.0 || >=16.0.0} diff --git a/src/assets/less/color.less b/src/assets/less/color.less deleted file mode 100644 index 85ec4ba..0000000 --- a/src/assets/less/color.less +++ /dev/null @@ -1,24 +0,0 @@ -@main-bg: rgb(21, 23, 36); -@active-main-bg: rgb(31, 37, 52); -@second-text-color: rgb(186, 186, 187); -@second-btn-color: rgb(58, 58, 70); -@second-btn-color-tran: rgba(58, 58, 70, .4); -@line-color: rgb(37, 45, 66); -@line-color2: rgb(56, 54, 67); -@footer-color: black; - -@primary-btn-color: rgb(252, 47, 86); -@disable-primary-btn-color: rgba(252, 47, 86, .5); - -@mask-dark: #000000bb; -@mask-light: transparent; -@mask-white: transparent; -@mask-lightgray: rgba(0, 0, 0, 0.25); - -.second-text-color { - color: @second-text-color; -} - -//消息页面 -@msg-subpage-card-bg: rgb(28, 30, 43); //二级页面，卡片背景 - diff --git a/src/assets/less/custom.less b/src/assets/less/custom.less index 938aade..d730a95 100644 --- a/src/assets/less/custom.less +++ b/src/assets/less/custom.less @@ -1,6 +1,3 @@ -@import "color"; -@import "variables"; - .op0 { opacity: 0; } @@ -20,7 +17,7 @@ } .row { - padding: 0 @padding-page; + padding: 0 var(--page-padding); display: flex; justify-content: space-between; align-items: center; @@ -29,13 +26,13 @@ &.no-active { &:active { - background: @main-bg; + background: var(--main-bg); } } &.active { &:active { - background: @active-main-bg; + background: var(--active-main-bg); } } @@ -44,7 +41,7 @@ } &.border { - border-bottom: 1px solid @line-color; + border-bottom: 1px solid var(--line-color); } @@ -65,7 +62,7 @@ display: flex; justify-content: space-between; align-items: center; - color: @second-text-color; + color: var(--second-text-color); img { margin-left: 5rem; @@ -79,7 +76,7 @@ width: @width; height: @width; border-radius: 50%; - background: @primary-btn-color; + background: var(--primary-btn-color); } .badge { @@ -88,7 +85,7 @@ color: white; padding: 1rem 6rem; border-radius: 10rem; - background: @primary-btn-color; + background: var(--primary-btn-color); } .badge2 { @@ -112,7 +109,7 @@ p { .line { height: 1rem; - background: @line-color2; + background: var(--line-color2); width: 100%; } @@ -256,3 +253,7 @@ p { justify-content: space-between; } +.second-text-color { + color: var(--second-text-color); +} + diff --git a/src/assets/less/index.less b/src/assets/less/index.less index 5e0bcaf..cef1dfd 100644 --- a/src/assets/less/index.less +++ b/src/assets/less/index.less @@ -1,11 +1,8 @@ -@import "variables"; //一些变量 @import "utils"; //for循环生成的 margin、padding、width、height类 @import "custom"; -//自定义的一些快捷css类 -@import "color"; -//颜色 +//颜色 @import "layout"; //布局 @import "anim"; @@ -15,13 +12,35 @@ --color-user: rgb(22, 24, 36); --color-message: rgb(21, 21, 21); --home-header-height: 40rem; + --footer-height: 56rem; + --common-header-height: 50rem; + --indicator-height: 43rem; + --padding-page: 15rem; + --main-bg: rgb(21, 23, 36); + --active-main-bg: rgb(31, 37, 52); + --second-text-color: rgb(186, 186, 187); + --second-btn-color: rgb(58, 58, 70); + --second-btn-color-tran: rgba(58, 58, 70, .4); + --line-color: rgb(37, 45, 66); + --line-color2: rgb(56, 54, 67); + --footer-color: black; + + --primary-btn-color: rgb(252, 47, 86); + --disable-primary-btn-color: rgba(252, 47, 86, .5); + + --mask-dark: #000000bb; + --mask-light: transparent; + --mask-white: transparent; + --mask-lightgray: rgba(0, 0, 0, 0.25); + //消息页面 + --msg-subpage-card-bg: rgb(28, 30, 43); //二级页面，卡片背景 } html, body { width: 100%; height: 100%; //background: #2e3244; - background: @main-bg; + background: var(--main-bg); font-size: 1px; //letter-spacing: .11rem; margin: 0; diff --git a/src/assets/less/variables.less b/src/assets/less/variables.less index 1b9db87..8b13789 100644 --- a/src/assets/less/variables.less +++ b/src/assets/less/variables.less @@ -1,5 +1 @@ -@footer-height: 56rem; -@header-height: 50rem; -@indicator-height: 43rem; -@padding-page: 15rem; \ No newline at end of file diff --git a/src/components/BaseButton.vue b/src/components/BaseButton.vue index 672f8c4..0880f49 100644 --- a/src/components/BaseButton.vue +++ b/src/components/BaseButton.vue @@ -123,12 +123,12 @@ export default { } &.primary { - background: @primary-btn-color; + background: var(--primary-btn-color); } &.dark { - background: @second-btn-color; - color: @second-text-color; + background: var(--second-btn-color); + color: var(--second-text-color); } &.dark2 { @@ -169,11 +169,11 @@ export default { &:active { &.primary { - background: @disable-primary-btn-color; + background: var(--disable-primary-btn-color); } &.dark { - background: @second-btn-color-tran; + background: var(--second-btn-color-tran); } &.green { @@ -197,11 +197,11 @@ export default { &.no-active { &:active { &.primary { - background: @primary-btn-color; + background: var(--primary-btn-color); } &.dark { - background: @second-btn-color; + background: var(--second-btn-color); } &.white { diff --git a/src/components/BaseHeader.vue b/src/components/BaseHeader.vue index b5d4dde..c007459 100644 --- a/src/components/BaseHeader.vue +++ b/src/components/BaseHeader.vue @@ -70,7 +70,7 @@ export default { display: flex; justify-content: center; align-items: center; - height: @header-height; + height: var(--common-header-height); box-sizing: border-box; border-bottom: 1px solid #cccccc11; position: relative; diff --git a/src/components/Call.vue b/src/components/Call.vue index 633dd1f..77a8c8a 100644 --- a/src/components/Call.vue +++ b/src/components/Call.vue @@ -135,7 +135,7 @@ export default { diff --git a/src/components/NoMore.vue b/src/components/NoMore.vue index 5780380..d59e742 100644 --- a/src/components/NoMore.vue +++ b/src/components/NoMore.vue @@ -19,6 +19,6 @@ export default { display: flex; align-items: center; justify-content: center; - color: @second-text-color; + color: var(--second-text-color); } diff --git a/src/components/Search.vue b/src/components/Search.vue index a84c977..33cf81b 100644 --- a/src/components/Search.vue +++ b/src/components/Search.vue @@ -72,7 +72,7 @@ export default { diff --git a/src/pages/home/SearchPage.vue b/src/pages/home/SearchPage.vue index f48d29f..2879d17 100644 --- a/src/pages/home/SearchPage.vue +++ b/src/pages/home/SearchPage.vue @@ -684,7 +684,7 @@ export default { border-radius: 2rem; &.hot { - background: @primary-btn-color; + background: var(--primary-btn-color); } &.new { @@ -694,14 +694,14 @@ export default { .header { z-index: 4; - background: @main-bg; + background: var(--main-bg); height: 60rem; font-size: 14rem; - padding: 0 @padding-page; + padding: 0 var(--page-padding); display: flex; justify-content: space-between; align-items: center; - border-bottom: 1px solid @line-color; + border-bottom: 1px solid var(--line-color); position: fixed; width: 100vw; box-sizing: border-box; @@ -729,12 +729,12 @@ export default { .history-expand { text-align: center; padding: 10rem; - color: @second-text-color; + color: var(--second-text-color); } } .guess { - padding: 0 @padding-page; + padding: 0 var(--page-padding); .title { font-size: 14rem; @@ -744,7 +744,7 @@ export default { justify-content: space-between; .right { - color: @second-text-color; + color: var(--second-text-color); display: flex; align-items: center; @@ -788,7 +788,7 @@ export default { font-size: 14rem; .tab { - color: @second-text-color; + color: var(--second-text-color); margin-right: 20rem; &.active { @@ -809,9 +809,9 @@ export default { .slide0 { box-sizing: border-box; - margin: 0 @padding-page 50rem @padding-page; + margin: 0 var(--page-padding) 50rem var(--page-padding); background: linear-gradient(to right, rgb(32, 29, 36), rgb(50, 29, 38)); - padding: @padding-page; + padding: var(--page-padding); border-radius: 10rem; .l-row { @@ -819,7 +819,7 @@ export default { display: flex; margin-bottom: 16rem; align-items: center; - color: @second-text-color; + color: var(--second-text-color); .rank-wrapper { display: flex; @@ -868,10 +868,10 @@ export default { .slide1 { box-sizing: border-box; - margin: 0 @padding-page 50rem @padding-page; + margin: 0 var(--page-padding) 50rem var(--page-padding); background: rgb(20, 22, 34); border: 1px solid rgba(31, 34, 52, 0.5); - padding: @padding-page; + padding: var(--page-padding); border-radius: 10rem; .l-row { @@ -879,7 +879,7 @@ export default { display: flex; margin-bottom: 10rem; align-items: center; - color: @second-text-color; + color: var(--second-text-color); &:active { opacity: .5; @@ -927,7 +927,7 @@ export default { width: @width; height: @width; border-radius: 50%; - background: @primary-btn-color; + background: var(--primary-btn-color); .avatar { width: @width - 0.3; @@ -952,10 +952,10 @@ export default { align-items: center; justify-content: center; font-size: 10rem; - color: @second-text-color; + color: var(--second-text-color); margin-left: 5rem; border-radius: 2rem; - background: @second-btn-color-tran; + background: var(--second-btn-color-tran); .type2 { margin-right: 2rem; @@ -981,10 +981,10 @@ export default { .slide2 { box-sizing: border-box; - margin: 0 @padding-page 50rem @padding-page; + margin: 0 var(--page-padding) 50rem var(--page-padding); background: rgb(20, 22, 34); border: 1px solid rgba(31, 34, 52, 0.5); - padding: @padding-page; + padding: var(--page-padding); border-radius: 10rem; .l-row { @@ -992,7 +992,7 @@ export default { display: flex; margin-bottom: 10rem; align-items: center; - color: @second-text-color; + color: var(--second-text-color); &:active { opacity: .5; @@ -1068,14 +1068,14 @@ export default { .slide3 { box-sizing: border-box; - margin: 0 @padding-page 50rem @padding-page; + margin: 0 var(--page-padding) 50rem var(--page-padding); border-radius: 10rem; .slide4-wrapper { - padding: 5rem @padding-page; + padding: 5rem var(--page-padding); .brands { - color: @second-text-color; + color: var(--second-text-color); font-size: 12rem; margin-bottom: 15rem; display: flex; @@ -1084,11 +1084,11 @@ export default { border-radius: 2rem; margin-right: 10rem; padding: 5rem 10rem; - background: @second-btn-color-tran; + background: var(--second-btn-color-tran); &.active { color: white; - background: @second-btn-color; + background: var(--second-btn-color); } } } @@ -1098,7 +1098,7 @@ export default { display: flex; margin-bottom: 10rem; align-items: center; - color: @second-text-color; + color: var(--second-text-color); &:active { opacity: .5; @@ -1149,7 +1149,7 @@ export default { width: @width; height: @width; border-radius: 50%; - background: @primary-btn-color; + background: var(--primary-btn-color); .avatar-out-line { width: @width; @@ -1157,7 +1157,7 @@ export default { position: absolute; background: transparent; border-radius: 50%; - border: 2rem solid @primary-btn-color; + border: 2rem solid var(--primary-btn-color); animation: avatar-out-line 1s infinite; @keyframes avatar-out-line { @@ -1223,7 +1223,7 @@ export default { } .ad { - background: @second-btn-color-tran; + background: var(--second-btn-color-tran); display: flex; align-items: center; justify-content: center; diff --git a/src/pages/home/SubmitReport.vue b/src/pages/home/SubmitReport.vue index b941dc5..5dcfdb0 100644 --- a/src/pages/home/SubmitReport.vue +++ b/src/pages/home/SubmitReport.vue @@ -91,7 +91,7 @@ export default { .title { font-size: 12rem; padding: 10rem 15rem; - color: @second-text-color; + color: var(--second-text-color); border-bottom: 1px solid #cccccc11; img { @@ -106,7 +106,7 @@ export default { .textarea-ctn { width: 100%; - background: @active-main-bg; + background: var(--active-main-bg); padding: 15rem; box-sizing: border-box; margin-top: 10rem; @@ -122,7 +122,7 @@ export default { color: white; &::placeholder { - color: @second-text-color; + color: var(--second-text-color); } } } @@ -130,7 +130,7 @@ export default { .text-num { margin-top: 5rem; font-size: 10rem; - color: @second-text-color; + color: var(--second-text-color); text-align: right; } } @@ -159,7 +159,7 @@ export default { position: absolute; right: 0; top: 0; - background: @second-btn-color; + background: var(--second-btn-color); padding: 3rem; width: 10rem; height: 10rem; @@ -172,10 +172,10 @@ export default { display: flex; flex-direction: column; justify-content: center; - color: @second-text-color; + color: var(--second-text-color); font-size: 12rem; align-items: center; - background: @second-btn-color-tran; + background: var(--second-btn-color-tran); img { width: 35rem; diff --git a/src/pages/home/components/FollowSetting.vue b/src/pages/home/components/FollowSetting.vue index 277621a..dd1312f 100644 --- a/src/pages/home/components/FollowSetting.vue +++ b/src/pages/home/components/FollowSetting.vue @@ -143,7 +143,7 @@ export default { .subtitle { margin-top: 5rem; - color: @second-text-color; + color: var(--second-text-color); font-size: 13rem; } diff --git a/src/pages/home/components/FollowSetting2.vue b/src/pages/home/components/FollowSetting2.vue index e951711..882e83b 100644 --- a/src/pages/home/components/FollowSetting2.vue +++ b/src/pages/home/components/FollowSetting2.vue @@ -109,7 +109,7 @@ export default { .subtitle { margin-top: 5rem; - color: @second-text-color; + color: var(--second-text-color); font-size: 13rem; } diff --git a/src/pages/home/components/IndicatorHome.vue b/src/pages/home/components/IndicatorHome.vue index 507854f..d6448ab 100644 --- a/src/pages/home/components/IndicatorHome.vue +++ b/src/pages/home/components/IndicatorHome.vue @@ -192,7 +192,7 @@ export default { diff --git a/src/pages/message/RedPacketDetail.vue b/src/pages/message/RedPacketDetail.vue index 3588972..6f4ee59 100644 --- a/src/pages/message/RedPacketDetail.vue +++ b/src/pages/message/RedPacketDetail.vue @@ -41,7 +41,7 @@ export default {