fix: 样式调整

This commit is contained in:
fanpeijiang
2022-10-15 11:57:43 +08:00
parent 76bdf58bc5
commit 390ee8f41f
6 changed files with 1160 additions and 978 deletions

View File

@@ -14,7 +14,7 @@
<span :class="tab.link === currentPath ? 'click' : 'click2'">{{ index+1 }}</span> <span :class="tab.link === currentPath ? 'click' : 'click2'">{{ index+1 }}</span>
<span>{{ tab.title }}</span> <span>{{ tab.title }}</span>
<span v-if="index!=3" <span v-if="index!=3"
style="width:54px;margin:0 10px;border: 1px dashed #C4C0C0;"></span> style="width:54px;margin:0 10px;border-top: 1px dashed #C4C0C0;"></span>
</div> </div>
</div> </div>
<div class="right" <div class="right"
@@ -569,12 +569,13 @@ onMounted(() => {
margin-right: 8px; margin-right: 8px;
} }
.click2 { .click2 {
display: flex;
align-items: center;
justify-content: center;
width: 18px; width: 18px;
font-size: 12px; font-size: 12px;
line-height: 18px;
border-radius: 9px; border-radius: 9px;
background-color: #f5f5f5; background-color: #f5f5f5;
text-align: center;
margin-right: 8px; margin-right: 8px;
} }
</style> </style>

View File

@@ -202,7 +202,7 @@ function menusStatusToFalsefather(menus) {
.menu-bar { .menu-bar {
display: flex; display: flex;
width: 100%; width: 100%;
height: 50px; height: 48px;
font-size: 13px; font-size: 13px;
z-index: 99999; z-index: 99999;
&-item { &-item {
@@ -226,7 +226,7 @@ function menusStatusToFalsefather(menus) {
} }
&-main { &-main {
width: 220px; width: 220px;
height: 50px; height: 48px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -237,7 +237,7 @@ function menusStatusToFalsefather(menus) {
&-active { &-active {
color: $yili-default-color; color: $yili-default-color;
background: #ffffff; background: #ffffff;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
} }
&-icon { &-icon {
opacity: 0.9; opacity: 0.9;

File diff suppressed because it is too large Load Diff

View File

@@ -150,6 +150,7 @@ export default defineComponent({
background-color: #ffffff; background-color: #ffffff;
height: calc(100vh - 146px); height: calc(100vh - 146px);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
border-radius: 0px 6px 6px 6px;
} }
} }
</style> </style>

View File

@@ -123,7 +123,7 @@ export default {
.link-container { .link-container {
padding: 32px 24px; padding: 32px 24px;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 0px 6px 6px 6px;
.title { .title {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;

View File

@@ -670,7 +670,7 @@ onMounted(() => {
background: #fff; background: #fff;
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
height: calc(100% - 40px); height: calc(100% - 40px);
border-radius: 6px; border-radius: 0px 6px 6px 6px;
.title { .title {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;