Files
xingque/pages/merchant-kefu-list/merchant-kefu-list.wxss
2026-07-09 00:17:03 +08:00

171 lines
2.6 KiB
Plaintext

@import '../../styles/shangjia-xym-common.wxss';
.sub-nav {
padding: 0 24rpx 12rpx;
}
.back {
width: 60rpx;
font-size: 48rpx;
color: #333;
}
.back.placeholder { opacity: 0; }
.sub-nav-title {
font-size: 34rpx;
font-weight: 700;
color: #343434;
}
.sub-scroll {
height: calc(100vh - 120rpx);
}
.kefu-card {
background: #fff;
border-radius: 20rpx;
padding: 24rpx;
margin-bottom: 16rpx;
margin-top: 12rpx;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
}
.kefu-card.disabled-card { opacity: 0.72; }
.badge-role {
font-size: 20rpx;
padding: 2rpx 10rpx;
background: #f0f0f0;
color: #666;
border-radius: 6rpx;
margin-left: 8rpx;
}
.badge-off {
background: #ffebee;
color: #c62828;
}
.quota-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12rpx 0 8rpx;
border-bottom: 1rpx solid #f0f0f0;
margin-bottom: 12rpx;
}
.quota-label { font-size: 24rpx; color: #888; }
.quota-val { font-size: 30rpx; color: #C9A962; font-weight: 600; }
.kefu-av {
width: 88rpx;
height: 88rpx;
border-radius: 50%;
margin-right: 16rpx;
background: #eee;
}
.kefu-name {
font-size: 30rpx;
font-weight: 700;
color: #333;
}
.badge {
margin-left: 8rpx;
font-size: 20rpx;
padding: 2rpx 10rpx;
border-radius: 6rpx;
color: #fff;
}
.badge-chief { background: #ffb508; }
.badge-finance { background: #1b6ef3; }
.badge-self { background: #9e9e9e; }
.self-tip {
margin-top: 16rpx;
padding: 16rpx 0 4rpx;
font-size: 24rpx;
color: #999;
text-align: center;
}
.kefu-uid {
font-size: 24rpx;
color: #999;
margin-top: 8rpx;
}
.copy-link {
margin-left: 12rpx;
font-size: 22rpx;
color: #1b6ef3;
}
.kefu-stats {
margin-top: 20rpx;
padding: 16rpx 0;
border-top: 1rpx solid #f5f5f5;
border-bottom: 1rpx solid #f5f5f5;
}
.amount-stats {
margin-top: 0;
border-top: none;
padding-top: 0;
}
.stat-n {
font-size: 28rpx;
font-weight: 700;
color: #e67e22;
}
.stat-amt {
font-size: 24rpx;
color: #c0392b;
}
.stat-l {
font-size: 22rpx;
color: #999;
margin-top: 4rpx;
}
.kefu-actions {
margin-top: 16rpx;
gap: 24rpx;
}
.act {
font-size: 24rpx;
color: #1b6ef3;
}
.act-del {
color: #e64340;
}
.load-tip {
text-align: center;
padding: 32rpx;
font-size: 22rpx;
color: #bbb;
}
.filter-row { margin-bottom: 8rpx; }
.search-box {
display: flex;
align-items: center;
background: #fff;
border-radius: 32rpx;
padding: 12rpx 20rpx;
box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.06);
}
.search-icon { width: 32rpx; height: 32rpx; margin-right: 12rpx; }
.search-input { flex: 1; font-size: 26rpx; }
.search-clear { padding: 8rpx; color: #999; font-size: 24rpx; }