refactor(projects): layout和tab组件依赖名称变更、样式修复
This commit is contained in:
parent
c275f2632c
commit
de5fb84215
@ -28,7 +28,7 @@
|
||||
"dependencies": {
|
||||
"@antv/g2plot": "^2.4.16",
|
||||
"@better-scroll/core": "^2.4.2",
|
||||
"@soybeanjs/vue-admin-layout": "^1.0.2",
|
||||
"@soybeanjs/vue-admin-layout": "^1.0.3",
|
||||
"@soybeanjs/vue-admin-tab": "^1.0.1",
|
||||
"@vueuse/core": "^8.3.1",
|
||||
"axios": "^0.27.2",
|
||||
|
@ -8,7 +8,7 @@ specifiers:
|
||||
'@commitlint/config-conventional': ^16.2.1
|
||||
'@iconify/json': ^2.1.33
|
||||
'@iconify/vue': ^3.2.1
|
||||
'@soybeanjs/vue-admin-layout': ^1.0.2
|
||||
'@soybeanjs/vue-admin-layout': ^1.0.3
|
||||
'@soybeanjs/vue-admin-tab': ^1.0.1
|
||||
'@types/bmapgl': ^0.0.5
|
||||
'@types/crypto-js': ^4.1.1
|
||||
@ -75,7 +75,7 @@ specifiers:
|
||||
dependencies:
|
||||
'@antv/g2plot': 2.4.16
|
||||
'@better-scroll/core': registry.nlark.com/@better-scroll/core/2.4.2
|
||||
'@soybeanjs/vue-admin-layout': 1.0.2_vue@3.2.33
|
||||
'@soybeanjs/vue-admin-layout': 1.0.3_vue@3.2.33
|
||||
'@soybeanjs/vue-admin-tab': 1.0.1_vue@3.2.33
|
||||
'@vueuse/core': 8.3.1_vue@3.2.33
|
||||
axios: 0.27.2
|
||||
@ -1029,8 +1029,8 @@ packages:
|
||||
picomatch: 2.3.1
|
||||
dev: true
|
||||
|
||||
/@soybeanjs/vue-admin-layout/1.0.2_vue@3.2.33:
|
||||
resolution: {integrity: sha512-6OnBEpabV121ChT1SHiSXhyv1QN+rkkdZt4pflrg8vOAmy2hbx935KtCsgXjw5ObGO/tYPkfQSs4gi0ZVgmpUw==}
|
||||
/@soybeanjs/vue-admin-layout/1.0.3_vue@3.2.33:
|
||||
resolution: {integrity: sha512-ech9q8XOkQ2rIxF5D2p4ikzV/S5yk08N2sWuQWC6QSzF3c8seG89i+Pl+k0NZRkKlnD3ntz9Ai0VqxET/jhMdw==}
|
||||
peerDependencies:
|
||||
'@vue/composition-api': ^1.4.6
|
||||
vue: ^2.0.0 || >=3.0.0
|
||||
|
@ -2,12 +2,12 @@
|
||||
<div class="mb-6px px-4px cursor-pointer" @mouseenter="setTrue" @mouseleave="setFalse">
|
||||
<div
|
||||
class="flex-center flex-col py-12px rounded-2px bg-transparent transition-colors duration-300 ease-in-out"
|
||||
:class="{ 'text-primary !bg-primary-active': isActive, 'text-primary': isHover }"
|
||||
:class="{ 'text-primary !bg-primary_active': isActive, 'text-primary': isHover }"
|
||||
>
|
||||
<component :is="icon" :class="[isMini ? 'text-16px' : 'text-20px']" />
|
||||
<p
|
||||
class="pt-8px text-12px overflow-hidden transition-height duration-300 ease-in-out"
|
||||
:class="[isMini ? 'h-0 pt-0' : 'h-20px pt-8px']"
|
||||
class="text-12px overflow-hidden transition-height duration-300 ease-in-out"
|
||||
:class="[isMini ? 'h-0 pt-0' : 'h-24px pt-4px']"
|
||||
>
|
||||
{{ label }}
|
||||
</p>
|
||||
|
@ -41,25 +41,25 @@ export default defineConfig({
|
||||
theme: {
|
||||
colors: {
|
||||
primary: 'var(--primary-color)',
|
||||
'primary-hover': 'var(--primary-color-hover)',
|
||||
'primary-pressed': 'var(--primary-color-pressed)',
|
||||
'primary-active': 'var(--primary-color-active)',
|
||||
primary_hover: 'var(--primary-color-hover)',
|
||||
primary_pressed: 'var(--primary-color-pressed)',
|
||||
primary_active: 'var(--primary-color-active)',
|
||||
info: 'var(--info-color)',
|
||||
'info-hover': 'var(--info-color-hover)',
|
||||
'info-pressed': 'var(--info-color-pressed)',
|
||||
'info-active': 'var(--info-color-active)',
|
||||
info_hover: 'var(--info-color-hover)',
|
||||
info_pressed: 'var(--info-color-pressed)',
|
||||
info_active: 'var(--info-color-active)',
|
||||
success: 'var(--success-color)',
|
||||
'success-hover': 'var(--success-color-hover)',
|
||||
'success-pressed': 'var(--success-color-pressed)',
|
||||
'success-active': 'var(--success-color-active)',
|
||||
success_hover: 'var(--success-color-hover)',
|
||||
success_pressed: 'var(--success-color-pressed)',
|
||||
success_active: 'var(--success-color-active)',
|
||||
warning: 'var(--warning-color)',
|
||||
'warning-hover': 'var(--warning-color-hover)',
|
||||
'warning-pressed': 'var(--warning-color-pressed)',
|
||||
'warning-active': 'var(--warning-color-active)',
|
||||
warning_hover: 'var(--warning-color-hover)',
|
||||
warning_pressed: 'var(--warning-color-pressed)',
|
||||
warning_active: 'var(--warning-color-active)',
|
||||
error: 'var(--error-color)',
|
||||
'error-hover': 'var(--error-color-hover)',
|
||||
'error-pressed': 'var(--error-color-pressed)',
|
||||
'error-active': 'var(--error-color-active)'
|
||||
error_hover: 'var(--error-color-hover)',
|
||||
error_pressed: 'var(--error-color-pressed)',
|
||||
error_active: 'var(--error-color-active)'
|
||||
},
|
||||
backgroundColor: {
|
||||
dark: '#18181c'
|
||||
|
Loading…
Reference in New Issue
Block a user