refactor(projects): layout和tab组件依赖名称变更、样式修复

This commit is contained in:
Soybean 2022-04-27 22:51:28 +08:00
parent c275f2632c
commit de5fb84215
4 changed files with 23 additions and 23 deletions

View File

@ -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",

View File

@ -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

View File

@ -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>

View File

@ -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'