131 lines
2.7 KiB
Plaintext
131 lines
2.7 KiB
Plaintext
/* ========== 自定义导航栏 ========== */
|
||
.nav-bar {
|
||
/* padding-top 由 JS 动态设置（wx.getSystemInfoSync().statusBarHeight） */
|
||
background-color: #ffffff;
|
||
position: sticky;
|
||
top: 0;
|
||
z-index: 10;
|
||
}
|
||
.nav-bar-inner {
|
||
height: 88rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
border-bottom: 2rpx solid #eeeeee;
|
||
padding: 0 32rpx;
|
||
}
|
||
.nav-back {
|
||
position: absolute;
|
||
left: 32rpx;
|
||
padding: 8rpx;
|
||
}
|
||
.nav-title {
|
||
flex: 1;
|
||
text-align: center;
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
color: #242424;
|
||
}
|
||
|
||
/* ========== 页面背景 ========== */
|
||
page {
|
||
background-color: #f3f3f3;
|
||
min-height: 100vh;
|
||
}
|
||
|
||
/* ========== 加载态 / 空态 / 错误态 ========== */
|
||
.page-loading,
|
||
.page-empty,
|
||
.page-error {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
min-height: 60vh;
|
||
gap: 24rpx;
|
||
}
|
||
.empty-text,
|
||
.error-text {
|
||
font-size: 28rpx;
|
||
color: #a6a6a6;
|
||
}
|
||
.retry-btn {
|
||
margin-top: 16rpx;
|
||
padding: 12rpx 48rpx;
|
||
background-color: #0052d9;
|
||
border-radius: 16rpx;
|
||
}
|
||
.retry-btn text {
|
||
font-size: 28rpx;
|
||
color: #ffffff;
|
||
}
|
||
|
||
/* ========== 备注列表 ========== */
|
||
.note-list {
|
||
padding: 32rpx;
|
||
}
|
||
|
||
/* 卡片间距：H5 原型 space-y-3 = 24rpx */
|
||
.note-card + .note-card {
|
||
margin-top: 24rpx;
|
||
}
|
||
|
||
/* ========== 备注卡片 ========== */
|
||
/* H5: bg-white rounded-2xl p-4 shadow-sm */
|
||
.note-card {
|
||
background-color: #ffffff;
|
||
border-radius: 32rpx;
|
||
padding: 32rpx;
|
||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
||
}
|
||
|
||
/* 备注正文 */
|
||
/* H5: text-sm text-gray-13 leading-relaxed mb-3 */
|
||
.note-content {
|
||
display: block;
|
||
font-size: 28rpx;
|
||
color: #242424;
|
||
line-height: 1.625;
|
||
margin-bottom: 24rpx;
|
||
}
|
||
|
||
/* 底部行：标签 + 时间 */
|
||
/* H5: flex items-center justify-between */
|
||
.note-bottom {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
/* ========== 标签样式 ========== */
|
||
/* H5: .note-tag { padding: 4px 10px; font-size: 12px; border-radius: 8px; border: 1px solid; } */
|
||
.note-tag {
|
||
padding: 8rpx 20rpx;
|
||
font-size: 24rpx;
|
||
border-radius: 16rpx;
|
||
border: 2rpx solid;
|
||
}
|
||
|
||
/* 客户标签 */
|
||
/* H5: .tag-customer { background: linear-gradient(135deg, #ecf2fe, #e8eeff); color: #0052d9; border-color: #c5d4f7; } */
|
||
.tag-customer {
|
||
background: linear-gradient(135deg, #ecf2fe, #e8eeff);
|
||
color: #0052d9;
|
||
border-color: #c5d4f7;
|
||
}
|
||
|
||
/* 助教标签 */
|
||
/* H5: .tag-coach { background: linear-gradient(135deg, #e8faf0, #e0f7ea); color: #00a870; border-color: #b3e6d0; } */
|
||
.tag-coach {
|
||
background: linear-gradient(135deg, #e8faf0, #e0f7ea);
|
||
color: #00a870;
|
||
border-color: #b3e6d0;
|
||
}
|
||
|
||
/* 时间 */
|
||
/* H5: text-xs text-gray-6 */
|
||
.note-time {
|
||
font-size: 24rpx;
|
||
color: #a6a6a6;
|
||
}
|