Files
Wechat/pages/manager-assign/manager-assign.wxss

95 lines
1.8 KiB
Plaintext

/* pages/manager-assign/manager-assign.wxss */
page {
background-color: #ffffff;
min-height: 100vh;
}
.guanzhual-page {
padding-bottom: 30rpx;
box-sizing: border-box;
}
/* 头部信息 */
.header-info {
padding: 30rpx 20rpx 20rpx 20rpx;
border-bottom: 2rpx solid #f5f5f5;
}
.title-section {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 12rpx;
}
.main-title {
font-size: 40rpx;
font-weight: 600;
color: #333333;
}
.visit-count {
font-size: 28rpx;
color: #999999;
}
.sub-info {
display: flex;
justify-content: space-between;
font-size: 26rpx;
color: #aaaaaa;
}
.update-time {
color: #888888;
}
/* 图片列表 */
.image-list {
padding: 0 8rpx; /* 非常微小的左右边距 */
}
.image-item {
width: 100%;
margin-bottom: 6rpx; /* 极小的上下间距 */
background-color: #fafafa;
overflow: hidden;
border-radius: 4rpx;
}
.image-item image {
width: 100%;
display: block;
}
/* 空状态提示 */
.empty-tip {
padding: 100rpx 0;
text-align: center;
color: #999999;
font-size: 28rpx;
}
/* 加载状态 */
.loading-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100rpx 0;
}
.loading-spinner {
width: 60rpx;
height: 60rpx;
border: 4rpx solid #e0e0e0;
border-top-color: #00C853;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 20rpx;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}