root/WXProgram
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

地址路径修改

Browse Source
This commit is contained in:
Doubleyin
2025-10-26 13:15:04 +08:00
parent be2323074b
commit 271b88232c
77 changed files with 13254 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
miniprogram/pages/staff/employee-management.wxss
View File

@@ -189,19 +189,22 @@
/* 员工列表样式 */
.employee-list {
flex: 1;
padding: 0 40rpx;
padding: 0 30rpx;
box-sizing: border-box;
}
.employee-item {
background: white;
padding: 30rpx;
margin: 20rpx 0;
padding: 25rpx;
margin: 15rpx 0;
border-radius: 12rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
align-items: center;
transition: transform 0.3s ease;
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
}
.employee-item:active {
@@ -212,45 +215,77 @@
display: flex;
align-items: center;
flex: 1;
min-width: 0;
}
.employee-avatar {
width: 80rpx;
height: 80rpx;
width: 70rpx;
height: 70rpx;
border-radius: 50%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
align-items: center;
justify-content: center;
margin-right: 25rpx;
margin-right: 20rpx;
color: white;
font-size: 32rpx;
font-size: 28rpx;
font-weight: bold;
flex-shrink: 0;
overflow: hidden;
position: relative;
}
.employee-avatar .avatar-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.employee-avatar .avatar-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.employee-avatar .avatar-text {
font-size: 28rpx;
font-weight: bold;
color: white;
}
.employee-details {
flex: 1;
min-width: 0;
}
.employee-name-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10rpx;
margin-bottom: 8rpx;
gap: 15rpx;
}
.employee-name {
font-size: 30rpx;
font-size: 28rpx;
font-weight: bold;
color: #333;
flex-shrink: 0;
max-width: 200rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.employee-role {
font-size: 24rpx;
font-size: 22rpx;
background: #f0f0f0;
padding: 8rpx 16rpx;
border-radius: 20rpx;
padding: 6rpx 12rpx;
border-radius: 16rpx;
color: #666;
flex-shrink: 0;
}
.employee-role.admin-role {
@@ -259,23 +294,30 @@
}
.role-icon {
margin-right: 5rpx;
margin-right: 4rpx;
}
.employee-phone {
display: block;
font-size: 26rpx;
font-size: 24rpx;
color: #666;
margin-bottom: 5rpx;
margin-bottom: 4rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.employee-id {
font-size: 22rpx;
font-size: 20rpx;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.employee-actions {
margin-left: 20rpx;
margin-left: 15rpx;
flex-shrink: 0;
}
.delete-btn {
@@ -392,4 +434,80 @@
.submit-btn:disabled {
opacity: 0.6;
}
/* 头像上传样式 */
.avatar-upload-container {
display: flex;
align-items: center;
gap: 30rpx;
}
.avatar-preview {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
overflow: hidden;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
border: 2rpx solid #ddd;
}
.avatar-image {
width: 100%;
height: 100%;
}
.avatar-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.avatar-text {
font-size: 48rpx;
font-weight: bold;
color: white;
}
.avatar-actions {
display: flex;
flex-direction: column;
gap: 15rpx;
}
.avatar-btn {
background: #f8f9fa;
border: 1rpx solid #ddd;
color: #333;
padding: 15rpx 20rpx;
border-radius: 8rpx;
font-size: 24rpx;
}
.avatar-btn:active {
background: #e9ecef;
}
/* 编辑页面样式 */
.edit-container {
flex: 1;
padding: 40rpx;
background: white;
}
.cancel-btn {
width: 100%;
background: #f8f9fa;
color: #666;
border: 1rpx solid #ddd;
padding: 30rpx;
border-radius: 12rpx;
font-size: 28rpx;
margin-top: 20rpx;
}