Guoguo
5064cf119d
小程序修复: - 首页/我的/记录页移除自定义头部，使用原生导航栏 - tabBar '护理记录' 改为 '记录' - 智能模式跳转auto-scan页面（不再跳过） - 扫码区域尺寸 300→360rpx，图标 100→120rpx - 护理中倒计时 120→144rpx - 完成页图标 120→140rpx - 完成页时长格式 '10分0秒' → '10分钟' - 蓝牙连接 '连接中' → '点击连接' - 订阅套餐默认选中年卡 - 订阅成功页改为动态数据（非硬编码） - 我的页增加退出登录按钮 - 护理记录日期支持'今天/昨天'相对格式 - 扫描进度居中 - 锁定模式图标加灰度滤镜 管理后台修复: - 所有页面移除重复页面标题 - 仪表盘统计卡片改为垂直布局 - 快捷操作图标统一粉色+箭头 - 设备管理搜索placeholder和库存badge修正 - 用户管理头像、次后缀、月卡/试用badge颜色修正 - 订阅管理stat背景改白色、过期改红色、tab切换修复 - 护理记录模式badge修正 - 操作日志改为平铺列表 - 系统设置开关改绿色、表单改水平布局 - 全局背景色 #f5f5f5 → #f0f2f5
80 行
1.3 KiB
Plaintext
80 行
1.3 KiB
Plaintext
.scan-container {
|
|
position: relative;
|
|
width: 320rpx;
|
|
height: 400rpx;
|
|
margin: 40rpx auto;
|
|
}
|
|
|
|
.face-outline {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 6rpx solid #e5e5e5;
|
|
border-radius: 50% 50% 45% 45%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scan-line {
|
|
position: absolute;
|
|
left: 10rpx;
|
|
right: 10rpx;
|
|
height: 6rpx;
|
|
background: linear-gradient(90deg, transparent, #E6508C, #DCB982, #E6508C, transparent);
|
|
animation: scan 2s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes scan {
|
|
0% { top: 0; opacity: 0.5; }
|
|
50% { opacity: 1; }
|
|
100% { top: calc(100% - 6rpx); opacity: 0.5; }
|
|
}
|
|
|
|
.scan-hint {
|
|
text-align: center;
|
|
font-size: 26rpx;
|
|
color: #666666;
|
|
margin-bottom: 24rpx;
|
|
}
|
|
|
|
.scan-progress {
|
|
text-align: center;
|
|
background: #f0f9ff;
|
|
padding: 16rpx 28rpx;
|
|
border-radius: 24rpx;
|
|
font-size: 26rpx;
|
|
color: #006699;
|
|
width: fit-content;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.highlight {
|
|
color: #E6508C;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.detected-tags {
|
|
text-align: center;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.detected-tag {
|
|
background: #fdf2f8;
|
|
border: 2rpx solid #E6508C;
|
|
color: #E6508C;
|
|
padding: 10rpx 24rpx;
|
|
border-radius: 24rpx;
|
|
font-size: 24rpx;
|
|
display: inline-block;
|
|
margin: 6rpx;
|
|
animation: tagPulse 1s ease-in-out;
|
|
}
|
|
|
|
@keyframes tagPulse {
|
|
0%, 100% { transform: scale(1); }
|
|
50% { transform: scale(1.05); }
|
|
}
|
|
|
|
.btn-primary::after {
|
|
border: none;
|
|
}
|