mt-fe-group/11-mes-new
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update Navbar & beilv

Browse Source
This commit is contained in:
lb
2022-11-09 15:30:00 +08:00
parent 66ce0d76f2
commit 031f0f18ed
12 changed files with 168 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/ChoicePart/index.vue
View File

@@ -153,51 +153,51 @@ export default {
align-items: center;
.choicepart-box {
width: 1440px;
width: calc(1440px * var(--beilv));
.choicepart-item {
display: inline-block;
width: 208px;
height: 258px;
margin: 40px;
width: calc(208px * var(--beilv));
height: calc(258px * var(--beilv));
margin: calc(40px * var(--beilv));
background: url('../../assets/img/choicepart/choice-item-back.png') no-repeat;
background-size: 100% 100%;
// border: 1px dashed #fff;
// box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
top: 0;
border-radius: 5px;
border-radius: calc(5px * var(--beilv));
overflow: hidden;
cursor: pointer;
position: relative;
img {
width: 208px;
height: 258px;
width: calc(208px * var(--beilv));
height: calc(258px * var(--beilv));
}
.choicepart-item-border {
height: 100%;
border-radius: 5px;
border-radius: calc(5px * var(--beilv));
// padding: 0 5px;
line-height: 32px;
font-size: 28px;
line-height: calc(32px * var(--beilv));
font-size: calc(28px * var(--beilv));
font-weight: lighter;
color: #2c6bd8;
overflow: hidden;
}
.choicepart-item-title {
overflow: hidden;
padding: 0 10px;
padding: 0 calc(10px * var(--beilv));
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
bottom: 0;
left: 2px;
right: 2px;
left: calc(2px * var(--beilv));
right: calc(2px * var(--beilv));
text-align: center;
color: #fff;
font-size: 16px;
line-height: 48px;
height: 48px;
letter-spacing: 2px;
font-size: calc(16px * var(--beilv));
line-height: calc(48px * var(--beilv));
height: calc(48px * var(--beilv));
letter-spacing: calc(2px * var(--beilv));
background-color: rgba($color: #0b58ff, $alpha: 0.45);
}
}
@@ -221,15 +221,15 @@ export default {
}
::-webkit-scrollbar {
//滚动条的宽度
width: 9px;
height: 9px;
width: calc(9px * var(--beilv));
height: calc(9px * var(--beilv));
}
::-webkit-scrollbar-thumb {
//滚动条的设置
background-color: #dddddd;
background-clip: padding-box;
min-height: 28px;
border-radius: 9px;
min-height: calc(28px * var(--beilv));
border-radius: calc(9px * var(--beilv));
}
::-webkit-scrollbar-thumb:hover {
background-color: #bbb;