|
|
|
@@ -7,58 +7,75 @@
|
|
|
|
|
.overlay.show{opacity:1;pointer-events:auto}
|
|
|
|
|
.sheet{
|
|
|
|
|
position:absolute;left:0;right:0;bottom:0;
|
|
|
|
|
background:#fff;border-radius:60rpx 60rpx 0 0;
|
|
|
|
|
padding:32rpx 0 0;
|
|
|
|
|
background:#fff;border-radius:48rpx 48rpx 0 0;
|
|
|
|
|
padding:var(--sp-5) 0 0;
|
|
|
|
|
transform:translateY(106%);transition:.24s ease;
|
|
|
|
|
box-shadow:0 -40rpx 100rpx rgba(0,0,0,.16);
|
|
|
|
|
box-shadow:var(--sd-3);
|
|
|
|
|
}
|
|
|
|
|
.overlay.show .sheet{transform:translateY(0)}
|
|
|
|
|
.sheet-scroll{
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
max-height:78vh;
|
|
|
|
|
padding:0 36rpx calc(120rpx + env(safe-area-inset-bottom));
|
|
|
|
|
/* exportData / manageTasks / comments 是最长的三型,圆角间距变化后靠这个上限内滚 */
|
|
|
|
|
max-height:80vh;
|
|
|
|
|
padding:0 var(--sp-5) calc(120rpx + env(safe-area-inset-bottom));
|
|
|
|
|
}
|
|
|
|
|
.sheet-scroll::-webkit-scrollbar,.plan-chat::-webkit-scrollbar{width:0;height:0;display:none}
|
|
|
|
|
.sheetbar{width:88rpx;height:10rpx;border-radius:999rpx;background:#E1D8CF;margin:0 auto 24rpx}
|
|
|
|
|
.sheetbar{width:80rpx;height:8rpx;border-radius:var(--r-full);background:#E1D8CF;margin:0 auto var(--sp-4)}
|
|
|
|
|
|
|
|
|
|
.sheet-h3{font-size:40rpx;font-weight:800;margin-bottom:20rpx}
|
|
|
|
|
.sheet-p{font-size:28rpx;color:#62584F;line-height:1.65;margin-bottom:24rpx}
|
|
|
|
|
.sheet-h3{font-size:var(--fs-xl);font-weight:var(--fw-b);margin-bottom:var(--sp-3)}
|
|
|
|
|
.sheet-p{font-size:var(--fs-md);color:var(--text-2);line-height:1.65;margin-bottom:var(--sp-4)}
|
|
|
|
|
.sheet-p.pre,.poster-list.pre{white-space:pre-line}
|
|
|
|
|
.poster-h3{font-size:40rpx;font-weight:800;margin-bottom:20rpx}
|
|
|
|
|
.bold{font-weight:900}
|
|
|
|
|
.poster-h3{font-size:var(--fs-xl);font-weight:var(--fw-b);margin-bottom:var(--sp-3)}
|
|
|
|
|
|
|
|
|
|
.ai-input-row{display:flex;gap:16rpx;align-items:center}
|
|
|
|
|
.ai-input-row{display:flex;gap:var(--sp-3);align-items:center}
|
|
|
|
|
.ai-input-row .input{flex:1}
|
|
|
|
|
.ai-send{height:88rpx;line-height:88rpx;padding:0 28rpx}
|
|
|
|
|
.ai-send{height:88rpx;line-height:88rpx;padding:0 var(--sp-4)}
|
|
|
|
|
|
|
|
|
|
/* 弹层内的日期选择器展示 */
|
|
|
|
|
.picker-box{color:var(--text)}
|
|
|
|
|
.del-btn{background:var(--red-soft);color:var(--red)}
|
|
|
|
|
.del-btn{background:var(--red-soft);color:var(--red-ink)}
|
|
|
|
|
|
|
|
|
|
/* 管理任务 */
|
|
|
|
|
.mtask-row{display:flex;align-items:center;gap:16rpx;padding:20rpx 0;border-bottom:1rpx solid var(--line)}
|
|
|
|
|
/* 管理任务 / 管理宠物 */
|
|
|
|
|
.mtask-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1rpx solid var(--line)}
|
|
|
|
|
.mtask-body{flex:1;min-width:0}
|
|
|
|
|
.mtask-b{font-size:28rpx;font-weight:700}
|
|
|
|
|
.mtask-pri{margin-left:12rpx;font-size:20rpx;font-weight:700;color:var(--primary-dark);background:#FFF2DC;padding:2rpx 12rpx;border-radius:999rpx}
|
|
|
|
|
.mtask-p{margin-top:6rpx;font-size:24rpx;color:var(--muted)}
|
|
|
|
|
.mtask-op{flex:none;font-size:26rpx;font-weight:700;color:var(--primary-dark);padding:8rpx 18rpx;background:#FBFAF8;border-radius:16rpx}
|
|
|
|
|
.mtask-op.del{color:var(--red)}
|
|
|
|
|
.mtask-form-row{display:flex;align-items:center;gap:16rpx}
|
|
|
|
|
.mtask-form-row .seg-btn{flex:none;padding:0 28rpx;height:72rpx;line-height:72rpx}
|
|
|
|
|
.mtask-b{font-size:var(--fs-md);font-weight:var(--fw-b)}
|
|
|
|
|
.mtask-pri{
|
|
|
|
|
margin-left:var(--sp-2);font-size:var(--fs-cap);font-weight:var(--fw-b);
|
|
|
|
|
color:var(--primary-ink);background:var(--primary-soft);padding:2rpx var(--sp-2);border-radius:var(--r-full);
|
|
|
|
|
}
|
|
|
|
|
.mtask-p{margin-top:6rpx;font-size:var(--fs-sm);color:var(--muted)}
|
|
|
|
|
.mtask-op{
|
|
|
|
|
flex:none;font-size:var(--fs-sm);font-weight:var(--fw-b);color:var(--primary-dark);
|
|
|
|
|
padding:var(--sp-1) var(--sp-3);background:var(--surface-2);border-radius:var(--r-xs);
|
|
|
|
|
}
|
|
|
|
|
.mtask-op.del{color:var(--red-ink)}
|
|
|
|
|
.mtask-form-row{display:flex;align-items:center;gap:var(--sp-3)}
|
|
|
|
|
/* 这条覆写了全局 .seg-btn 的高度,全局值变化时要一起看 */
|
|
|
|
|
.mtask-form-row .seg-btn{flex:none;padding:0 var(--sp-4);height:var(--h-sm);line-height:var(--h-sm)}
|
|
|
|
|
.mtask-form-row .picker-box{flex:1}
|
|
|
|
|
|
|
|
|
|
/* 图片选择器 */
|
|
|
|
|
.img-picker{display:flex;flex-wrap:wrap;gap:16rpx}
|
|
|
|
|
.img-thumb{position:relative;width:160rpx;height:160rpx;border-radius:20rpx;overflow:hidden}
|
|
|
|
|
.img-picker{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
|
|
|
|
|
.img-thumb{position:relative;width:160rpx;height:160rpx;border-radius:var(--r-sm);overflow:hidden}
|
|
|
|
|
.img-thumb image{width:100%;height:100%}
|
|
|
|
|
.img-del{position:absolute;top:0;right:0;width:40rpx;height:40rpx;line-height:38rpx;text-align:center;background:rgba(0,0,0,.55);color:#fff;font-size:30rpx;border-radius:0 20rpx 0 20rpx}
|
|
|
|
|
.img-add{width:160rpx;height:160rpx;border-radius:20rpx;border:2rpx dashed #D8CFC4;display:flex;align-items:center;justify-content:center;font-size:56rpx;color:#B9AE9F;background:#FBFAF8}
|
|
|
|
|
.img-del{
|
|
|
|
|
position:absolute;top:0;right:0;width:44rpx;height:44rpx;
|
|
|
|
|
display:flex;align-items:center;justify-content:center;
|
|
|
|
|
background:rgba(0,0,0,.55);color:#fff;border-radius:0 var(--r-sm) 0 var(--r-sm);
|
|
|
|
|
}
|
|
|
|
|
.img-add{
|
|
|
|
|
width:160rpx;height:160rpx;border-radius:var(--r-sm);border:2rpx dashed #D8CFC4;
|
|
|
|
|
display:flex;align-items:center;justify-content:center;color:var(--muted2);background:var(--surface-2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 导出健康档案 */
|
|
|
|
|
.export-box{
|
|
|
|
|
max-height:560rpx;overflow-y:auto;background:#FBFAF8;border-radius:28rpx;
|
|
|
|
|
padding:24rpx;font-size:25rpx;line-height:1.7;color:#4A4A46;white-space:pre-line;
|
|
|
|
|
border:1rpx solid var(--line);margin-bottom:24rpx;
|
|
|
|
|
max-height:560rpx;overflow-y:auto;background:var(--surface-2);border-radius:var(--r-md);
|
|
|
|
|
padding:var(--sp-4);font-size:var(--fs-sm);line-height:1.7;color:var(--text-2);white-space:pre-line;
|
|
|
|
|
border:1rpx solid var(--line);margin-bottom:var(--sp-4);
|
|
|
|
|
}
|
|
|
|
|
.export-box::-webkit-scrollbar{width:0;height:0;display:none}
|
|
|
|
|
.mine-tag{margin-left:10rpx;font-size:20rpx;font-weight:700;color:var(--primary-dark);background:#FFF2DC;padding:2rpx 10rpx;border-radius:999rpx}
|
|
|
|
|
.mine-tag{
|
|
|
|
|
margin-left:var(--sp-1);font-size:var(--fs-cap);font-weight:var(--fw-b);
|
|
|
|
|
color:var(--primary-ink);background:var(--primary-soft);padding:2rpx var(--sp-1);border-radius:var(--r-full);
|
|
|
|
|
}
|
|
|
|
|