fix: 样式调整
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user