Ly.Offical.HYL/public/css/common.less
2025-03-25 16:50:47 +08:00

140 lines
1.8 KiB
Plaintext

body {
.b_l_w;
font-size: 3.2vw;
}
.bg(@e, @url) {
&::before {
content: '';
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background-color: @e;
background-image: @url;
background-repeat: no-repeat;
background-size: 100% auto;
z-index: -1;
}
}
.f5 {
.bg(#f5f5f5, none);
}
p {
margin: 0;
}
img {
display: block;
object-fit: contain;
}
[v-cloak] {
display: none !important;
}
body,
.van-pull-refresh {
overflow: visible !important;
}
.van-toast {
width: max-content !important;
}
.van-nav-bar--fixed {
z-index: 999 !important;
}
.van-tabbar__placeholder {
.b_l_w;
}
.van-nav-bar {
.van-nav-bar__text,
.van-icon {
color: #000 !important;
}
}
.van-nav-bar__placeholder {
.van-nav-bar .van-icon {
color: #000;
}
}
.van-tabbar {
.b_l_w;
height: 20vw !important;
.van-tabbar-item__icon img {
height: 10vw;
margin: -2vw 0 0;
}
.van-tabbar-item__text {
font-size: 3.2vw;
}
}
.tabs {
--van-tabs-line-height: 12vw;
--van-tab-font-size: 4.267vw;
.van-tabs__line {
border-radius: 0 !important;
}
}
.van-image-preview__cover {
left: 0 !important;
bottom: 0 !important;
top: initial !important;
width: 100%;
height: 12vw !important;
}
.van-uploader {
.van-uploader__input-wrapper {
.b_l_w;
.box;
.box-tb;
.box-align-center;
>p {
font-size: 3.467vw;
color: #1b1b1b;
}
}
.Avatar {
width: 33.333vw;
height: 33.333vw;
margin: 0 0 5vw;
position: relative;
&::before {
content: '';
position: absolute;
right: 0;
bottom: 2vw;
width: 9.333vw;
height: 9.333vw;
.y50;
background: url(/images/upload-picture.png) no-repeat;
background-size: 100% 100%;
}
img {
width: 100%;
height: 100%;
.y50;
}
}
}