backup: 子客服改造前保本版本(逍遥梦UI+商家客服页mock)
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
/* 我的页面 */
|
||||
|
||||
page {
|
||||
background: #F7F3ED;
|
||||
background: #f5f5f5;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -18,8 +18,7 @@ page {
|
||||
position: fixed;
|
||||
top: 0; left: 0;
|
||||
width: 100vw; height: 100vh;
|
||||
background: radial-gradient(ellipse at 30% 20%, rgba(201,169,98,0.08) 0%, transparent 60%),
|
||||
radial-gradient(ellipse at 80% 70%, rgba(201,169,98,0.05) 0%, transparent 50%);
|
||||
background: linear-gradient(180deg, #fef6d4 0%, #f5f5f5 40%, #f5f5f5 100%);
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -49,7 +48,7 @@ page {
|
||||
height: 48rpx;
|
||||
}
|
||||
.icon-bg {
|
||||
background: rgba(201,169,98,0.08);
|
||||
background: #fef6d4;
|
||||
border-radius: 22rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -125,7 +124,7 @@ page {
|
||||
line-height: 1.2;
|
||||
}
|
||||
.gradient-bg {
|
||||
background: linear-gradient(to right, rgba(201,169,98,0.01), rgba(201,169,98,0.10));
|
||||
background: linear-gradient(to right, rgba(255, 208, 97, 0.05), rgba(255, 208, 97, 0.15));
|
||||
}
|
||||
.title-text {
|
||||
font-size: 34rpx;
|
||||
@@ -134,15 +133,15 @@ page {
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
/* 毛玻璃容器 */
|
||||
/* 卡片容器 */
|
||||
.frosted-box {
|
||||
background: rgba(255, 255, 255, 0.52);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border-radius: 28rpx;
|
||||
background: #fdfcfa;
|
||||
backdrop-filter: none;
|
||||
-webkit-backdrop-filter: none;
|
||||
border-radius: 20rpx;
|
||||
padding: 36rpx 20rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04), inset 0 1rpx 0 rgba(255,255,255,0.8);
|
||||
border: 1rpx solid rgba(255,255,255,0.5);
|
||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* 订单行 */
|
||||
|
||||
Reference in New Issue
Block a user