feat(appearance): appearance set

This commit is contained in:
dataeaseShu
2025-08-07 18:01:54 +08:00
parent 5fd3606f6b
commit c0eb5822af
@@ -810,116 +810,6 @@ onUnmounted(() => {
}
}
}
.mobile-fake {
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
border-radius: 6px;
padding-top: 24px;
.mobile-canvas {
transform: scale(0.6);
transform-origin: top;
border-radius: 30px;
width: 419px;
height: 852px;
overflow: hidden;
background-size: 100% 100% !important;
position: relative;
background-image: url(@/assets/img/mobile-bg-pc.png);
padding: 0 22px;
.mobile-header {
margin-top: 20px;
height: 43px;
display: flex;
img {
height: 100%;
width: 100%;
}
}
.config-panel-title {
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
position: relative;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.config-panel-content {
width: 100%;
height: calc(100% - 127px);
border-bottom-left-radius: 45px;
border-bottom-right-radius: 45px;
overflow: hidden;
.login-mobile_color {
width: 100%;
height: 100%;
position: relative;
.mobile-login-content {
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.94) 0%,
#ffffff 58.86%
);
position: absolute;
bottom: 0;
left: 0;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
overflow: hidden;
width: 100%;
height: 70%;
padding: 24px 16px;
z-index: 10;
.mobile-login-welcome {
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin-top: 10px;
}
.login-input_fake {
position: relative;
width: 100%;
height: 48px;
border: 1px solid #bbbfc4;
border-radius: 6px;
margin: 16px 0;
padding: 12px 16px;
border-color: rgb(187, 191, 196);
}
}
}
&.with-bg {
background-size: contain;
background-repeat: no-repeat;
background-image: url(@/assets/img/bg-mobile.png);
}
.mobile-login_bg {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
}
}
}
.tips-page {
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #8f959e;
margin-top: 6px;
}
}
.config-list {