优化
This commit is contained in:
zyronon
parent
bc9a9fc2e2
commit
77f83f4f30
@ -44,11 +44,10 @@
|
||||
<script crossorigin="anonymous"
|
||||
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
|
||||
src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js" type="application/javascript"></script>
|
||||
<!-- <script crossorigin="anonymous"-->
|
||||
<!-- integrity="sha512-KkkY/3auRhaXDFzFMpwtZ+BrS8EBQ+GfiBxdJ9jGMi6Gg74/sYbq/IZpY593pkNjTmbeRfBwjpZo+7gcpH45Ww=="-->
|
||||
<!-- src="https://lib.baomitu.com/eruda/3.0.1/eruda.min.js"></script>-->
|
||||
<!-- <script>eruda.init();</script>-->
|
||||
<!-- <script crossorigin="anonymous"-->
|
||||
<!-- integrity="sha512-KkkY/3auRhaXDFzFMpwtZ+BrS8EBQ+GfiBxdJ9jGMi6Gg74/sYbq/IZpY593pkNjTmbeRfBwjpZo+7gcpH45Ww=="-->
|
||||
<!-- src="https://lib.baomitu.com/eruda/3.0.1/eruda.min.js"></script>-->
|
||||
<!-- <script>eruda.init();</script>-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
@ -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"
|
||||
}
|
||||
}
|
||||
|
||||
255
pnpm-lock.yaml
255
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}
|
||||
|
||||
@ -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); //二级页面，卡片背景
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -1,5 +1 @@
|
||||
@footer-height: 56rem;
|
||||
@header-height: 50rem;
|
||||
@indicator-height: 43rem;
|
||||
|
||||
@padding-page: 15rem;
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -135,7 +135,7 @@ export default {
|
||||
</style>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.call-float {
|
||||
transition-property: all;
|
||||
@ -144,7 +144,7 @@ export default {
|
||||
height: 90rem;
|
||||
position: fixed;
|
||||
top: 20vh;
|
||||
left: @padding-page;
|
||||
left: var(--page-padding);
|
||||
background: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -191,7 +191,7 @@ export default {
|
||||
> .header {
|
||||
transition: all .3s;
|
||||
width: 100%;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
@ -279,7 +279,7 @@ export default {
|
||||
height: 90rem;
|
||||
position: fixed;
|
||||
top: 20vh;
|
||||
left: @padding-page;
|
||||
left: var(--page-padding);
|
||||
border-radius: 6rem;
|
||||
|
||||
.float {
|
||||
|
||||
@ -419,7 +419,7 @@ export default {
|
||||
margin: 5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.gang {
|
||||
background: #d5d5d5;
|
||||
@ -445,7 +445,7 @@ export default {
|
||||
|
||||
|
||||
.name {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-bottom: 5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -479,12 +479,12 @@ export default {
|
||||
}
|
||||
|
||||
.reply-text {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
.love {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
||||
@ -96,7 +96,7 @@ export default {
|
||||
|
||||
.title {
|
||||
font-size: 14rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
.code {
|
||||
@ -148,7 +148,7 @@ export default {
|
||||
}
|
||||
|
||||
span {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 10rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
||||
@ -87,14 +87,14 @@ export default {
|
||||
font-size: 14rem;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: @footer-height;
|
||||
height: var(--footer-height);
|
||||
//border-top: 1px solid #7b7878;
|
||||
z-index: 2;
|
||||
//不用bottom：0是因为，在进行页面切换的时候，vue的transition
|
||||
// 会使footer的bottom：0失效，不能准确定位
|
||||
top: calc(var(--vh, 1vh) * 100 - @footer-height);
|
||||
top: calc(var(--vh, 1vh) * 100 - var(--footer-height));
|
||||
//bottom: 0;
|
||||
background: @footer-color;
|
||||
background: var(--footer-color);
|
||||
color: white;
|
||||
display: flex;
|
||||
//justify-content: space-between;
|
||||
|
||||
@ -53,7 +53,7 @@ export default {
|
||||
}
|
||||
|
||||
.red {
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
animation: anim-red .4s ease-in-out 0s infinite alternate;
|
||||
}
|
||||
|
||||
|
||||
@ -18,7 +18,6 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.Mask {
|
||||
@ -28,22 +27,22 @@ export default {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: @mask-dark;
|
||||
background: var(--mask-dark);
|
||||
|
||||
&.dark {
|
||||
background: @mask-dark;
|
||||
background: var(--mask-dark);
|
||||
}
|
||||
|
||||
&.light {
|
||||
background: @mask-light;
|
||||
background: var(--mask-light);
|
||||
}
|
||||
|
||||
&.lightgray {
|
||||
background: @mask-lightgray;
|
||||
background: var(--mask-lightgray);
|
||||
}
|
||||
|
||||
&.white {
|
||||
background: @mask-white;
|
||||
background: var(--mask-white);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -19,6 +19,6 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -72,7 +72,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "../assets/less/color";
|
||||
@import "../assets/less/variables";
|
||||
|
||||
.search-ctn {
|
||||
display: flex;
|
||||
@ -80,7 +80,7 @@ export default {
|
||||
|
||||
&.dark {
|
||||
.search {
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
}
|
||||
}
|
||||
|
||||
@ -126,7 +126,7 @@ export default {
|
||||
background: transparent;
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -253,7 +253,7 @@ export default {
|
||||
height: 14rem;
|
||||
padding: 6rem;
|
||||
border-radius: 50%;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
//background: rgb(56, 58, 57);
|
||||
}
|
||||
}
|
||||
@ -307,7 +307,7 @@ export default {
|
||||
padding: 13rem;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
//background: rgb(56, 58, 57);
|
||||
}
|
||||
}
|
||||
@ -345,7 +345,7 @@ export default {
|
||||
}
|
||||
|
||||
span {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 10rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
@ -369,12 +369,12 @@ export default {
|
||||
height: @icon-width;
|
||||
padding: 10rem;
|
||||
border-radius: 50%;
|
||||
//background: @second-btn-color;
|
||||
//background: var(--second-btn-color);
|
||||
background: rgb(56, 58, 57);
|
||||
}
|
||||
|
||||
span {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 10rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
@ -418,7 +418,7 @@ export default {
|
||||
margin: 10rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.check {
|
||||
margin-right: 10rem;
|
||||
|
||||
@ -378,7 +378,7 @@ function touchEnd(e) {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.fade1-enter-active,
|
||||
.fade1-leave-active {
|
||||
@ -424,7 +424,7 @@ function touchEnd(e) {
|
||||
bottom: 20rem;
|
||||
right: 20rem;
|
||||
padding: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
width: 20rem;
|
||||
}
|
||||
}
|
||||
@ -443,7 +443,7 @@ function touchEnd(e) {
|
||||
.notice {
|
||||
font-size: 12rem;
|
||||
height: 40rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -458,7 +458,7 @@ function touchEnd(e) {
|
||||
padding: 7rem;
|
||||
|
||||
.video {
|
||||
background: @active-main-bg;
|
||||
background: var(--active-main-bg);
|
||||
border-radius: 5rem;
|
||||
padding: 10rem;
|
||||
margin-bottom: 7rem;
|
||||
@ -483,7 +483,7 @@ function touchEnd(e) {
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -524,7 +524,7 @@ function touchEnd(e) {
|
||||
}
|
||||
|
||||
.audio {
|
||||
background: @active-main-bg;
|
||||
background: var(--active-main-bg);
|
||||
border-radius: 5rem;
|
||||
padding: 10rem;
|
||||
|
||||
@ -548,7 +548,7 @@ function touchEnd(e) {
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -570,7 +570,7 @@ function touchEnd(e) {
|
||||
|
||||
.title {
|
||||
margin-top: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -623,7 +623,7 @@ function touchEnd(e) {
|
||||
}
|
||||
|
||||
.number {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
margin-left: 5rem;
|
||||
@ -643,14 +643,14 @@ function touchEnd(e) {
|
||||
.info {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
padding: 0 20rem;
|
||||
border-radius: 10rem 10rem 0 0;
|
||||
margin-top: -20rem;
|
||||
|
||||
.heat {
|
||||
padding: 15rem 0;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -688,13 +688,13 @@ function touchEnd(e) {
|
||||
.more {
|
||||
margin-top: 10rem;
|
||||
margin-bottom: 20rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
|
||||
.item {
|
||||
padding: 2rem 5rem;
|
||||
border-radius: 2rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
font-size: 10rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -743,7 +743,7 @@ function touchEnd(e) {
|
||||
}
|
||||
|
||||
.bottom {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
}
|
||||
}
|
||||
@ -778,7 +778,7 @@ function touchEnd(e) {
|
||||
width: calc(100% - 5rem);
|
||||
color: white;
|
||||
border-radius: 4rem;
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
height: @width;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -800,7 +800,7 @@ function touchEnd(e) {
|
||||
.l-button {
|
||||
color: white;
|
||||
border-radius: 5rem;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
height: @width;
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
@ -828,7 +828,7 @@ function touchEnd(e) {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4rem;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
color: white;
|
||||
|
||||
&.option-recommend {
|
||||
@ -872,7 +872,7 @@ function touchEnd(e) {
|
||||
.title {
|
||||
padding-left: 20rem;
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -892,7 +892,7 @@ function touchEnd(e) {
|
||||
|
||||
.friend {
|
||||
position: relative;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
margin-right: 10rem;
|
||||
padding: 10rem;
|
||||
display: flex;
|
||||
@ -916,7 +916,7 @@ function touchEnd(e) {
|
||||
.tips {
|
||||
margin-top: 5rem;
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.button {
|
||||
@ -941,14 +941,14 @@ function touchEnd(e) {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.total {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -986,10 +986,10 @@ function touchEnd(e) {
|
||||
|
||||
|
||||
&.fixed {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
img {
|
||||
background: @main-bg !important;
|
||||
background: var(--main-bg) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1011,7 +1011,7 @@ function touchEnd(e) {
|
||||
color: white;
|
||||
font-size: 12rem;
|
||||
align-items: center;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
height: 22rem;
|
||||
border-radius: 40rem;
|
||||
padding: 1rem 10rem 1rem 1rem;
|
||||
|
||||
@ -376,7 +376,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "../assets/less/color";
|
||||
@import "../assets/less/variables";
|
||||
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
@ -548,7 +548,7 @@ export default {
|
||||
font-size: 12rem;
|
||||
padding: 4rem;
|
||||
border-radius: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
|
||||
.gang {
|
||||
height: 8rem;
|
||||
@ -600,7 +600,7 @@ export default {
|
||||
|
||||
.right {
|
||||
margin: 0 10px;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.name {
|
||||
margin-right: 10px;
|
||||
|
||||
@ -116,7 +116,7 @@ export default {
|
||||
font-size: 13rem;
|
||||
|
||||
&.gray {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -142,7 +142,7 @@ export default {
|
||||
border-right: 1px solid whitesmoke;
|
||||
|
||||
&.gray {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -202,7 +202,7 @@ export default {
|
||||
transition: all .3s;
|
||||
|
||||
&.dark {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
}
|
||||
|
||||
&.light {
|
||||
@ -229,10 +229,10 @@ export default {
|
||||
align-items: center;
|
||||
|
||||
&.dark {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.content {
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -91,7 +91,7 @@ export default {
|
||||
font-size: 13rem;
|
||||
|
||||
&.gray{
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -355,7 +355,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "../../assets/less/color";
|
||||
@import "../../assets/less/variables";
|
||||
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
@ -499,7 +499,7 @@ export default {
|
||||
font-size: 12rem;
|
||||
padding: 4rem;
|
||||
border-radius: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
|
||||
.gang {
|
||||
height: 8rem;
|
||||
@ -551,7 +551,7 @@ export default {
|
||||
|
||||
.right {
|
||||
margin: 0 10px;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.name {
|
||||
margin-right: 10px;
|
||||
@ -678,12 +678,12 @@ export default {
|
||||
|
||||
.bg {
|
||||
height: @h;
|
||||
background: @active-main-bg;
|
||||
background: var(--active-main-bg);
|
||||
}
|
||||
|
||||
.progress-line {
|
||||
height: @h;
|
||||
background: @second-text-color;
|
||||
background: var(--second-text-color);
|
||||
}
|
||||
|
||||
.point {
|
||||
|
||||
@ -119,12 +119,12 @@ export default {
|
||||
.indicator-ctn {
|
||||
font-size: 14rem;
|
||||
width: 100%;
|
||||
height: @indicator-height;
|
||||
height: var(--indicator-height);
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
|
||||
@ -120,7 +120,7 @@ export default {
|
||||
.indicator-ctn {
|
||||
font-size: 14rem;
|
||||
width: 100%;
|
||||
height: @indicator-height;
|
||||
height: var(--indicator-height);
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@ -137,7 +137,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
transition: color .3s;
|
||||
|
||||
&.active {
|
||||
|
||||
@ -76,7 +76,7 @@ const state = reactive({
|
||||
</template>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "../../assets/less/color";
|
||||
@import "../../assets/less/variables";
|
||||
|
||||
.item-desc {
|
||||
position: absolute;
|
||||
@ -98,7 +98,7 @@ const state = reactive({
|
||||
font-size: 12rem;
|
||||
padding: 4rem;
|
||||
border-radius: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
|
||||
.gang {
|
||||
height: 8rem;
|
||||
@ -147,7 +147,7 @@ const state = reactive({
|
||||
|
||||
.right {
|
||||
margin: 0 10px;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.name {
|
||||
margin-right: 10px;
|
||||
|
||||
@ -582,7 +582,7 @@ function canNext(isNext, e) {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#SlideAlbum {
|
||||
transition: height .3s;
|
||||
@ -656,7 +656,7 @@ function canNext(isNext, e) {
|
||||
}
|
||||
</style>
|
||||
<style lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.preview {
|
||||
transition: opacity .3s;
|
||||
@ -687,9 +687,9 @@ function canNext(isNext, e) {
|
||||
}
|
||||
|
||||
.indicator {
|
||||
background: @footer-color;
|
||||
background: var(--footer-color);
|
||||
width: 100%;
|
||||
height: @footer-height;
|
||||
height: var(--footer-height);
|
||||
color: gray;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -706,10 +706,10 @@ function canNext(isNext, e) {
|
||||
bottom: 0;
|
||||
color: white;
|
||||
font-size: 24rem;
|
||||
background: @footer-color;
|
||||
background: var(--footer-color);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
height: @footer-height;
|
||||
height: var(--footer-height);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
@ -349,7 +349,7 @@ export default {
|
||||
height: @width;
|
||||
margin: 0 3rem;
|
||||
border-radius: 50%;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
|
||||
&.active {
|
||||
background: white;
|
||||
|
||||
@ -160,7 +160,7 @@ onMounted(() => {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
@fColor: #f1f1f1;
|
||||
|
||||
@ -289,7 +289,7 @@ onMounted(() => {
|
||||
.Scroll {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
height: calc(var(--vh, 1vh) * 100 - @footer-height * 2) !important;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--footer-height) * 2) !important;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
|
||||
@ -263,7 +263,7 @@ export default {
|
||||
}
|
||||
|
||||
.left {
|
||||
background: linear-gradient(to right, @primary-btn-color, rgba(252, 47, 86, .2));
|
||||
background: linear-gradient(to right, var(--primary-btn-color), rgba(252, 47, 86, .2));
|
||||
padding: 5rem;
|
||||
border-radius: 50rem;
|
||||
display: flex;
|
||||
@ -439,11 +439,11 @@ export default {
|
||||
margin-top: 10rem;
|
||||
|
||||
.left {
|
||||
margin-left: @padding-page;
|
||||
margin-left: var(--page-padding);
|
||||
|
||||
.liver {
|
||||
box-sizing: border-box;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
display: flex;
|
||||
padding: 3rem 4rem 3rem 2rem;
|
||||
align-items: center;
|
||||
@ -482,7 +482,7 @@ export default {
|
||||
.follow-btn {
|
||||
height: 30rem;
|
||||
width: 45rem;
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
border-radius: 30rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -493,7 +493,7 @@ export default {
|
||||
}
|
||||
|
||||
.left-bottom {
|
||||
margin-top: calc(@padding-page / 2);
|
||||
margin-top: calc(var(--page-padding) / 2);
|
||||
display: flex;
|
||||
font-size: 12rem;
|
||||
|
||||
@ -533,7 +533,7 @@ export default {
|
||||
|
||||
.count {
|
||||
font-size: 12rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -570,7 +570,7 @@ export default {
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-bottom: 10rem;
|
||||
display: flex;
|
||||
|
||||
@ -681,7 +681,7 @@ export default {
|
||||
@width: 35rem;
|
||||
|
||||
.avatar-wrapper {
|
||||
background: linear-gradient(to bottom, #000000, @primary-btn-color);
|
||||
background: linear-gradient(to bottom, #000000, var(--primary-btn-color));
|
||||
border-radius: 20rem;
|
||||
width: calc(@width + 2rem);
|
||||
display: flex;
|
||||
|
||||
@ -235,7 +235,7 @@ export default {
|
||||
position: fixed;
|
||||
z-index: 9;
|
||||
top: 0;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 15rem;
|
||||
@ -334,7 +334,7 @@ export default {
|
||||
width: 70rem;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
border-radius: 2rem;
|
||||
font-size: 13rem;
|
||||
|
||||
@ -379,7 +379,7 @@ export default {
|
||||
}
|
||||
|
||||
.primary {
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
@ -442,7 +442,7 @@ export default {
|
||||
}
|
||||
|
||||
.fixed-header {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
@ -545,7 +545,7 @@ export default {
|
||||
|
||||
.author, .desc-bottom {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.desc-bottom {
|
||||
@ -582,7 +582,7 @@ export default {
|
||||
}
|
||||
|
||||
.bottom {
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
padding: 10rem 15rem;
|
||||
margin-left: 33rem;
|
||||
margin-top: 15rem;
|
||||
@ -595,7 +595,7 @@ export default {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 8rem solid transparent;
|
||||
border-bottom: 8rem solid @second-btn-color-tran;
|
||||
border-bottom: 8rem solid var(--second-btn-color-tran);
|
||||
position: absolute;
|
||||
left: 20rem;
|
||||
top: -15rem;
|
||||
|
||||
@ -124,7 +124,7 @@ export default {
|
||||
.footer {
|
||||
font-size: 15rem;
|
||||
font-weight: bold;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.base-slide-item {
|
||||
display: flex;
|
||||
|
||||
@ -142,7 +142,7 @@ export default {
|
||||
.title {
|
||||
font-size: 12rem;
|
||||
padding: 10rem 15rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
width: 10rem;
|
||||
@ -155,7 +155,7 @@ export default {
|
||||
.line {
|
||||
width: calc(100% - 30rem);
|
||||
margin-left: 15rem;
|
||||
background: @line-color;
|
||||
background: var(--line-color);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -143,7 +143,7 @@ export default {
|
||||
|
||||
.subtitle {
|
||||
margin-top: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 13rem;
|
||||
}
|
||||
|
||||
|
||||
@ -109,7 +109,7 @@ export default {
|
||||
|
||||
.subtitle {
|
||||
margin-top: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 13rem;
|
||||
}
|
||||
|
||||
|
||||
@ -192,7 +192,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.indicator-home {
|
||||
position: absolute;
|
||||
@ -306,7 +306,7 @@ export default {
|
||||
padding-right: 10rem;
|
||||
padding-bottom: 10rem;
|
||||
width: 100%;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
|
||||
@ -150,7 +150,7 @@ export default {
|
||||
|
||||
.notice {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.l-row {
|
||||
@ -191,7 +191,7 @@ export default {
|
||||
color: black;
|
||||
|
||||
&::placeholder {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -200,7 +200,7 @@ export default {
|
||||
margin-top: 8rem;
|
||||
margin-bottom: 8rem;
|
||||
font-size: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
@ -280,12 +280,12 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
border-radius: 2px;
|
||||
|
||||
&.shared {
|
||||
background: lightgray;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -182,7 +182,7 @@ export default {
|
||||
padding: 0 15rem;
|
||||
|
||||
.index {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
height: 60rem;
|
||||
line-height: 60rem;
|
||||
font-size: 13rem;
|
||||
@ -224,14 +224,14 @@ export default {
|
||||
|
||||
.create-chat {
|
||||
padding-bottom: 40rem;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.search-ctn {
|
||||
padding: 0 15rem;
|
||||
}
|
||||
|
||||
.joined-chat-group-nav {
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
height: 50rem;
|
||||
padding: 0 15rem;
|
||||
display: flex;
|
||||
@ -257,7 +257,7 @@ export default {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
//background: red;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -275,7 +275,7 @@ export default {
|
||||
border-radius: 2rem;
|
||||
|
||||
&.primary {
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -294,14 +294,14 @@ export default {
|
||||
.notice-h2 {
|
||||
margin-top: 10rem;
|
||||
font-size: 14rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.joined-chat-group {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.nav {
|
||||
font-size: 16rem;
|
||||
@ -357,7 +357,7 @@ export default {
|
||||
|
||||
.num {
|
||||
margin-left: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -255,7 +255,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.video-share {
|
||||
height: 60vh;
|
||||
@ -267,7 +267,7 @@ export default {
|
||||
.friends {
|
||||
border-radius: 10rem;
|
||||
margin: 10rem;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
@avatar-width: 38rem;
|
||||
font-size: 14rem;
|
||||
background: white;
|
||||
|
||||
@ -307,7 +307,7 @@ function dislike() {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.test-slide-wrapper {
|
||||
font-size: 14rem;
|
||||
@ -421,7 +421,7 @@ function dislike() {
|
||||
//width: 90vw;
|
||||
//height: 80vh;
|
||||
width: 100vw;
|
||||
height: calc(var(--vh, 1vh) * 100 - @footer-height) !important;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--footer-height)) !important;
|
||||
overflow: hidden;
|
||||
border-radius: 10rem;
|
||||
}
|
||||
|
||||
@ -1411,16 +1411,16 @@ onMounted(() => {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#Community {
|
||||
font-size: 14rem;
|
||||
color: white;
|
||||
padding-top: @header-height;
|
||||
padding-top: var(--common-header-height);
|
||||
background: rgb(21, 23, 36);
|
||||
|
||||
.Scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height - @footer-height) !important;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height) - var(--footer-height)) !important;
|
||||
}
|
||||
|
||||
@p: 1rem;
|
||||
@ -1438,7 +1438,7 @@ onMounted(() => {
|
||||
.card {
|
||||
border-radius: 4rem;
|
||||
overflow: hidden;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
||||
@ -101,14 +101,14 @@ onUnmounted(() => {
|
||||
</template>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.page {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
row-gap: 15rem;
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height - @footer-height);
|
||||
margin-top: @header-height;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height) - var(--footer-height));
|
||||
margin-top: var(--common-header-height);
|
||||
overflow: auto;
|
||||
box-sizing: border-box;
|
||||
|
||||
|
||||
@ -129,7 +129,7 @@ onUnmounted(() => {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.slide-item-class {
|
||||
position: relative;
|
||||
@ -156,7 +156,7 @@ onUnmounted(() => {
|
||||
|
||||
.card {
|
||||
margin: 20rem;
|
||||
margin-top: @header-height;
|
||||
margin-top: var(--common-header-height);
|
||||
padding: 20rem;
|
||||
border-radius: 8rem;
|
||||
width: 100%;
|
||||
|
||||
@ -80,7 +80,7 @@ onUnmounted(() => {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.slide-item-class {
|
||||
position: relative;
|
||||
@ -97,7 +97,7 @@ onUnmounted(() => {
|
||||
}
|
||||
|
||||
.card {
|
||||
margin-top: @header-height;
|
||||
margin-top: var(--common-header-height);
|
||||
padding: 20rem 5rem;
|
||||
width: 100%;
|
||||
background: rgba(black, .4);
|
||||
|
||||
@ -19,14 +19,14 @@
|
||||
|
||||
.sub-title {
|
||||
font-size: 1.2rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
.notice {
|
||||
margin-top: 1rem;
|
||||
font-size: 1.3rem;
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.button {
|
||||
|
||||
@ -143,7 +143,7 @@ export default {
|
||||
|
||||
.sub-title {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -189,7 +189,7 @@ export default {
|
||||
}
|
||||
|
||||
.disabled {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -2464,7 +2464,7 @@ export default {
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
//transition: all .3s;
|
||||
font-size: 10rem;
|
||||
padding: 1rem;
|
||||
@ -2475,7 +2475,7 @@ export default {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 5rem solid transparent;
|
||||
border-bottom: 10rem solid @second-text-color;
|
||||
border-bottom: 10rem solid var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2498,7 +2498,7 @@ export default {
|
||||
|
||||
.top {
|
||||
padding-bottom: 10rem;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
|
||||
.cities {
|
||||
.city {
|
||||
@ -2507,7 +2507,7 @@ export default {
|
||||
border-radius: 2rem;
|
||||
height: 40rem;
|
||||
line-height: 40rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
display: inline-block;
|
||||
width: 32%;
|
||||
text-align: center;
|
||||
@ -2519,7 +2519,7 @@ export default {
|
||||
//padding-right: 25rem;
|
||||
|
||||
.row {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -38,7 +38,7 @@
|
||||
bottom: 20rem;
|
||||
right: 20rem;
|
||||
padding: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
width: 20rem;
|
||||
}
|
||||
}
|
||||
@ -57,7 +57,7 @@
|
||||
.notice {
|
||||
font-size: 12rem;
|
||||
height: 40rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -72,7 +72,7 @@
|
||||
padding: 7rem;
|
||||
|
||||
.video {
|
||||
background: @active-main-bg;
|
||||
background: var(--active-main-bg);
|
||||
border-radius: 5rem;
|
||||
padding: 10rem;
|
||||
margin-bottom: 7rem;
|
||||
@ -98,7 +98,7 @@
|
||||
font-size: 14rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
height: 15rem;
|
||||
@ -145,7 +145,7 @@
|
||||
}
|
||||
|
||||
.music {
|
||||
background: @active-main-bg;
|
||||
background: var(--active-main-bg);
|
||||
border-radius: 5rem;
|
||||
padding: 10rem;
|
||||
|
||||
@ -169,7 +169,7 @@
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
height: 15rem;
|
||||
@ -196,7 +196,7 @@
|
||||
|
||||
.title {
|
||||
margin-top: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -226,10 +226,10 @@
|
||||
}
|
||||
|
||||
&.fixed {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.item {
|
||||
background: @main-bg !important;
|
||||
background: var(--main-bg) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -311,7 +311,7 @@
|
||||
|
||||
.number {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -327,7 +327,7 @@
|
||||
|
||||
.detail {
|
||||
transform: translateY(-10rem);
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
padding: @p @p 0 @p;
|
||||
border-radius: 14rem 14rem 0 0;
|
||||
|
||||
@ -340,7 +340,7 @@
|
||||
box-sizing: border-box;
|
||||
|
||||
.heat {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
gap: 26rem;
|
||||
align-items: center;
|
||||
@ -369,14 +369,14 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 4rem;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.signature {
|
||||
font-size: 13rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 8rem;
|
||||
@ -393,14 +393,14 @@
|
||||
|
||||
.more {
|
||||
margin-bottom: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
gap: 8rem;
|
||||
|
||||
.item {
|
||||
padding: 2rem 5rem;
|
||||
border-radius: 2rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
font-size: 12rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -444,7 +444,7 @@
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
color: white;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.line {
|
||||
height: 1px;
|
||||
@ -455,7 +455,7 @@
|
||||
|
||||
.li {
|
||||
box-sizing: border-box;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
width: 100%;
|
||||
padding: 10rem 26rem;
|
||||
list-style: none;
|
||||
@ -484,7 +484,7 @@
|
||||
font-size: 12rem;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.title {
|
||||
padding: 20rem 0 10rem 20rem;
|
||||
@ -506,7 +506,7 @@
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
padding: 6rem;
|
||||
height: 16rem;
|
||||
margin-bottom: 15px;
|
||||
@ -521,12 +521,12 @@
|
||||
width: 70vw;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.button {
|
||||
box-sizing: border-box;
|
||||
width: calc(100% - 40rem);
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
margin: 20rem;
|
||||
height: 45rem;
|
||||
border-radius: 3px;
|
||||
|
||||
@ -128,7 +128,7 @@ export default {
|
||||
|
||||
|
||||
.content {
|
||||
padding-top: @header-height;
|
||||
padding-top: var(--common-header-height);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
@ -222,7 +222,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
|
||||
.back {
|
||||
@ -241,7 +241,7 @@ export default {
|
||||
position: relative;
|
||||
|
||||
.wrapper {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-bottom: 80rem;
|
||||
}
|
||||
|
||||
@ -313,7 +313,7 @@ export default {
|
||||
|
||||
.author, .desc-bottom {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.desc-bottom {
|
||||
@ -322,7 +322,7 @@ export default {
|
||||
|
||||
.tag {
|
||||
font-size: 10rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
padding: 2rem 5rem;
|
||||
margin-right: 5rem;
|
||||
}
|
||||
@ -369,7 +369,7 @@ export default {
|
||||
|
||||
.auto-play {
|
||||
font-size: 13rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-right: 10rem;
|
||||
}
|
||||
|
||||
@ -377,7 +377,7 @@ export default {
|
||||
}
|
||||
|
||||
.playing {
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
@ -441,7 +441,7 @@ export default {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
height: 50rem;
|
||||
display: flex;
|
||||
|
||||
@ -81,7 +81,7 @@ export default {
|
||||
|
||||
.time{
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -125,7 +125,7 @@ export default {
|
||||
|
||||
.request {
|
||||
.list {
|
||||
margin-top: @padding-page;
|
||||
margin-top: var(--page-padding);
|
||||
|
||||
.item {
|
||||
padding: 10rem 0;
|
||||
@ -149,7 +149,7 @@ export default {
|
||||
|
||||
.time {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -163,7 +163,7 @@ export default {
|
||||
.subtitle {
|
||||
margin-top: 10rem;
|
||||
font-size: 14rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -190,7 +190,7 @@ export default {
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.button {
|
||||
flex: 1;
|
||||
|
||||
@ -165,7 +165,7 @@ onMounted(() => {
|
||||
width: 100%;
|
||||
|
||||
.search-wrapper {
|
||||
height: @header-height;
|
||||
height: var(--common-header-height);
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
top: 10rem;
|
||||
@ -186,16 +186,16 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(var(--vh, 1vh) * 100 - @footer-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--footer-height));
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: @footer-height;
|
||||
height: var(--footer-height);
|
||||
}
|
||||
|
||||
.share-to-friend {
|
||||
color: @second-text-color;
|
||||
height: @footer-height;
|
||||
color: var(--second-text-color);
|
||||
height: var(--footer-height);
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
@ -216,8 +216,8 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.permission-setting {
|
||||
color: @second-text-color;
|
||||
height: @footer-height;
|
||||
color: var(--second-text-color);
|
||||
height: var(--footer-height);
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
@ -304,7 +304,7 @@ onMounted(() => {
|
||||
font-size: 14rem;
|
||||
color: white;
|
||||
padding: 5px 20px;
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
border-radius: 2px;
|
||||
}
|
||||
}
|
||||
@ -347,7 +347,7 @@ onMounted(() => {
|
||||
font-size: 14rem;
|
||||
color: white;
|
||||
padding: 5rem 20rem;
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
border-radius: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -133,7 +133,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.MusicCollect {
|
||||
position: fixed;
|
||||
@ -195,7 +195,7 @@ export default {
|
||||
|
||||
.author, .desc-bottom {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.desc-bottom {
|
||||
@ -225,7 +225,7 @@ export default {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -286,7 +286,7 @@ export default {
|
||||
|
||||
.author, .desc-bottom {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.desc-bottom {
|
||||
|
||||
@ -74,10 +74,10 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.content {
|
||||
padding-top: @header-height;
|
||||
padding-top: var(--common-header-height);
|
||||
|
||||
.Scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height)!important;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height))!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -157,7 +157,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#CollectMusic {
|
||||
//width: 100vw;
|
||||
@ -187,7 +187,7 @@ export default {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 50rem;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
border-radius: 15rem 15rem 0 0;
|
||||
z-index: 9;
|
||||
|
||||
@ -217,10 +217,10 @@ export default {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
|
||||
&.active {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.left {
|
||||
@ -229,7 +229,7 @@ export default {
|
||||
|
||||
.author {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-left: 20rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -239,7 +239,7 @@ export default {
|
||||
content: '';
|
||||
width: 6rem;
|
||||
height: .5px;
|
||||
background: @second-text-color;
|
||||
background: var(--second-text-color);
|
||||
position: absolute;
|
||||
left: -12rem;
|
||||
}
|
||||
|
||||
@ -139,7 +139,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#GuessMusic {
|
||||
//width: 100vw;
|
||||
@ -169,7 +169,7 @@ export default {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 50rem;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
border-radius: 15rem 15rem 0 0;
|
||||
z-index: 9;
|
||||
|
||||
@ -199,10 +199,10 @@ export default {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
|
||||
&.active {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.left {
|
||||
@ -211,7 +211,7 @@ export default {
|
||||
|
||||
.author {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-left: 20rem;
|
||||
position: relative;
|
||||
display: flex;
|
||||
@ -221,7 +221,7 @@ export default {
|
||||
content: '';
|
||||
width: 6rem;
|
||||
height: .5px;
|
||||
background: @second-text-color;
|
||||
background: var(--second-text-color);
|
||||
position: absolute;
|
||||
left: -12rem;
|
||||
}
|
||||
|
||||
@ -364,7 +364,7 @@ export default {
|
||||
|
||||
.desc {
|
||||
width: 100vw;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -399,7 +399,7 @@ export default {
|
||||
.progress {
|
||||
width: 100vw;
|
||||
font-size: 12rem;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -454,7 +454,7 @@ export default {
|
||||
|
||||
.options {
|
||||
width: 100vw;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -148,7 +148,7 @@ export default {
|
||||
padding-top: 60rem;
|
||||
|
||||
.SlideRowList, .Scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @indicator-height - @header-height) !important;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--indicator-height) - var(--common-header-height)) !important;
|
||||
}
|
||||
|
||||
.empty {
|
||||
@ -165,7 +165,7 @@ export default {
|
||||
.title {
|
||||
font-size: 13rem;
|
||||
margin-top: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -99,7 +99,7 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.content {
|
||||
padding-top: @header-height;
|
||||
padding-top: var(--common-header-height);
|
||||
}
|
||||
|
||||
.footer {
|
||||
@ -122,7 +122,7 @@ export default {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
font-size: 16rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
width: 15rem;
|
||||
|
||||
@ -214,13 +214,13 @@ export default {
|
||||
padding-top: 60rem;
|
||||
|
||||
.title {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 13rem;
|
||||
margin: 20rem 0 0 20rem;
|
||||
}
|
||||
|
||||
.version {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 13rem;
|
||||
margin: 40rem;
|
||||
text-align: center;
|
||||
@ -229,7 +229,7 @@ export default {
|
||||
.line {
|
||||
width: calc(100% - 30rem);
|
||||
margin-left: 15rem;
|
||||
background: @line-color;
|
||||
background: var(--line-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -179,11 +179,11 @@ export default {
|
||||
}
|
||||
|
||||
.save-yes {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.save-no {
|
||||
color: @disable-primary-btn-color;
|
||||
color: var(--disable-primary-btn-color);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -103,13 +103,13 @@ export default {
|
||||
height: 50rem;
|
||||
font-size: 14rem;
|
||||
transition: all .1s;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
.right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
margin-left: 10rem;
|
||||
@ -118,8 +118,8 @@ export default {
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: @active-main-bg;
|
||||
color: @second-text-color;
|
||||
background: var(--active-main-bg);
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -75,11 +75,11 @@ export default {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
transition: all .1s;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
&:active {
|
||||
background: @active-main-bg;
|
||||
color: @second-text-color;
|
||||
background: var(--active-main-bg);
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1226,7 +1226,7 @@ export default {
|
||||
.title {
|
||||
font-size: 12rem;
|
||||
padding: 10rem 15rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
width: 10rem;
|
||||
|
||||
@ -134,11 +134,11 @@ export default {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
transition: all .1s;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
&:active {
|
||||
background: @active-main-bg;
|
||||
color: @second-text-color;
|
||||
background: var(--active-main-bg);
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -151,7 +151,7 @@ export default {
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-top: 20rem;
|
||||
font-size: 14rem;
|
||||
}
|
||||
@ -165,7 +165,7 @@ export default {
|
||||
.btn {
|
||||
margin-top: 150rem;
|
||||
display: inline-block;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
padding: 15rem 40rem;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
@ -89,7 +89,7 @@ export default {
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
@ -109,7 +109,7 @@ export default {
|
||||
padding: 12rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
margin-left: 5px;
|
||||
@ -122,7 +122,7 @@ export default {
|
||||
|
||||
.notice {
|
||||
margin-top: 20rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.btn {
|
||||
@ -132,7 +132,7 @@ export default {
|
||||
right: 20rem;
|
||||
color: white;
|
||||
font-size: 16rem;
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
text-align: center;
|
||||
padding: 10rem 0;
|
||||
border-radius: 2px;
|
||||
|
||||
@ -178,7 +178,7 @@ export default {
|
||||
align-items: center;
|
||||
|
||||
.sub {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -204,7 +204,7 @@ export default {
|
||||
bottom: 20rem;
|
||||
right: 20rem;
|
||||
padding: 3rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
width: 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -114,11 +114,11 @@ export default {
|
||||
top: 0;
|
||||
|
||||
.save-yes {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.save-no {
|
||||
color: @disable-primary-btn-color;
|
||||
color: var(--disable-primary-btn-color);
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -127,12 +127,12 @@ export default {
|
||||
|
||||
.notice, .num {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.input-ctn {
|
||||
position: relative;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -146,7 +146,7 @@ export default {
|
||||
background: transparent;
|
||||
|
||||
&::placeholder {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -160,7 +160,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;
|
||||
@ -176,7 +176,7 @@ export default {
|
||||
color: white;
|
||||
|
||||
&::placeholder {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -209,7 +209,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
|
||||
.list-complete-enter-from,
|
||||
@ -251,10 +251,10 @@ export default {
|
||||
position: fixed;
|
||||
height: calc(var(--vh, 1vh) * 100);
|
||||
width: 100vw;
|
||||
margin-top: @header-height;
|
||||
margin-top: var(--common-header-height);
|
||||
|
||||
.dialog-content {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
|
||||
img {
|
||||
width: 16rem;
|
||||
@ -266,16 +266,16 @@ export default {
|
||||
position: fixed;
|
||||
height: calc(var(--vh, 1vh) * 100);
|
||||
width: 100vw;
|
||||
background: @mask-dark;
|
||||
background: var(--mask-dark);
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: @padding-page;
|
||||
padding-top: @header-height;
|
||||
padding: var(--page-padding);
|
||||
padding-top: var(--common-header-height);
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
}
|
||||
|
||||
.messages {
|
||||
@ -326,11 +326,11 @@ export default {
|
||||
align-items: center;
|
||||
|
||||
.tag {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
padding: 1rem 4rem;
|
||||
margin-left: 10rem;
|
||||
border-radius: 2rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
font-size: 10rem;
|
||||
}
|
||||
}
|
||||
@ -340,7 +340,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.type {
|
||||
margin-right: 10rem;
|
||||
@ -360,7 +360,7 @@ export default {
|
||||
|
||||
.look-all {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@ -82,7 +82,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
|
||||
.list-complete-enter-from,
|
||||
@ -105,11 +105,11 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.content {
|
||||
padding: @padding-page;
|
||||
padding-top: @header-height;
|
||||
padding: var(--page-padding);
|
||||
padding-top: var(--common-header-height);
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
}
|
||||
|
||||
.people-wrapper {
|
||||
|
||||
@ -105,11 +105,11 @@ export default {
|
||||
|
||||
|
||||
.save-yes {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.save-no {
|
||||
color: @disable-primary-btn-color;
|
||||
color: var(--disable-primary-btn-color);
|
||||
}
|
||||
|
||||
.list {
|
||||
@ -139,7 +139,7 @@ export default {
|
||||
.desc {
|
||||
.num {
|
||||
margin-left: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -513,7 +513,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: @header-height;
|
||||
height: var(--common-header-height);
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
font-size: 24rem;
|
||||
@ -524,7 +524,7 @@ export default {
|
||||
padding-bottom: 60rem;
|
||||
|
||||
.joined-chat {
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
height: 50rem;
|
||||
padding: 0 20rem;
|
||||
display: flex;
|
||||
@ -595,7 +595,7 @@ export default {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
//background: red;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -613,7 +613,7 @@ export default {
|
||||
border-radius: 2rem;
|
||||
|
||||
&.primary {
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -654,7 +654,7 @@ export default {
|
||||
|
||||
.account {
|
||||
font-size: 13rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -679,7 +679,7 @@ export default {
|
||||
.notice-h2 {
|
||||
margin-top: 10rem;
|
||||
font-size: 14rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
}
|
||||
@ -741,7 +741,7 @@ export default {
|
||||
|
||||
.num {
|
||||
margin-left: 5rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -762,7 +762,7 @@ export default {
|
||||
}
|
||||
|
||||
.scroll {
|
||||
height: calc(100% - @header-height - @footer-height);
|
||||
height: calc(100% - var(--common-header-height) - var(--footer-height));
|
||||
padding-top: 10rem;
|
||||
}
|
||||
|
||||
@ -776,7 +776,7 @@ export default {
|
||||
img {
|
||||
margin: 0 10rem;
|
||||
padding: 17rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
border-radius: 50%;
|
||||
@ -881,15 +881,15 @@ export default {
|
||||
.tag {
|
||||
margin-left: 5rem;
|
||||
font-size: 10rem;
|
||||
background: @second-btn-color-tran;
|
||||
color: @second-text-color;
|
||||
background: var(--second-btn-color-tran);
|
||||
color: var(--second-text-color);
|
||||
padding: 2rem 5rem;
|
||||
border-radius: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.detail {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
margin-top: 4rem;
|
||||
display: flex;
|
||||
@ -902,7 +902,7 @@ export default {
|
||||
border-radius: 50%;
|
||||
width: 1.5px;
|
||||
height: 1.5px;
|
||||
background: @second-text-color;
|
||||
background: var(--second-text-color);
|
||||
}
|
||||
|
||||
.sent {
|
||||
@ -935,7 +935,7 @@ export default {
|
||||
}
|
||||
|
||||
.not-more {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
text-align: center;
|
||||
padding: 20rem;
|
||||
}
|
||||
@ -964,7 +964,7 @@ export default {
|
||||
.dialog-header {
|
||||
color: black;
|
||||
border-bottom: 1px solid whitesmoke;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -986,7 +986,7 @@ export default {
|
||||
}
|
||||
|
||||
.dialog-body {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-top: 0;
|
||||
height: calc(80vh - 50rem);
|
||||
overflow: auto;
|
||||
@ -1012,11 +1012,11 @@ export default {
|
||||
}
|
||||
|
||||
.searching {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
|
||||
.sub-title {
|
||||
margin-top: @padding-page;
|
||||
color: @second-text-color;
|
||||
margin-top: var(--page-padding);
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -1032,14 +1032,14 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-top: @padding-page;
|
||||
margin-top: @padding-page;
|
||||
border-top: 1px solid @line-color;
|
||||
padding-top: var(--page-padding);
|
||||
margin-top: var(--page-padding);
|
||||
border-top: 1px solid var(--line-color);
|
||||
|
||||
.icon {
|
||||
border-radius: 50%;
|
||||
padding: 13rem;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
width: 22rem;
|
||||
height: 22rem;
|
||||
margin-right: 10rem;
|
||||
|
||||
@ -48,7 +48,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#MoreSearch {
|
||||
position: fixed;
|
||||
@ -61,7 +61,7 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.content {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -41,7 +41,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#RedPacketDetail {
|
||||
position: fixed;
|
||||
|
||||
@ -73,11 +73,11 @@ export default {
|
||||
top: 0;
|
||||
|
||||
.save-yes {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
.save-no {
|
||||
color: @disable-primary-btn-color;
|
||||
color: var(--disable-primary-btn-color);
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -86,12 +86,12 @@ export default {
|
||||
|
||||
.notice, .num {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.input-ctn {
|
||||
position: relative;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -105,7 +105,7 @@ export default {
|
||||
background: transparent;
|
||||
|
||||
&::placeholder {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -340,7 +340,7 @@ export default {
|
||||
border-bottom: 1px solid #cccccc11;
|
||||
font-size: 14rem;
|
||||
padding: 0;
|
||||
padding-left: @padding-page;
|
||||
padding-left: var(--page-padding);
|
||||
height: 50rem;
|
||||
border-radius: 2px;
|
||||
display: flex;
|
||||
@ -378,7 +378,7 @@ export default {
|
||||
background: transparent;
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -409,7 +409,7 @@ export default {
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
//transition: all .3s;
|
||||
font-size: 10rem;
|
||||
padding: 1rem;
|
||||
@ -420,7 +420,7 @@ export default {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 5rem solid transparent;
|
||||
border-bottom: 10rem solid @second-text-color;
|
||||
border-bottom: 10rem solid var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -439,7 +439,7 @@ export default {
|
||||
box-sizing: border-box;
|
||||
width: 100vw;
|
||||
height: 160rem;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
@ -472,7 +472,7 @@ export default {
|
||||
margin: 10rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
.check {
|
||||
margin-right: 10rem;
|
||||
@ -508,7 +508,7 @@ export default {
|
||||
}
|
||||
|
||||
.is-search {
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
left: 0;
|
||||
@ -536,7 +536,7 @@ export default {
|
||||
.n2 {
|
||||
margin-top: 20rem;
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -546,7 +546,7 @@ export default {
|
||||
|
||||
.title {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
padding: 10rem 20rem;
|
||||
}
|
||||
|
||||
@ -584,7 +584,7 @@ export default {
|
||||
.account {
|
||||
margin-top: 5rem;
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -119,7 +119,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
.remove-enter-active,
|
||||
.remove-leave-active {
|
||||
@ -142,8 +142,8 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.content {
|
||||
padding: @padding-page;
|
||||
padding-top: @header-height;
|
||||
padding: var(--page-padding);
|
||||
padding-top: var(--common-header-height);
|
||||
}
|
||||
|
||||
.open-display-desc {
|
||||
@ -195,13 +195,13 @@ export default {
|
||||
}
|
||||
|
||||
.list {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
position: fixed;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
@ -224,7 +224,7 @@ export default {
|
||||
text-align: center;
|
||||
|
||||
.header {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-top: 30rem;
|
||||
padding-bottom: 20rem;
|
||||
display: flex;
|
||||
@ -250,8 +250,8 @@ export default {
|
||||
}
|
||||
|
||||
.close {
|
||||
top: @padding-page;
|
||||
right: @padding-page;
|
||||
top: var(--page-padding);
|
||||
right: var(--page-padding);
|
||||
position: absolute;
|
||||
width: 20rem;
|
||||
}
|
||||
@ -262,15 +262,15 @@ export default {
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
|
||||
.l-line {
|
||||
background: #f2f1f1;
|
||||
margin-left: @padding-page;
|
||||
width: calc(100vw - @padding-page * 2);
|
||||
margin-left: var(--page-padding);
|
||||
width: calc(100vw - var(--page-padding) * 2);
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
|
||||
@ -547,12 +547,12 @@ export default {
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
height: @header-height;
|
||||
height: var(--common-header-height);
|
||||
padding: 0 10rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
|
||||
img {
|
||||
height: 20rem;
|
||||
@ -572,7 +572,7 @@ export default {
|
||||
padding: 1px 6px;
|
||||
border-radius: 10px;
|
||||
color: white;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
}
|
||||
}
|
||||
|
||||
@ -696,7 +696,7 @@ export default {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@ -742,13 +742,13 @@ export default {
|
||||
&.bottom {
|
||||
top: -14rem;
|
||||
border: 7rem solid transparent;
|
||||
border-bottom: 7rem solid @second-btn-color;
|
||||
border-bottom: 7rem solid var(--second-btn-color);
|
||||
}
|
||||
|
||||
&.top {
|
||||
bottom: -14rem;
|
||||
border: 7rem solid transparent;
|
||||
border-top: 7rem solid @second-btn-color;
|
||||
border-top: 7rem solid var(--second-btn-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -147,7 +147,7 @@ export default {
|
||||
padding: 0 20rem;
|
||||
|
||||
.People {
|
||||
border-bottom: 1px solid @second-btn-color-tran;
|
||||
border-bottom: 1px solid var(--second-btn-color-tran);
|
||||
}
|
||||
|
||||
.add-people {
|
||||
@ -157,7 +157,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
border-bottom: 1px solid @second-btn-color-tran;
|
||||
border-bottom: 1px solid var(--second-btn-color-tran);
|
||||
|
||||
.head-image {
|
||||
margin-right: 15rem;
|
||||
|
||||
@ -50,7 +50,7 @@ export default {
|
||||
color: black;
|
||||
|
||||
.notice {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
height: 40rem;
|
||||
display: flex;
|
||||
@ -70,7 +70,7 @@ export default {
|
||||
}
|
||||
|
||||
&.red {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -217,7 +217,7 @@ export default {
|
||||
|
||||
.time {
|
||||
width: 100%;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
text-align: center;
|
||||
height: 40rem;
|
||||
line-height: 40rem;
|
||||
|
||||
@ -103,7 +103,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#DouyinHelper {
|
||||
position: fixed;
|
||||
@ -116,19 +116,19 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.list {
|
||||
|
||||
.item {
|
||||
padding: @padding-page;
|
||||
background: @msg-subpage-card-bg;
|
||||
padding: var(--page-padding);
|
||||
background: var(--msg-subpage-card-bg);
|
||||
border-radius: 5rem;
|
||||
margin-bottom: 20rem;
|
||||
|
||||
@ -141,7 +141,7 @@ export default {
|
||||
|
||||
.time {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-bottom: 20rem;
|
||||
}
|
||||
|
||||
@ -150,9 +150,9 @@ export default {
|
||||
}
|
||||
|
||||
.look-detail {
|
||||
border-top: 1px solid @line-color2;
|
||||
padding-top: @padding-page;
|
||||
color: @second-text-color;
|
||||
border-top: 1px solid var(--line-color2);
|
||||
padding-top: var(--page-padding);
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
@ -80,7 +80,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#TaskNotice {
|
||||
position: fixed;
|
||||
@ -92,20 +92,20 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
|
||||
.list {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.item {
|
||||
padding: @padding-page;
|
||||
background: @msg-subpage-card-bg;
|
||||
padding: var(--page-padding);
|
||||
background: var(--msg-subpage-card-bg);
|
||||
border-radius: 5rem;
|
||||
margin-bottom: 20rem;
|
||||
|
||||
@ -119,7 +119,7 @@ export default {
|
||||
|
||||
.time {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-bottom: 20rem;
|
||||
}
|
||||
|
||||
@ -130,7 +130,7 @@ export default {
|
||||
}
|
||||
|
||||
.footer {
|
||||
border-top: 1px solid @line-color;
|
||||
border-top: 1px solid var(--line-color);
|
||||
height: 60rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -126,7 +126,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#MoneyNotice {
|
||||
position: fixed;
|
||||
@ -138,29 +138,29 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
|
||||
.list {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.item {
|
||||
padding: @padding-page;
|
||||
background: @msg-subpage-card-bg;
|
||||
padding: var(--page-padding);
|
||||
background: var(--msg-subpage-card-bg);
|
||||
border-radius: 5rem;
|
||||
margin-bottom: 20rem;
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: @padding-page;
|
||||
margin-bottom: @padding-page;
|
||||
border-bottom: 1px solid @line-color2;
|
||||
padding-bottom: var(--page-padding);
|
||||
margin-bottom: var(--page-padding);
|
||||
border-bottom: 1px solid var(--line-color2);
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
@ -193,7 +193,7 @@ export default {
|
||||
|
||||
.time {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-bottom: 20rem;
|
||||
}
|
||||
|
||||
@ -203,9 +203,9 @@ export default {
|
||||
|
||||
.look-detail {
|
||||
margin-top: 30rem;
|
||||
border-top: 1px solid @line-color2;
|
||||
padding-top: @padding-page;
|
||||
color: @second-text-color;
|
||||
border-top: 1px solid var(--line-color2);
|
||||
padding-top: var(--page-padding);
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
@ -113,7 +113,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#SystemNotice {
|
||||
position: fixed;
|
||||
@ -129,13 +129,13 @@ export default {
|
||||
padding-top: 60rem;
|
||||
|
||||
.title {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
margin-bottom: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
}
|
||||
|
||||
|
||||
@ -151,7 +151,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#SystemNotice {
|
||||
position: fixed;
|
||||
@ -163,19 +163,19 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height) - var(--common-header-height));
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
padding: @padding-page;
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
padding: var(--page-padding);
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.list {
|
||||
.item {
|
||||
padding: @padding-page;
|
||||
background: @msg-subpage-card-bg;
|
||||
padding: var(--page-padding);
|
||||
background: var(--msg-subpage-card-bg);
|
||||
border-radius: 5rem;
|
||||
margin-bottom: 20rem;
|
||||
|
||||
@ -188,7 +188,7 @@ export default {
|
||||
|
||||
.time {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-bottom: 20rem;
|
||||
}
|
||||
|
||||
@ -197,9 +197,9 @@ export default {
|
||||
}
|
||||
|
||||
.look-detail {
|
||||
border-top: 1px solid @line-color2;
|
||||
padding-top: @padding-page;
|
||||
color: @second-text-color;
|
||||
border-top: 1px solid var(--line-color2);
|
||||
padding-top: var(--page-padding);
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@ -210,7 +210,7 @@ export default {
|
||||
}
|
||||
|
||||
.options {
|
||||
border-top: 1px solid @line-color;
|
||||
border-top: 1px solid var(--line-color);
|
||||
height: 60rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -220,7 +220,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-right: 1px solid @line-color;
|
||||
border-right: 1px solid var(--line-color);
|
||||
|
||||
&:nth-last-child(1) {
|
||||
border: none;
|
||||
|
||||
@ -133,7 +133,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
@import "@/assets/less/index";
|
||||
|
||||
|
||||
#TaskNotice {
|
||||
position: fixed;
|
||||
@ -145,29 +145,29 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.scroll {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height) - var(--common-header-height));
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(var(--vh, 1vh) * 100 - @header-height);
|
||||
height: calc(var(--vh, 1vh) * 100 - var(--common-header-height));
|
||||
|
||||
.list {
|
||||
padding: @padding-page;
|
||||
padding: var(--page-padding);
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
.item {
|
||||
padding: @padding-page;
|
||||
background: @msg-subpage-card-bg;
|
||||
padding: var(--page-padding);
|
||||
background: var(--msg-subpage-card-bg);
|
||||
border-radius: 5rem;
|
||||
margin-bottom: 20rem;
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: @padding-page;
|
||||
margin-bottom: @padding-page;
|
||||
border-bottom: 1px solid @line-color2;
|
||||
padding-bottom: var(--page-padding);
|
||||
margin-bottom: var(--page-padding);
|
||||
border-bottom: 1px solid var(--line-color2);
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
@ -200,7 +200,7 @@ export default {
|
||||
|
||||
.time {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
margin-bottom: 20rem;
|
||||
}
|
||||
|
||||
@ -209,9 +209,9 @@ export default {
|
||||
}
|
||||
|
||||
.look-detail {
|
||||
border-top: 1px solid @line-color2;
|
||||
padding-top: @padding-page;
|
||||
color: @second-text-color;
|
||||
border-top: 1px solid var(--line-color2);
|
||||
padding-top: var(--page-padding);
|
||||
color: var(--second-text-color);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@ -222,8 +222,8 @@ export default {
|
||||
}
|
||||
|
||||
.footer {
|
||||
border-top: 1px solid @line-color;
|
||||
height: @header-height;
|
||||
border-top: 1px solid var(--line-color);
|
||||
height: var(--common-header-height);
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
|
||||
@ -66,7 +66,7 @@ export default {
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
width: 10rem;
|
||||
@ -76,7 +76,7 @@ export default {
|
||||
|
||||
.right {
|
||||
border-radius: 50%;
|
||||
background: @second-text-color;
|
||||
background: var(--second-text-color);
|
||||
padding: 5rem;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
@ -88,7 +88,7 @@ export default {
|
||||
text-align: center;
|
||||
line-height: 60rem;
|
||||
height: 60rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -233,7 +233,7 @@ export default {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
|
||||
img {
|
||||
height: 20rem;
|
||||
@ -245,9 +245,9 @@ export default {
|
||||
padding: 20rem;
|
||||
|
||||
.title {
|
||||
margin-top: @padding-page;
|
||||
margin-top: var(--page-padding);
|
||||
margin-bottom: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
}
|
||||
}
|
||||
@ -258,7 +258,7 @@ export default {
|
||||
align-items: center;
|
||||
margin-top: 20rem;
|
||||
margin-bottom: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
|
||||
img {
|
||||
@ -276,7 +276,7 @@ export default {
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
border-radius: 50%;
|
||||
padding: 12rem;
|
||||
width: 22rem;
|
||||
@ -301,7 +301,7 @@ export default {
|
||||
|
||||
.text2 {
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -316,7 +316,7 @@ export default {
|
||||
margin-top: 20rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
margin-right: 10rem;
|
||||
@ -445,7 +445,7 @@ export default {
|
||||
top: 10rem;
|
||||
right: 10rem;
|
||||
position: absolute;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
padding: 4rem;
|
||||
width: 10rem;
|
||||
border-radius: 50%;
|
||||
@ -461,7 +461,7 @@ export default {
|
||||
margin-top: 20rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
|
||||
img {
|
||||
margin-right: 10rem;
|
||||
|
||||
@ -120,26 +120,26 @@ export default {
|
||||
font-size: 14rem;
|
||||
|
||||
.content {
|
||||
padding-top: @header-height;
|
||||
padding-top: var(--common-header-height);
|
||||
|
||||
.indicator-wrapper {
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
}
|
||||
|
||||
.search-ctn {
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
background: @main-bg;
|
||||
background: var(--main-bg);
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
padding: 10rem @padding-page 0 @padding-page;
|
||||
padding: 10rem var(--page-padding) 0 var(--page-padding);
|
||||
}
|
||||
}
|
||||
|
||||
.tab1, .tab2 {
|
||||
overflow: auto;
|
||||
padding: 0 @padding-page;
|
||||
padding: 0 var(--page-padding);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@ -148,7 +148,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
}
|
||||
|
||||
@ -177,7 +177,7 @@ export default {
|
||||
.n2 {
|
||||
margin-top: 20rem;
|
||||
font-size: 12rem;
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -71,7 +71,7 @@ export default {
|
||||
|
||||
img {
|
||||
border-radius: 50%;
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
padding: 16rem;
|
||||
height: 24rem;
|
||||
margin-bottom: 10rem;
|
||||
|
||||
@ -217,7 +217,7 @@ export default {
|
||||
}
|
||||
|
||||
.add {
|
||||
background: @second-btn-color-tran;
|
||||
background: var(--second-btn-color-tran);
|
||||
margin-right: 15rem;
|
||||
padding: 15rem;
|
||||
width: 18rem;
|
||||
@ -239,7 +239,7 @@ export default {
|
||||
}
|
||||
|
||||
.detail {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
margin-top: 4px;
|
||||
}
|
||||
@ -265,7 +265,7 @@ export default {
|
||||
}
|
||||
|
||||
&.red {
|
||||
background: @primary-btn-color;
|
||||
background: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
}
|
||||
@ -283,7 +283,7 @@ export default {
|
||||
bottom: -100%;
|
||||
right: 10rem;
|
||||
border-radius: 8rem;
|
||||
background: @second-btn-color;
|
||||
background: var(--second-btn-color);
|
||||
|
||||
.item {
|
||||
font-size: 14rem;
|
||||
@ -291,11 +291,11 @@ export default {
|
||||
display: flex;
|
||||
height: 40rem;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid @line-color;
|
||||
border-bottom: 1px solid var(--line-color);
|
||||
|
||||
&:nth-last-child(1) {
|
||||
border-bottom: none;
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
|
||||
img {
|
||||
@ -308,7 +308,7 @@ export default {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 7rem solid transparent;
|
||||
border-bottom: 7rem solid @second-btn-color;
|
||||
border-bottom: 7rem solid var(--second-btn-color);
|
||||
position: absolute;
|
||||
right: 10rem;
|
||||
top: -14rem;
|
||||
|
||||
@ -153,7 +153,7 @@ export default {
|
||||
color: black;
|
||||
|
||||
.notice {
|
||||
color: @second-text-color;
|
||||
color: var(--second-text-color);
|
||||
font-size: 12rem;
|
||||
height: 40rem;
|
||||
display: flex;
|
||||
@ -173,7 +173,7 @@ export default {
|
||||
}
|
||||
|
||||
&.red {
|
||||
color: @primary-btn-color;
|
||||
color: var(--primary-btn-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user