在前后端开发联调前 的提交20260223
This commit is contained in:
43
docs/h5_ui/css/coach-detail.css
Normal file
43
docs/h5_ui/css/coach-detail.css
Normal file
@@ -0,0 +1,43 @@
|
||||
body {
|
||||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
padding-bottom: 96px;
|
||||
}
|
||||
.st { position: relative; padding-left: 12px; }
|
||||
.st::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 16px; border-radius: 2px; }
|
||||
.st.blue::before { background: linear-gradient(180deg, #0052d9, #5b9cf8); }
|
||||
.st.green::before { background: linear-gradient(180deg, #00a870, #4cd964); }
|
||||
.st.orange::before { background: linear-gradient(180deg, #ed7b2f, #ffc107); }
|
||||
.st.pink::before { background: linear-gradient(180deg, #e851a4, #f5a0c0); }
|
||||
.st.purple::before { background: linear-gradient(180deg, #7c3aed, #a78bfa); }
|
||||
.st.teal::before { background: linear-gradient(180deg, #0d9488, #5eead4); }
|
||||
.pv { font-variant-numeric: tabular-nums; }
|
||||
.progress-sm { height: 6px; border-radius: 3px; background: #e7e7e7; overflow: hidden; }
|
||||
.progress-sm .fill { height: 100%; border-radius: 3px; }
|
||||
|
||||
/* 任务类型标签圆圈 — 与 task-list.html 一致 */
|
||||
.task-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
|
||||
.task-dot.high-priority { background: linear-gradient(135deg, #dc2626, #ef4444); }
|
||||
.task-dot.priority { background: linear-gradient(135deg, #ea580c, #f97316); }
|
||||
.task-dot.relationship { background: linear-gradient(135deg, #db2777, #ec4899); }
|
||||
.task-dot.callback { background: linear-gradient(135deg, #0d9488, #14b8a6); }
|
||||
|
||||
/* 任务标签文字 */
|
||||
.task-tag-text { font-size: 11px; font-weight: 500; }
|
||||
.task-tag-text.high-priority { color: #dc2626; }
|
||||
.task-tag-text.priority { color: #ea580c; }
|
||||
.task-tag-text.relationship { color: #db2777; }
|
||||
.task-tag-text.callback { color: #0d9488; }
|
||||
|
||||
/* 收入明细 Tab */
|
||||
.income-tab { color: #8b8b8b; font-size: 12px; padding: 4px 12px; border-radius: 6px; cursor: pointer; transition: all 0.2s; }
|
||||
.income-tab.active { color: #0052d9; background: #ecf2fe; font-weight: 500; }
|
||||
|
||||
/* 近期服务卡片 */
|
||||
.service-card {
|
||||
background: #fff;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #eeeeee;
|
||||
padding: 14px;
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
.service-card:active { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
|
||||
66
docs/h5_ui/css/customer-service-records.css
Normal file
66
docs/h5_ui/css/customer-service-records.css
Normal file
@@ -0,0 +1,66 @@
|
||||
/* 客户服务记录页 — customer-service-records.html */
|
||||
body {
|
||||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
}
|
||||
.tabnum { font-variant-numeric: tabular-nums; }
|
||||
|
||||
.record-card {
|
||||
background: #fff;
|
||||
border-radius: 14px;
|
||||
padding: 14px 16px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
|
||||
border: 1px solid #f0f0f0;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
.record-card:active { background: #fafafa; }
|
||||
|
||||
.record-date {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #242424;
|
||||
}
|
||||
.record-time {
|
||||
font-size: 12px;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.record-duration {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
color: #00a870;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.record-table {
|
||||
font-size: 12px;
|
||||
color: #0052d9;
|
||||
background: #ecf2fe;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.record-type {
|
||||
font-size: 11px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.record-type.type-basic { background: rgba(0,168,112,0.1); color: #00a870; }
|
||||
.record-type.type-vip { background: rgba(0,82,217,0.1); color: #0052d9; }
|
||||
.record-type.type-tip { background: rgba(237,123,47,0.1); color: #ed7b2f; }
|
||||
|
||||
.record-income {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #242424;
|
||||
margin-left: auto;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.record-drinks {
|
||||
font-size: 12px;
|
||||
color: #8b8b8b;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-top: 4px;
|
||||
border-top: 1px dashed #eeeeee;
|
||||
}
|
||||
42
docs/h5_ui/css/notes.css
Normal file
42
docs/h5_ui/css/notes.css
Normal file
@@ -0,0 +1,42 @@
|
||||
body {
|
||||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
}
|
||||
.safe-area-top {
|
||||
padding-top: env(safe-area-inset-top, 44px);
|
||||
}
|
||||
.tab-btn {
|
||||
color: #8b8b8b;
|
||||
position: relative;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.tab-btn.active {
|
||||
color: #0052d9;
|
||||
font-weight: 600;
|
||||
}
|
||||
.tab-btn.active::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 24px;
|
||||
height: 3px;
|
||||
border-radius: 2px;
|
||||
background: #0052d9;
|
||||
}
|
||||
.note-tag {
|
||||
padding: 4px 10px;
|
||||
font-size: 12px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid;
|
||||
}
|
||||
.tag-customer {
|
||||
background: linear-gradient(135deg, #ecf2fe, #e8eeff);
|
||||
color: #0052d9;
|
||||
border-color: #c5d4f7;
|
||||
}
|
||||
.tag-coach {
|
||||
background: linear-gradient(135deg, #e8faf0, #e0f7ea);
|
||||
color: #00a870;
|
||||
border-color: #b3e6d0;
|
||||
}
|
||||
49
docs/h5_ui/css/task-detail.css
Normal file
49
docs/h5_ui/css/task-detail.css
Normal file
@@ -0,0 +1,49 @@
|
||||
/* task-detail 系列页面共享样式 */
|
||||
body {
|
||||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.section-title {
|
||||
position: relative;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.section-title::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 4px;
|
||||
height: 16px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.section-title.blue::before { background: linear-gradient(180deg, #0052d9, #5b9cf8); }
|
||||
.section-title.green::before { background: linear-gradient(180deg, #00a870, #4cd964); }
|
||||
.section-title.orange::before { background: linear-gradient(180deg, #ed7b2f, #ffc107); }
|
||||
.section-title.purple::before { background: linear-gradient(180deg, #7c3aed, #a78bfa); }
|
||||
.section-title.pink::before { background: linear-gradient(180deg, #e91e63, #f48fb1); }
|
||||
|
||||
/* 服务记录卡片 — 用于 task-detail 系列页面（参考 performance.html 风格升级） */
|
||||
.svc-record {
|
||||
padding: 12px 14px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #eeeeee;
|
||||
background: linear-gradient(135deg, #fafafa 0%, #fff 100%);
|
||||
}
|
||||
.svc-record + .svc-record { margin-top: 8px; }
|
||||
.svc-record .svc-date { font-size: 11px; color: #8b8b8b; }
|
||||
.svc-record .svc-table { font-size: 12px; color: #0052d9; background: #ecf2fe; padding: 2px 8px; border-radius: 4px; font-weight: 500; }
|
||||
.svc-record .svc-duration { font-size: 13px; color: #393939; font-weight: 600; font-variant-numeric: tabular-nums; }
|
||||
.svc-record .svc-type { font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 500; }
|
||||
.svc-record .svc-type.basic { background: rgba(0,82,217,0.1); color: #0052d9; }
|
||||
.svc-record .svc-type.incentive { background: rgba(0,168,112,0.1); color: #00a870; }
|
||||
.svc-record .svc-drinks { font-size: 12px; color: #777777; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.svc-record .svc-income { font-size: 14px; font-weight: 700; color: #242424; font-variant-numeric: tabular-nums; }
|
||||
|
||||
/* 近期服务记录区域背景 */
|
||||
.svc-section-bg {
|
||||
background: #f3f3f3;
|
||||
border-radius: 12px;
|
||||
padding: 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
Reference in New Issue
Block a user