restore: 恢复橙色逍遥梦UI版本(2ea2860)到主分支
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
XingQue
@@ -17,22 +17,22 @@
|
||||
box-shadow: 0 10rpx 28rpx rgba(0, 0, 0, 0.09);
|
||||
}
|
||||
|
||||
/* 平台订单 - 紫色主题 */
|
||||
/* 平台订单 */
|
||||
.xym-pingtai-order {
|
||||
padding-bottom: 5rpx;
|
||||
background: #7c3aed;
|
||||
background: #927a46;
|
||||
}
|
||||
|
||||
.xym-pingtai-head {
|
||||
height: 72rpx;
|
||||
padding: 0 24rpx;
|
||||
background: linear-gradient(50deg, #6d28d9, #9333ea);
|
||||
background: linear-gradient(50deg, #957c48, #5c4a28);
|
||||
border-radius: 30rpx 30rpx 0 0;
|
||||
}
|
||||
|
||||
.xym-head-time {
|
||||
font-size: 24rpx;
|
||||
color: #e9d5ff;
|
||||
color: #fcd270;
|
||||
}
|
||||
|
||||
.xym-head-tag {
|
||||
@@ -40,21 +40,21 @@
|
||||
padding: 4rpx 16rpx;
|
||||
border-radius: 8rpx;
|
||||
font-weight: 600;
|
||||
background: rgba(196, 181, 253, 0.28);
|
||||
color: #f5f3ff;
|
||||
border: 1rpx solid rgba(196, 181, 253, 0.55);
|
||||
background: rgba(252, 210, 112, 0.22);
|
||||
color: #fcd270;
|
||||
border: 1rpx solid rgba(252, 210, 112, 0.4);
|
||||
}
|
||||
|
||||
.xym-pingtai-body {
|
||||
border-radius: 40rpx 10rpx 30rpx 30rpx;
|
||||
padding: 0 20rpx 24rpx;
|
||||
background: linear-gradient(to bottom, #5b21b6, #c4b5fd);
|
||||
background: linear-gradient(to bottom, #3a3220, #cec180);
|
||||
}
|
||||
|
||||
/* 商家订单 */
|
||||
.xym-shangjia-order {
|
||||
padding-bottom: 5rpx;
|
||||
background: linear-gradient(to bottom, #f5f3ff, #ddd6fe);
|
||||
background: linear-gradient(to bottom, #fff8e1, #ffe0b2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
.xym-shangjia-head .xym-head-tag {
|
||||
background: rgba(255, 255, 255, 0.65);
|
||||
color: #492f00;
|
||||
border-color: rgba(147, 51, 234, 0.5);
|
||||
border-color: rgba(255, 208, 97, 0.5);
|
||||
}
|
||||
|
||||
.order-con {
|
||||
@@ -148,10 +148,34 @@
|
||||
padding: 10rpx 16rpx;
|
||||
background: rgba(255, 77, 109, 0.12);
|
||||
border-radius: 12rpx;
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.zhiding-strip-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.zhiding-strip-tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
align-content: flex-start;
|
||||
width: 100%;
|
||||
margin-top: 2rpx;
|
||||
gap: 4rpx;
|
||||
}
|
||||
|
||||
.zhiding-strip-tags .tag-root {
|
||||
margin: 2rpx 4rpx 2rpx 0;
|
||||
}
|
||||
|
||||
.zhiding-strip.light {
|
||||
background: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
@@ -174,14 +198,105 @@
|
||||
.zhiding-strip .zhiding-name {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
max-width: 200rpx;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.zhiding-tags-row {
|
||||
margin: 8rpx 16rpx 12rpx;
|
||||
}
|
||||
|
||||
.zhiding-tags-row .biaoqian-inline-scroll + .biaoqian-inline-scroll {
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
/* 金牌卡底部商家条 */
|
||||
.gold-card .merchant-strip {
|
||||
margin: 16rpx 6rpx 0;
|
||||
padding: 16rpx 20rpx;
|
||||
align-items: center;
|
||||
border-radius: 16rpx;
|
||||
background: linear-gradient(90deg, #4a3a24 0%, #6b5434 50%, #4a3a24 100%);
|
||||
}
|
||||
|
||||
.gold-card .merchant-strip .m-avatar-sm {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
border: 2rpx solid rgba(255, 215, 0, 0.35);
|
||||
}
|
||||
|
||||
.gold-card .merchant-strip .m-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.gold-card .merchant-strip .m-name-sm {
|
||||
color: #f5e6c8;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.gold-card .merchant-strip .m-sn-light {
|
||||
color: rgba(245, 230, 200, 0.72);
|
||||
font-size: 22rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.merchant-foot {
|
||||
margin-top: 16rpx;
|
||||
padding: 12rpx 10rpx 4rpx;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.merchant-foot .merchant-user {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.merchant-foot .m-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.gold-card .merchant-foot {
|
||||
margin: 16rpx 6rpx 0;
|
||||
padding: 16rpx 12rpx;
|
||||
border-radius: 16rpx;
|
||||
background: linear-gradient(90deg, #4a3a24 0%, #6b5434 50%, #4a3a24 100%);
|
||||
}
|
||||
|
||||
.gold-card .merchant-foot .m-avatar-sm {
|
||||
border: 2rpx solid rgba(255, 215, 0, 0.35);
|
||||
}
|
||||
|
||||
.gold-card .merchant-foot .m-name-sm {
|
||||
color: #f5e6c8;
|
||||
}
|
||||
|
||||
.gold-card .merchant-foot .m-sn-light {
|
||||
color: rgba(245, 230, 200, 0.72);
|
||||
}
|
||||
|
||||
.xym-shangjia-body .merchant-foot {
|
||||
padding-top: 8rpx;
|
||||
}
|
||||
|
||||
.gold-card .order-row {
|
||||
padding: 8rpx 10rpx 0;
|
||||
}
|
||||
|
||||
.gold-card .gold-inner {
|
||||
padding: 16rpx 10rpx 12rpx;
|
||||
}
|
||||
|
||||
.xym-pingtai-body .zhiding-strip .zhiding-name {
|
||||
color: #ede9fe;
|
||||
color: #f5e6b8;
|
||||
}
|
||||
|
||||
.reward-badge {
|
||||
@@ -198,13 +313,13 @@
|
||||
}
|
||||
|
||||
.reward-badge.normal-reward {
|
||||
color: #4c1d95;
|
||||
background: linear-gradient(to bottom, #c4b5fd, #a78bfa);
|
||||
color: #492f00;
|
||||
background: linear-gradient(to bottom, #fae04d, #ffc0a3);
|
||||
}
|
||||
|
||||
.reward-badge.platform-reward {
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #9333ea, #c4b5fd);
|
||||
background: linear-gradient(to right, #dabd83, #704029);
|
||||
}
|
||||
|
||||
.xym-shangjia-body .reward-badge:not(.member-tip) {
|
||||
@@ -253,8 +368,8 @@
|
||||
|
||||
.remark-block.gold {
|
||||
color: #fff;
|
||||
border-color: #c4b5fd;
|
||||
background: rgba(196, 181, 253, 0.12);
|
||||
border-color: #ffd700;
|
||||
background: rgba(255, 215, 0, 0.12);
|
||||
}
|
||||
|
||||
.remark-block.dark {
|
||||
@@ -268,7 +383,7 @@
|
||||
}
|
||||
|
||||
.remark-block.gold .remark-label {
|
||||
color: #c4b5fd;
|
||||
color: #ffd700;
|
||||
}
|
||||
|
||||
.remark-block.dark .remark-label {
|
||||
@@ -303,17 +418,17 @@
|
||||
}
|
||||
|
||||
.o-amt.light {
|
||||
color: #ede9fe;
|
||||
color: #f5e6b8;
|
||||
}
|
||||
|
||||
.btn-bg {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa);
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3);
|
||||
border-radius: 60rpx;
|
||||
color: #492f00;
|
||||
}
|
||||
|
||||
.qiangdan {
|
||||
color: #4c1d95;
|
||||
color: #492f00;
|
||||
width: 180rpx;
|
||||
min-width: 100rpx;
|
||||
padding: 15rpx 10rpx;
|
||||
@@ -325,8 +440,8 @@
|
||||
}
|
||||
|
||||
.qiangdan.btn-qiang-brown {
|
||||
background: linear-gradient(to right, #7c3aed 0%, #c4b5fd 100%) !important;
|
||||
color: #fff !important;
|
||||
background: linear-gradient(to right, #7a4a2d 0%, #e4ce94 100%) !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
.view-more-inline {
|
||||
@@ -336,6 +451,251 @@
|
||||
}
|
||||
|
||||
.biaoqian-inline-scroll {
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.biaoqian-inline-inner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
padding-right: 12rpx;
|
||||
}
|
||||
|
||||
/* 优质商家金牌卡片 — 与逍遥梦 ui-preview 一致 */
|
||||
.xym-order-item.gold-card {
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 30rpx;
|
||||
box-shadow: 0 12rpx 32rpx rgba(248, 211, 44, 0.28);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gold-card {
|
||||
padding-bottom: 5rpx;
|
||||
position: relative;
|
||||
background: linear-gradient(to bottom, #ffecc5, #fffbf3);
|
||||
}
|
||||
|
||||
.gold-head {
|
||||
height: 77rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: linear-gradient(127deg, #F8D32C 0%, #FFB26A 35%, #FFEE58 70%, #F8D32C 100%);
|
||||
border-radius: 32rpx 32rpx 0 0;
|
||||
}
|
||||
|
||||
.kehuduan-banner-wrap,
|
||||
.gold-banner-wrap {
|
||||
margin-left: 46rpx;
|
||||
}
|
||||
|
||||
.gold-banner {
|
||||
width: 222rpx;
|
||||
height: 70rpx;
|
||||
margin-left: -28rpx;
|
||||
margin-top: 8rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tag-row {
|
||||
flex-wrap: wrap;
|
||||
gap: 8rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.tag-pill {
|
||||
font-size: 22rpx;
|
||||
padding: 4rpx 18rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.tag-pill.tag-youzhi,
|
||||
.tag-youzhi {
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3);
|
||||
color: #492c00;
|
||||
font-size: 24rpx;
|
||||
padding: 4rpx 18rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 10rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.gold-body-wrap {
|
||||
border-radius: 10rpx 10rpx 30rpx 30rpx;
|
||||
padding: 0 20rpx 20rpx;
|
||||
background: linear-gradient(to bottom, #1f1a14 0%, #342b22 38%, #4a3d30 68%, #6b5638 100%);
|
||||
}
|
||||
|
||||
.gold-inner {
|
||||
padding: 25rpx 10rpx 10rpx;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.gold-card .o-goods {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.gold-card .m-name-sm {
|
||||
color: #f5e6c8;
|
||||
}
|
||||
|
||||
.gold-card .merchant-line {
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
|
||||
.gold-card .remark-block.dark {
|
||||
color: rgba(255, 255, 255, 0.88);
|
||||
border-color: #c9a227;
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
margin: 12rpx 10rpx 0;
|
||||
padding: 8rpx 20rpx;
|
||||
border-bottom: 1rpx dotted rgba(255, 255, 255, 0.15);
|
||||
padding-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.gold-card .remark-block.dark .remark-label {
|
||||
color: #e8c547;
|
||||
}
|
||||
|
||||
.gold-card .merchant-tags-container,
|
||||
.gold-card .xuqiu-tags-row {
|
||||
margin: 10rpx 5rpx 0;
|
||||
border-top: 3rpx dotted rgba(255, 255, 255, 0.15);
|
||||
padding-top: 16rpx;
|
||||
}
|
||||
|
||||
.gold-card .merchant-strip {
|
||||
background: linear-gradient(90deg, #4a3a24 0%, #6b5434 50%, #4a3a24 100%);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.gold-card .m-name.light-t,
|
||||
.gold-card .m-name-sm {
|
||||
color: #f5e6c8;
|
||||
}
|
||||
|
||||
.gold-card .m-sn.light-sub,
|
||||
.gold-card .m-sn-light {
|
||||
color: rgba(245, 230, 200, 0.72);
|
||||
}
|
||||
|
||||
.gold-card .o-amt-grey {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.gold-card .zhiding-strip {
|
||||
background: rgba(255, 215, 0, 0.12);
|
||||
}
|
||||
|
||||
.gold-card .zhiding-strip .zhiding-name {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.gold-card .zhiding-strip .zhiding-label {
|
||||
color: #ffd700;
|
||||
background: rgba(255, 215, 0, 0.2);
|
||||
}
|
||||
|
||||
.gold-card .o-amt {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.gold-card .reward-badge.normal-reward.gold-reward {
|
||||
top: 100rpx;
|
||||
box-shadow: 0 4rpx 14rpx rgba(201, 162, 39, 0.35);
|
||||
border: 1rpx solid rgba(255, 215, 0, 0.4);
|
||||
}
|
||||
|
||||
.gold-card .merchant-plain {
|
||||
margin-top: 20rpx;
|
||||
padding: 0 10rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gold-card .merchant-plain.flexb .merchant-user {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gold-card .merchant-plain.flexb .m-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.gold-card .merchant-plain.flexb .qiangdan {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.gold-card .gold-foot-text-only {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.gold-card .m-avatar {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
border: 2rpx solid rgba(255, 215, 0, 0.35);
|
||||
}
|
||||
|
||||
.gold-card .m-name-light {
|
||||
color: #f5e6c8;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.line1 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.gold-card .m-sn-light {
|
||||
color: rgba(245, 230, 200, 0.72);
|
||||
font-size: 22rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.gold-card .o-amt-grey {
|
||||
font-size: 24rpx;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.gold-card .kehuduan-foot {
|
||||
justify-content: flex-end;
|
||||
margin-top: 16rpx;
|
||||
padding: 0 10rpx 6rpx;
|
||||
}
|
||||
|
||||
/* 公告条 */
|
||||
.xym-gonggao-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fdf9db;
|
||||
margin: 0 24rpx 0;
|
||||
border-radius: 10rpx;
|
||||
padding: 10rpx 16rpx;
|
||||
}
|
||||
|
||||
.xym-gonggao-ico {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
flex-shrink: 0;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.xym-gonggao-txt {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
119
styles/dashou-xym-orders-page.wxss
Normal file
119
styles/dashou-xym-orders-page.wxss
Normal file
@@ -0,0 +1,119 @@
|
||||
/* 打手订单 Tab - 逍遥梦 order 页布局增强 */
|
||||
@import './xym-layout.wxss';
|
||||
|
||||
.ds-page.xym-order-page {
|
||||
background: #f5f5f5;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.xym-order-page .xym-order-header {
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
padding-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.xym-order-page .xym-order-bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.xym-order-page .xym-order-title-bar {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
text-align: center;
|
||||
padding: 16rpx 0 8rpx;
|
||||
}
|
||||
|
||||
.xym-order-page .xym-order-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
color: #343434;
|
||||
}
|
||||
|
||||
.xym-order-page .main-container {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.xym-order-page .order-card-xym {
|
||||
margin: 0 0 16rpx;
|
||||
padding: 20rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.xym-order-page .card-hd-xym {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.xym-order-page .card-time-xym {
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.xym-order-page .card-status-xym {
|
||||
font-size: 24rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.xym-order-page .card-bd-xym {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.xym-order-page .goods-img-xym {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 12rpx;
|
||||
flex-shrink: 0;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.xym-order-page .goods-info-xym {
|
||||
flex: 1;
|
||||
margin-left: 16rpx;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.xym-order-page .goods-name-xym {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #222;
|
||||
line-height: 1.4;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.xym-order-page .goods-sub-xym {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.xym-order-page .goods-price-xym {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #492f00;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.xym-order-page .load-tip-xym {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 24rpx;
|
||||
padding: 20rpx 0 40rpx;
|
||||
}
|
||||
@@ -13,8 +13,8 @@
|
||||
}
|
||||
|
||||
.leixing-item.leixing-active {
|
||||
background: linear-gradient(180deg, #ede9fe, #c4b5fd) !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(147, 51, 234, 0.35) !important;
|
||||
background: linear-gradient(180deg, #fff0c2, #f5d563) !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(255, 208, 97, 0.35) !important;
|
||||
}
|
||||
|
||||
.leixing-active .leixing-name {
|
||||
@@ -32,14 +32,14 @@
|
||||
}
|
||||
|
||||
.type-btn.type-active {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
box-shadow: 0 2rpx 8rpx rgba(180, 130, 20, 0.2) !important;
|
||||
}
|
||||
|
||||
.search-box {
|
||||
background: #fff !important;
|
||||
border: 1rpx solid rgba(147, 51, 234, 0.3) !important;
|
||||
border: 1rpx solid rgba(255, 208, 97, 0.3) !important;
|
||||
}
|
||||
|
||||
.left-status {
|
||||
@@ -48,7 +48,7 @@
|
||||
}
|
||||
|
||||
.status-item.status-active {
|
||||
background: #f5f3ff !important;
|
||||
background: #fff8e1 !important;
|
||||
}
|
||||
|
||||
.status-active .status-name {
|
||||
@@ -56,7 +56,7 @@
|
||||
}
|
||||
|
||||
.status-dot {
|
||||
background: #9333ea !important;
|
||||
background: #ffd061 !important;
|
||||
}
|
||||
|
||||
.right-list {
|
||||
@@ -74,11 +74,11 @@
|
||||
|
||||
.loading-spinner,
|
||||
.mini-spinner {
|
||||
border-top-color: #9333ea !important;
|
||||
border-top-color: #ffd061 !important;
|
||||
}
|
||||
|
||||
.load-more-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
border: 2rpx solid #fff !important;
|
||||
}
|
||||
|
||||
@@ -24,13 +24,13 @@ page {
|
||||
.role-chip {
|
||||
background: rgba(255, 255, 255, 0.8) !important;
|
||||
color: #666 !important;
|
||||
border: 2rpx solid rgba(147, 51, 234, 0.25) !important;
|
||||
border: 2rpx solid rgba(255, 208, 97, 0.25) !important;
|
||||
}
|
||||
|
||||
.role-chip.on {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
border-color: #9333ea !important;
|
||||
border-color: #ffd061 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
@@ -40,7 +40,7 @@ page {
|
||||
}
|
||||
|
||||
.date-chip.on {
|
||||
background: #ede9fe !important;
|
||||
background: #fef6d4 !important;
|
||||
color: #492f00 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
@@ -76,7 +76,7 @@ page {
|
||||
}
|
||||
|
||||
.my-rank-bar {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
}
|
||||
|
||||
.my-rank-bar text {
|
||||
@@ -88,5 +88,5 @@ page {
|
||||
}
|
||||
|
||||
.loader {
|
||||
border-top-color: #9333ea !important;
|
||||
border-top-color: #ffd061 !important;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
/* 打手充值页 - 逍遥梦风格视觉覆盖（不改 wxml/逻辑） */
|
||||
|
||||
.page-container {
|
||||
background: linear-gradient(180deg, #c4b5fd 0%, #fff 22%, #f5f3ff 100%) !important;
|
||||
background: linear-gradient(180deg, #f7dc51 0%, #fff 22%, #fff8e1 100%) !important;
|
||||
}
|
||||
|
||||
.page-container::before {
|
||||
@@ -19,18 +19,18 @@
|
||||
|
||||
.dec-line,
|
||||
.dec-diamond {
|
||||
background: #9333ea !important;
|
||||
background: #ffd061 !important;
|
||||
}
|
||||
|
||||
.vip-card {
|
||||
background: #fdfcfa !important;
|
||||
border: 2rpx solid rgba(147, 51, 234, 0.5) !important;
|
||||
border: 2rpx solid rgba(255, 208, 97, 0.5) !important;
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
.vip-card.active {
|
||||
border-color: #9333ea !important;
|
||||
box-shadow: 0 8rpx 28rpx rgba(147, 51, 234, 0.35) !important;
|
||||
border-color: #ffd061 !important;
|
||||
box-shadow: 0 8rpx 28rpx rgba(255, 208, 97, 0.35) !important;
|
||||
}
|
||||
|
||||
.card-frame,
|
||||
@@ -69,7 +69,7 @@
|
||||
.tech-buy-btn,
|
||||
.tech-btn,
|
||||
.modal-btn.confirm-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
border: 2rpx solid #fff !important;
|
||||
border-radius: 44rpx !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(180, 130, 20, 0.25) !important;
|
||||
@@ -122,8 +122,8 @@
|
||||
|
||||
.huiyuan-tag,
|
||||
.tech-tag {
|
||||
background: #ede9fe !important;
|
||||
border: 1rpx solid rgba(147, 51, 234, 0.4) !important;
|
||||
background: #fef6d4 !important;
|
||||
border: 1rpx solid rgba(255, 208, 97, 0.4) !important;
|
||||
}
|
||||
|
||||
.tag-name {
|
||||
@@ -135,7 +135,7 @@
|
||||
}
|
||||
|
||||
.tech-line {
|
||||
background: linear-gradient(90deg, transparent, #9333ea, transparent) !important;
|
||||
background: linear-gradient(90deg, transparent, #ffd061, transparent) !important;
|
||||
}
|
||||
|
||||
.tech-modal .modal-container {
|
||||
@@ -168,13 +168,13 @@
|
||||
}
|
||||
|
||||
.quick-btn {
|
||||
background: #ede9fe !important;
|
||||
border: 2rpx solid rgba(147, 51, 234, 0.4) !important;
|
||||
background: #fef6d4 !important;
|
||||
border: 2rpx solid rgba(255, 208, 97, 0.4) !important;
|
||||
}
|
||||
|
||||
.quick-btn.active {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
border-color: #9333ea !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
border-color: #ffd061 !important;
|
||||
}
|
||||
|
||||
.quick-text {
|
||||
@@ -182,7 +182,7 @@
|
||||
}
|
||||
|
||||
.pay-method-item {
|
||||
background: #ede9fe !important;
|
||||
background: #fef6d4 !important;
|
||||
border-radius: 16rpx !important;
|
||||
}
|
||||
|
||||
@@ -204,8 +204,8 @@
|
||||
}
|
||||
|
||||
.spinner-ring {
|
||||
border-color: rgba(147, 51, 234, 0.3) !important;
|
||||
border-top-color: #9333ea !important;
|
||||
border-color: rgba(255, 208, 97, 0.3) !important;
|
||||
border-top-color: #ffd061 !important;
|
||||
}
|
||||
|
||||
.tech-footer .footer-text {
|
||||
|
||||
@@ -1,10 +1,18 @@
|
||||
/* 打手端抢单页 - 逍遥梦风格视觉覆盖（不改 wxml 结构/class） */
|
||||
|
||||
.xym-lunbo-container {
|
||||
margin: 16rpx 24rpx 0;
|
||||
margin: 8rpx 24rpx 10rpx;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.7);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.xym-section-gap {
|
||||
height: 12rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.xym-lunbo-swiper {
|
||||
@@ -19,7 +27,7 @@
|
||||
}
|
||||
|
||||
.qiangdan-page {
|
||||
background: linear-gradient(180deg, #c4b5fd 0%, #fff 28%, #f5f3ff 100%) !important;
|
||||
background: linear-gradient(180deg, #f7dc51 0%, #fff 28%, #fff8e1 100%) !important;
|
||||
}
|
||||
|
||||
.qiangdan-page::before {
|
||||
@@ -29,10 +37,11 @@
|
||||
.leixing-quyu {
|
||||
background: #fff !important;
|
||||
border-bottom: none !important;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06) !important;
|
||||
margin: 12rpx 20rpx 0 !important;
|
||||
box-shadow: 0 4rpx 14rpx rgba(0, 0, 0, 0.06) !important;
|
||||
margin: 6rpx 20rpx 8rpx !important;
|
||||
border-radius: 28rpx !important;
|
||||
padding: 14rpx 0 8rpx !important;
|
||||
border: 2rpx solid rgba(255, 224, 130, 0.5) !important;
|
||||
}
|
||||
|
||||
.leixing-scroll {
|
||||
@@ -52,8 +61,8 @@
|
||||
}
|
||||
|
||||
.leixing-active .leixing-tupian {
|
||||
border: 3rpx solid #9333ea !important;
|
||||
box-shadow: 0 6rpx 16rpx rgba(147, 51, 234, 0.45) !important;
|
||||
border: 3rpx solid #ffd061 !important;
|
||||
box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.45) !important;
|
||||
}
|
||||
|
||||
.leixing-jieshao {
|
||||
@@ -64,12 +73,12 @@
|
||||
}
|
||||
|
||||
.leixing-active .leixing-jieshao {
|
||||
color: #6d28d9 !important;
|
||||
color: #492f00 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
.guangyun-effect {
|
||||
background: radial-gradient(circle, rgba(147, 51, 234, 0.35) 0%, transparent 70%) !important;
|
||||
background: radial-gradient(circle, rgba(255, 208, 97, 0.35) 0%, transparent 70%) !important;
|
||||
}
|
||||
|
||||
.biaoqian-quyu {
|
||||
@@ -79,16 +88,16 @@
|
||||
|
||||
.biaoqian-item {
|
||||
background: rgba(255, 255, 255, 0.65) !important;
|
||||
border: 2rpx solid rgba(147, 51, 234, 0.25) !important;
|
||||
border: 2rpx solid rgba(201, 162, 39, 0.25) !important;
|
||||
}
|
||||
|
||||
.biaoqian-active {
|
||||
background: linear-gradient(180deg, #ede9fe, #c4b5fd) !important;
|
||||
border-color: rgba(124, 58, 237, 0.85) !important;
|
||||
background: linear-gradient(180deg, #fff0c2, #f5d563) !important;
|
||||
border-color: rgba(180, 130, 20, 0.85) !important;
|
||||
}
|
||||
|
||||
.fenge-xian {
|
||||
background: linear-gradient(90deg, transparent, #9333ea, transparent) !important;
|
||||
background: linear-gradient(90deg, transparent, #ffd061, transparent) !important;
|
||||
opacity: 0.6 !important;
|
||||
margin: 6rpx 30rpx 0 !important;
|
||||
}
|
||||
@@ -100,7 +109,7 @@
|
||||
|
||||
.refreshing-text,
|
||||
.pull-down-text {
|
||||
color: #7c3aed !important;
|
||||
color: #6b5420 !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
@@ -120,7 +129,7 @@
|
||||
}
|
||||
|
||||
.pingtai-card {
|
||||
background: linear-gradient(to bottom, #7c3aed, #c4b5fd) !important;
|
||||
background: linear-gradient(to bottom, #927a46, #cec180) !important;
|
||||
padding: 0 0 16rpx !important;
|
||||
}
|
||||
|
||||
@@ -131,7 +140,7 @@
|
||||
|
||||
.pingtai-card .card-top,
|
||||
.shangjia-card .card-top {
|
||||
background: linear-gradient(50deg, #6d28d9, #9333ea) !important;
|
||||
background: linear-gradient(50deg, #957c48, #5c4a28) !important;
|
||||
border-radius: 28rpx 28rpx 0 0 !important;
|
||||
margin: -28rpx -24rpx 16rpx !important;
|
||||
padding: 16rpx 24rpx !important;
|
||||
@@ -139,11 +148,11 @@
|
||||
|
||||
.pingtai-tag,
|
||||
.creat-time {
|
||||
color: #ede9fe !important;
|
||||
color: #fcd270 !important;
|
||||
}
|
||||
|
||||
.shangjia-card {
|
||||
background: linear-gradient(to bottom, #f5f3ff, #ddd6fe) !important;
|
||||
background: linear-gradient(to bottom, #fff8e1, #ffe0b2) !important;
|
||||
}
|
||||
|
||||
.card-content,
|
||||
@@ -167,26 +176,26 @@
|
||||
}
|
||||
|
||||
.fenyong-box {
|
||||
background: linear-gradient(to bottom, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(to bottom, #fae04d, #ffc0a3) !important;
|
||||
border-radius: 30rpx !important;
|
||||
}
|
||||
|
||||
.fenyong-text,
|
||||
.fenyong-price,
|
||||
.fenyong-unit {
|
||||
color: #4c1d95 !important;
|
||||
color: #492f00 !important;
|
||||
}
|
||||
|
||||
.qiangdan-btn,
|
||||
.mecha-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
border: 2rpx solid #fff !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(124, 58, 237, 0.25) !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(180, 130, 20, 0.25) !important;
|
||||
}
|
||||
|
||||
.qiangdan-btn .btn-text,
|
||||
.mecha-btn .btn-text {
|
||||
color: #4c1d95 !important;
|
||||
color: #492f00 !important;
|
||||
}
|
||||
|
||||
.btn-shine,
|
||||
@@ -196,7 +205,7 @@
|
||||
}
|
||||
|
||||
.loading-mask {
|
||||
background: rgba(245, 243, 255, 0.85) !important;
|
||||
background: rgba(255, 248, 225, 0.85) !important;
|
||||
}
|
||||
|
||||
.loading-mask-text,
|
||||
@@ -206,7 +215,7 @@
|
||||
}
|
||||
|
||||
.unauthorized-container {
|
||||
background: linear-gradient(180deg, #c4b5fd, #fff 50%) !important;
|
||||
background: linear-gradient(180deg, #f7dc51, #fff 50%) !important;
|
||||
}
|
||||
|
||||
.unauthorized-card {
|
||||
@@ -225,12 +234,12 @@
|
||||
}
|
||||
|
||||
.btn-register {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
border-radius: 44rpx !important;
|
||||
}
|
||||
|
||||
.btn-register .btn-text {
|
||||
color: #4c1d95 !important;
|
||||
color: #492f00 !important;
|
||||
}
|
||||
|
||||
.card-glow {
|
||||
@@ -246,15 +255,15 @@
|
||||
}
|
||||
|
||||
.tag-platform {
|
||||
background: rgba(196, 181, 253, 0.28);
|
||||
color: #ede9fe;
|
||||
border: 1rpx solid rgba(196, 181, 253, 0.55);
|
||||
background: rgba(252, 210, 112, 0.22);
|
||||
color: #fcd270;
|
||||
border: 1rpx solid rgba(252, 210, 112, 0.45);
|
||||
}
|
||||
|
||||
.tag-merchant {
|
||||
background: rgba(255, 255, 255, 0.45);
|
||||
color: #6d28d9;
|
||||
border: 1rpx solid rgba(147, 51, 234, 0.55);
|
||||
color: #492f00;
|
||||
border: 1rpx solid rgba(255, 208, 97, 0.55);
|
||||
}
|
||||
|
||||
.fenyong-mark {
|
||||
@@ -264,7 +273,7 @@
|
||||
text-align: center;
|
||||
font-size: 22rpx;
|
||||
font-weight: 700;
|
||||
color: #4c1d95;
|
||||
color: #492f00;
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
border-radius: 50%;
|
||||
margin-right: 8rpx;
|
||||
@@ -286,3 +295,62 @@
|
||||
font-weight: 700 !important;
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
/* 手动刷新悬浮钮（抢单池 / 接单页） */
|
||||
.refresh-float {
|
||||
position: fixed;
|
||||
right: 24rpx;
|
||||
top: calc(env(safe-area-inset-top) + 88rpx);
|
||||
z-index: 20;
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
|
||||
border: 2rpx solid rgba(255, 208, 97, 0.45);
|
||||
}
|
||||
|
||||
.refresh-float:active {
|
||||
transform: scale(0.96);
|
||||
}
|
||||
|
||||
.refresh-float-ico {
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
|
||||
.dingdanxiang1.filter-card {
|
||||
margin: 12rpx 20rpx 8rpx !important;
|
||||
border-radius: 24rpx !important;
|
||||
background: rgba(255, 255, 255, 0.95) !important;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.06) !important;
|
||||
border: 2rpx solid rgba(255, 224, 130, 0.45) !important;
|
||||
}
|
||||
|
||||
.xym-gonggao-bar {
|
||||
margin: 8rpx 20rpx 0;
|
||||
padding: 12rpx 16rpx;
|
||||
border-radius: 12rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.xym-gonggao-ico {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 12rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.xym-gonggao-txt {
|
||||
font-size: 24rpx;
|
||||
color: #492f00;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
292
styles/dashou-xym-user.wxss
Normal file
292
styles/dashou-xym-user.wxss
Normal file
@@ -0,0 +1,292 @@
|
||||
/* 打手「我的」页 - 逍遥梦 user 页视觉（仅样式） */
|
||||
@import './xym-layout.wxss';
|
||||
|
||||
.shadow {
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.user-page.xym-user {
|
||||
background: linear-gradient(180deg, #f7dc51 0%, #fff 28%, #fff8e1 100%);
|
||||
}
|
||||
|
||||
.user-page.xym-user .bg-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.user-page.xym-user .wallet-card {
|
||||
margin: 0 30rpx;
|
||||
padding: 20rpx;
|
||||
border-radius: 26rpx;
|
||||
background: #fef6d4;
|
||||
}
|
||||
|
||||
.user-page.xym-user .w-label {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .w-num {
|
||||
font-size: 44rpx;
|
||||
font-weight: 700;
|
||||
color: #222;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .w-sub {
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .btn-outline {
|
||||
padding: 10rpx 24rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 60rpx;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3);
|
||||
color: #492f00;
|
||||
white-space: nowrap;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .banner-row {
|
||||
margin: 20rpx 24rpx 0;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.user-page.xym-user .banner-img {
|
||||
width: 48%;
|
||||
height: 150rpx;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
background: #eee;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.user-page.xym-user .banner-row .banner-img:first-child {
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
.user-page.xym-user .qiepian-wrap {
|
||||
margin: 20rpx 24rpx 0;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.user-page.xym-user .qiepian-banner {
|
||||
width: 100%;
|
||||
display: block;
|
||||
min-height: 120rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .tip-bar {
|
||||
margin: 22rpx 30rpx 0;
|
||||
padding: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
background: #ffedee;
|
||||
color: #ff4c45;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .tip-ico {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .tip-arrow {
|
||||
color: #ff4c45;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .my-box {
|
||||
border-radius: 20rpx;
|
||||
margin: 20rpx;
|
||||
padding-bottom: 10rpx;
|
||||
background: #fdfcfa;
|
||||
}
|
||||
|
||||
.user-page.xym-user .panel-title {
|
||||
padding: 35rpx 35rpx 0;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.user-page.xym-user .lg {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.user-page.xym-user .muted {
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .sm {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.user-page.xym-user .order-nav {
|
||||
padding: 26rpx 0 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.user-page.xym-user .nav-item {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-page.xym-user .icon-wrap {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.user-page.xym-user .nav-badge {
|
||||
position: absolute;
|
||||
top: -8rpx;
|
||||
right: 8rpx;
|
||||
min-width: 32rpx;
|
||||
height: 32rpx;
|
||||
line-height: 32rpx;
|
||||
text-align: center;
|
||||
font-size: 20rpx;
|
||||
background: #ff4c45;
|
||||
color: #fff;
|
||||
border-radius: 16rpx;
|
||||
z-index: 1;
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .nav-icon {
|
||||
width: 62rpx;
|
||||
height: 62rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .section-hd {
|
||||
font-weight: 700;
|
||||
font-size: 32rpx;
|
||||
padding: 30rpx 20rpx 0;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.user-page.xym-user .trade-list {
|
||||
flex-wrap: wrap;
|
||||
padding: 20rpx 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.user-page.xym-user .trade-item {
|
||||
width: 20%;
|
||||
padding: 12rpx 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-page.xym-user .trade-icon {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .invite-row {
|
||||
padding: 20rpx 10rpx 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.user-page.xym-user .invite-item {
|
||||
width: 33.33%;
|
||||
padding: 10rpx 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-page.xym-user .invite-icon {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .func-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
|
||||
.user-page.xym-user .func-item-xym {
|
||||
width: 25%;
|
||||
padding: 16rpx 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-page.xym-user .func-icon-wrap {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .func-icon-xym {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .func-txt-xym {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.user-page.xym-user .follow-kuaishou {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: calc(280rpx + env(safe-area-inset-bottom));
|
||||
z-index: 99;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border-radius: 40rpx 0 0 40rpx;
|
||||
padding: 12rpx 16rpx 12rpx 20rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.user-page.xym-user .follow-kuaishou.expanded {
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .ks-icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.user-page.xym-user .ks-text {
|
||||
font-size: 24rpx;
|
||||
color: #333;
|
||||
margin-left: 10rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.user-page.xym-user .load-tip {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 24rpx;
|
||||
padding: 24rpx 0 40rpx;
|
||||
}
|
||||
219
styles/shangjia-merchant-order-card.wxss
Normal file
219
styles/shangjia-merchant-order-card.wxss
Normal file
@@ -0,0 +1,219 @@
|
||||
/* 商家订单列表卡片 - 对齐逍遥梦 ui-preview/index */
|
||||
|
||||
.normal-card {
|
||||
padding-bottom: 5rpx;
|
||||
margin-bottom: 24rpx;
|
||||
border-radius: 30rpx;
|
||||
position: relative;
|
||||
background: linear-gradient(to bottom, #fff8e1, #ffe0b2);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.normal-body-wrap {
|
||||
border-radius: 10rpx 10rpx 30rpx 30rpx;
|
||||
padding: 0 20rpx 20rpx;
|
||||
}
|
||||
|
||||
.normal-card .order-row {
|
||||
padding: 20rpx 10rpx 10rpx;
|
||||
}
|
||||
|
||||
.normal-card .remark-block.dark {
|
||||
color: #888;
|
||||
border: none;
|
||||
background: transparent;
|
||||
margin: 0 10rpx 10rpx;
|
||||
padding: 8rpx 20rpx;
|
||||
border-bottom: 1rpx dotted #ddd;
|
||||
padding-bottom: 15rpx;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.normal-card .remark-label.dark-t {
|
||||
color: #888;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.normal-card .merchant-tags-container {
|
||||
margin-top: 10rpx;
|
||||
border-top: 3rpx dotted rgba(255, 255, 255, 0.85);
|
||||
padding-top: 16rpx;
|
||||
}
|
||||
|
||||
.normal-card .o-foot {
|
||||
margin-top: 20rpx;
|
||||
padding: 0 10rpx 6rpx;
|
||||
}
|
||||
|
||||
/* 金牌卡样式见 dashou-xym-order-card.wxss，此处仅保留商家端差异 */
|
||||
|
||||
.order-con {
|
||||
position: relative;
|
||||
min-height: 100rpx;
|
||||
}
|
||||
|
||||
.order-row {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.o-logo {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
margin-right: 14rpx;
|
||||
flex-shrink: 0;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.o-col {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding-right: 136rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.o-goods {
|
||||
font-weight: 700;
|
||||
font-size: 30rpx;
|
||||
line-height: 1.5;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.line2 {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.reward-badge {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 18rpx;
|
||||
font-size: 24rpx;
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 30rpx 10rpx 0 30rpx;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
z-index: 3;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.normal-reward {
|
||||
color: #492f00;
|
||||
background: linear-gradient(to bottom, #fae04d, #ffc0a3);
|
||||
}
|
||||
|
||||
.reward-yen.sm {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.reward-num {
|
||||
font-weight: 700;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
.reward-num.dark {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
.remark-block.dark {
|
||||
color: #666;
|
||||
border-color: #87ceeb;
|
||||
background: rgba(135, 206, 235, 0.12);
|
||||
font-size: 24rpx;
|
||||
margin: 12rpx 10rpx 0;
|
||||
padding: 12rpx 16rpx;
|
||||
border-left: 4rpx solid #87ceeb;
|
||||
border-radius: 0 8rpx 8rpx 0;
|
||||
}
|
||||
|
||||
.remark-label.dark-t {
|
||||
color: #87ceeb;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.merchant-tags-container {
|
||||
margin: 10rpx 5rpx 0;
|
||||
}
|
||||
|
||||
.biaoqian-inline-scroll {
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.merchant-strip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-image: url('https://bintao-1308403501.cos.ap-guangzhou.myqcloud.com/xcx/static/dilanimg/50.png');
|
||||
background-size: 100% 100%;
|
||||
border-radius: 16rpx 16rpx 0 0;
|
||||
padding: 12rpx 16rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.m-avatar {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 12rpx;
|
||||
flex-shrink: 0;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.m-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.m-name.light-t {
|
||||
color: #fff;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.m-sn.light-sub {
|
||||
color: #fff;
|
||||
font-size: 22rpx;
|
||||
opacity: 0.9;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.o-foot {
|
||||
margin-top: 16rpx;
|
||||
padding: 0 10rpx 6rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.o-amt-grey {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.sj-status-pill {
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
padding: 8rpx 20rpx;
|
||||
border-radius: 30rpx;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3);
|
||||
color: #492f00;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* zhiding / gold-card 见 dashou-xym-order-card.wxss */
|
||||
|
||||
.myflex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flexb {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@@ -10,7 +10,7 @@
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: linear-gradient(180deg, #c4b5fd 0%, #fff 28%, #f5f3ff 100%);
|
||||
background: linear-gradient(180deg, #f7dc51 0%, #fff 28%, #fff8e1 100%);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -49,13 +49,13 @@
|
||||
font-weight: 700;
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 60rpx;
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa);
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3);
|
||||
color: #492f00;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sj-btn-bg {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa);
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3);
|
||||
border-radius: 60rpx;
|
||||
color: #492f00;
|
||||
font-weight: 700;
|
||||
@@ -66,7 +66,7 @@
|
||||
font-size: 20rpx;
|
||||
padding: 4rpx 12rpx;
|
||||
border-radius: 8rpx;
|
||||
background: #8b5cf6;
|
||||
background: #ffb74d;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
margin: 0 30rpx;
|
||||
padding: 24rpx 20rpx;
|
||||
border-radius: 26rpx;
|
||||
background: #ede9fe;
|
||||
background: #fef6d4;
|
||||
}
|
||||
|
||||
.sj-w-label {
|
||||
@@ -129,11 +129,11 @@
|
||||
}
|
||||
|
||||
.sj-fadan-btn--regular {
|
||||
background: linear-gradient(135deg, #f5f3ff, #ddd6fe);
|
||||
background: linear-gradient(135deg, #fff8e1, #ffe0b2);
|
||||
}
|
||||
|
||||
.sj-fadan-btn--custom {
|
||||
background: linear-gradient(135deg, #ede9fe, #c4b5fd);
|
||||
background: linear-gradient(135deg, #fef6d4, #ffd061);
|
||||
}
|
||||
|
||||
.sj-fadan-title {
|
||||
@@ -219,7 +219,7 @@
|
||||
text-align: center;
|
||||
padding: 16rpx 8rpx;
|
||||
border-radius: 12rpx;
|
||||
background: linear-gradient(180deg, #f5f3ff, #ede9fe);
|
||||
background: linear-gradient(180deg, #fff8e1, #fef6d4);
|
||||
font-size: 24rpx;
|
||||
color: #492f00;
|
||||
font-weight: 600;
|
||||
|
||||
@@ -7,11 +7,11 @@
|
||||
padding: 24rpx;
|
||||
padding-bottom: 160rpx;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient(180deg, #c4b5fd 0%, #f5f5f5 18%, #f5f5f5 100%);
|
||||
background: linear-gradient(180deg, #f7dc51 0%, #fff8e1 18%, #fff8e1 100%);
|
||||
}
|
||||
|
||||
.sj-form-theme .balance-card {
|
||||
background: #ede9fe !important;
|
||||
background: #fef6d4 !important;
|
||||
border-radius: 26rpx !important;
|
||||
padding: 28rpx 24rpx !important;
|
||||
margin-bottom: 20rpx !important;
|
||||
@@ -76,7 +76,7 @@
|
||||
}
|
||||
|
||||
.sj-form-theme .card-dot {
|
||||
background: #9333ea !important;
|
||||
background: #ffd061 !important;
|
||||
}
|
||||
|
||||
.sj-form-theme .card-title,
|
||||
@@ -108,12 +108,12 @@
|
||||
|
||||
.sj-form-theme .type-chip--active,
|
||||
.sj-form-theme .type-active {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
font-weight: 700 !important;
|
||||
border: none !important;
|
||||
transform: none !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(147, 51, 234, 0.35) !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(255, 208, 97, 0.45) !important;
|
||||
}
|
||||
|
||||
.sj-form-theme .type-text {
|
||||
@@ -161,11 +161,11 @@
|
||||
}
|
||||
|
||||
.sj-form-theme .submit-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
border-radius: 44rpx !important;
|
||||
font-weight: 700 !important;
|
||||
box-shadow: 0 6rpx 16rpx rgba(147, 51, 234, 0.35) !important;
|
||||
box-shadow: 0 6rpx 16rpx rgba(255, 208, 97, 0.45) !important;
|
||||
}
|
||||
|
||||
.sj-form-theme .submit-bar {
|
||||
@@ -174,7 +174,7 @@
|
||||
}
|
||||
|
||||
.sj-form-theme switch {
|
||||
color: #9333ea !important;
|
||||
color: #ffd061 !important;
|
||||
}
|
||||
|
||||
.sj-form-theme .search-section {
|
||||
@@ -197,7 +197,7 @@
|
||||
}
|
||||
|
||||
.sj-form-theme .search-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
@@ -233,7 +233,7 @@
|
||||
.sj-form-theme .generate-grid-btn,
|
||||
.sj-form-theme .copy-grid-btn,
|
||||
.sj-form-theme .action-grid-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
border: 2rpx solid #fff !important;
|
||||
box-shadow: none !important;
|
||||
@@ -250,7 +250,7 @@
|
||||
}
|
||||
|
||||
.sj-form-theme .tutorial-btn {
|
||||
background: linear-gradient(180deg, #c4b5fd, #a78bfa) !important;
|
||||
background: linear-gradient(180deg, #fae04d, #ffc0a3) !important;
|
||||
color: #492f00 !important;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
5
styles/xym-layout.wxss
Normal file
5
styles/xym-layout.wxss
Normal file
@@ -0,0 +1,5 @@
|
||||
/* 逍遥梦布局工具类 */
|
||||
.flex { display: flex; align-items: center; }
|
||||
.flexb { display: flex; align-items: center; justify-content: space-between; }
|
||||
.flexa { display: flex; align-items: center; justify-content: space-around; }
|
||||
.flexmc { display: flex; flex-direction: column; align-items: center; justify-content: center; }
|
||||
171
styles/xym-recharge-shared.wxss
Normal file
171
styles/xym-recharge-shared.wxss
Normal file
@@ -0,0 +1,171 @@
|
||||
/* 会员/保证金充值页共用弹窗与 loading */
|
||||
.modal-mask {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 1000;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.modal-panel {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-radius: 32rpx 32rpx 0 0;
|
||||
padding: 32rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
display: block;
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.modal-sub {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.amount-input-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 2rpx solid #f0e6d8;
|
||||
padding-bottom: 12rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.amount-prefix {
|
||||
font-size: 40rpx;
|
||||
font-weight: 700;
|
||||
color: #492f00;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.amount-input {
|
||||
flex: 1;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.quick-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.quick-chip {
|
||||
padding: 12rpx 24rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #f5f5f5;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.quick-chip.active {
|
||||
background: #fff3cd;
|
||||
color: #492f00;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.modal-actions {
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.modal-btn {
|
||||
flex: 1;
|
||||
height: 88rpx;
|
||||
border-radius: 44rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.modal-btn.cancel {
|
||||
background: #f5f5f5;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.modal-btn.confirm {
|
||||
background: linear-gradient(90deg, #fae04d, #ffc0a3);
|
||||
color: #492f00;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pay-method-item {
|
||||
padding: 28rpx 20rpx;
|
||||
border-bottom: 1rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.pay-method-name {
|
||||
display: block;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.pay-method-desc {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.balance-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 24rpx 12rpx;
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.balance-need {
|
||||
color: #e6a23c;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.confirm-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 16rpx 0;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.loading-mask {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
z-index: 2000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.loading-box {
|
||||
background: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 40rpx 48rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.loading-spinner {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
border: 4rpx solid #f0e6d8;
|
||||
border-top-color: #f5a623;
|
||||
border-radius: 50%;
|
||||
animation: spin 0.8s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
Reference in New Issue
Block a user