manager/my-spring
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

项目初始化

Browse Source
This commit is contained in:
gaoxq
2026-03-31 17:13:39 +08:00
parent 526e65c836
commit 787c82d30c
3 changed files with 52 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
web-vue/packages/core/layouts/views/desktop/analysis/components/BizApps.vue
View File

@@ -5,11 +5,6 @@
</div>
<div class="card-content">
<button v-for="item in bizAppData" class="biz-apps-item" type="button" @click="handleOpen(item)">
<div class="biz-apps-item__main">
<div class="biz-apps-item__pane">
<img class="biz-apps-item__icon" :src="item.systemIcon" :alt="item.systemName" />
</div>
</div>
<div class="biz-apps-item__name">{{ item.systemName }}</div>
</button>
</div>
@@ -78,19 +73,22 @@
padding: var(--analysis-card-content-padding, 8px 12px 12px);
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: minmax(0, 1fr);
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
gap: var(--analysis-card-item-gap, 8px);
overflow: hidden;
overflow-x: auto;
overflow-y: hidden;
}
.biz-apps-item {
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
justify-content: space-between;
justify-content: center;
min-width: 0;
min-height: 0;
padding: 8px;
padding: 6px 4px;
border: 1px solid rgb(226 232 240);
border-radius: var(--analysis-card-radius, 10px);
background: rgb(255, 255, 255);
@@ -108,49 +106,12 @@
box-shadow: 0 12px 28px rgb(96 165 250 / 20%);
}
&__main {
display: flex;
flex: 1;
width: 100%;
min-height: 0;
padding: 2px;
overflow: hidden;
border-radius: 8px;
}
&__pane {
width: 100%;
min-width: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: linear-gradient(135deg, rgb(239 246 255), rgb(224 242 254));
color: rgb(51 65 85);
font-size: 12px;
line-height: 16px;
box-shadow: 0 8px 24px rgb(148 163 184 / 14%);
margin: 0 auto;
overflow: hidden;
}
&__icon {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}
&__name {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 28px;
margin-top: 2px;
padding-top: 4px;
border-top: 1px solid rgb(226 232 240);
min-height: 100%;
color: rgb(51 65 85);
font-size: 12px;
line-height: 16px;
@@ -178,13 +139,7 @@
box-shadow: 0 14px 32px rgb(37 99 235 / 22%);
}
&__pane {
background: linear-gradient(135deg, rgb(30 41 59), rgb(15 23 42));
box-shadow: 0 10px 24px rgb(0 0 0 / 24%);
}
&__name {
border-top-color: rgb(51 65 85);
color: rgb(226 232 240);
}
}
@@ -194,7 +149,8 @@
.biz-apps-card {
.card-content {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: minmax(0, 1fr);
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-auto-flow: column;
}
}
}

41
web-vue/packages/core/layouts/views/desktop/analysis/components/QuickLogin.vue
View File

@@ -225,9 +225,10 @@
flex: 0 0 136px;
width: 136px;
display: flex;
flex-direction: column;
flex-direction: row;
align-items: center;
justify-content: space-between;
justify-content: flex-start;
gap: 8px;
min-height: 0;
height: 100%;
padding: 8px;
@@ -247,16 +248,24 @@
box-shadow: 0 12px 28px rgb(96 165 250 / 20%);
}
&:hover .quick-login-item__image-wrap {
border-color: rgb(147 197 253);
box-shadow: 0 8px 18px rgb(96 165 250 / 20%);
}
&__image-wrap {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
width: 100%;
min-height: 0;
flex: 0 0 44px;
width: 44px;
height: 44px;
min-height: 44px;
overflow: hidden;
padding: 2px;
border-radius: 8px;
background: rgb(248 250 252);
border: 1px solid rgb(191 219 254);
box-shadow: 0 6px 14px rgb(96 165 250 / 12%);
}
&__image {
@@ -269,17 +278,14 @@
&__name {
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
min-height: 28px;
width: 100%;
margin-top: 2px;
padding-top: 4px;
border-top: 1px solid rgb(226 232 240);
justify-content: flex-start;
flex: 1;
min-width: 0;
min-height: 100%;
color: rgb(51 65 85);
font-size: 12px;
line-height: 16px;
text-align: center;
text-align: left;
word-break: break-word;
}
}
@@ -304,9 +310,14 @@
}
&__name {
border-top-color: rgb(51 65 85);
color: rgb(226 232 240);
}
&__image-wrap {
background: rgb(30 41 59);
border-color: rgb(59 130 246 / 35%);
box-shadow: 0 6px 14px rgb(37 99 235 / 16%);
}
}
}