fix:优化显示
This commit is contained in:
parent
f16e28c7f0
commit
7da14980a4
@ -381,57 +381,57 @@ watch(
|
||||
|
||||
<style scoped>
|
||||
.wrap {
|
||||
padding: 12px 0 96px;
|
||||
padding: 24rpx 0 192rpx;
|
||||
}
|
||||
|
||||
.filters {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
padding: 10px 14px;
|
||||
gap: 20rpx;
|
||||
padding: 20rpx 28rpx;
|
||||
background: #f5f6f8;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
}
|
||||
.filter-pill {
|
||||
background: #fff;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 6px;
|
||||
padding: 10px 12px;
|
||||
border: 2rpx solid #e6e6e6;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
gap: 20rpx;
|
||||
flex: 1;
|
||||
}
|
||||
.pill-text {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
max-width: 180px;
|
||||
max-width: 360rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.share-tip {
|
||||
padding: 10px 14px 0;
|
||||
padding: 20rpx 28rpx 0;
|
||||
}
|
||||
.share-tip-text {
|
||||
display: inline-block;
|
||||
background: #eef2ff;
|
||||
color: #4338ca;
|
||||
font-size: 12px;
|
||||
padding: 6px 10px;
|
||||
border-radius: 6px;
|
||||
font-size: 24rpx;
|
||||
padding: 12rpx 20rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding: 0 14px;
|
||||
padding: 0 28rpx;
|
||||
}
|
||||
.card {
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
margin-top: 10px;
|
||||
border-radius: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
|
||||
box-shadow: 0 12rpx 28rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.record {
|
||||
padding: 0;
|
||||
@ -439,28 +439,28 @@ watch(
|
||||
.record-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 12px 10px;
|
||||
gap: 8px;
|
||||
padding: 24rpx 24rpx 20rpx;
|
||||
gap: 16rpx;
|
||||
}
|
||||
.record-title {
|
||||
font-size: 15px;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
color: #1f1f1f;
|
||||
}
|
||||
.record-date {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.record-body {
|
||||
padding: 0 12px 12px;
|
||||
padding: 0 24rpx 24rpx;
|
||||
}
|
||||
.line {
|
||||
display: flex;
|
||||
padding-top: 10px;
|
||||
font-size: 13px;
|
||||
padding-top: 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
line-height: 18px;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
.line-label {
|
||||
flex-shrink: 0;
|
||||
@ -475,47 +475,47 @@ watch(
|
||||
}
|
||||
|
||||
.thumbs {
|
||||
padding-top: 10px;
|
||||
padding-top: 20rpx;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
gap: 20rpx;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.thumb {
|
||||
width: 84px;
|
||||
height: 64px;
|
||||
border-radius: 6px;
|
||||
width: 168rpx;
|
||||
height: 128rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
background: #f3f4f6;
|
||||
border: 1px solid #e5e7eb;
|
||||
border: 2rpx solid #e5e7eb;
|
||||
}
|
||||
.thumb-img {
|
||||
width: 84px;
|
||||
height: 64px;
|
||||
width: 168rpx;
|
||||
height: 128rpx;
|
||||
}
|
||||
.thumb-more {
|
||||
font-size: 12px;
|
||||
font-size: 24rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
.record-foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12px 12px;
|
||||
border-top: 1px solid #f2f2f2;
|
||||
font-size: 12px;
|
||||
padding: 24rpx 24rpx;
|
||||
border-top: 2rpx solid #f2f2f2;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
.foot-left {
|
||||
flex-shrink: 0;
|
||||
margin-right: 10px;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.record-tag {
|
||||
font-size: 12px;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
padding: 4px 8px;
|
||||
border-radius: 8px;
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
.bg-blue {
|
||||
background: #4f6ef7;
|
||||
@ -537,23 +537,23 @@ watch(
|
||||
}
|
||||
|
||||
.empty {
|
||||
padding: 120px 0;
|
||||
padding: 240rpx 0;
|
||||
text-align: center;
|
||||
color: #9aa0a6;
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.fab {
|
||||
position: fixed;
|
||||
right: 16px;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border-radius: 26px;
|
||||
right: 32rpx;
|
||||
width: 104rpx;
|
||||
height: 104rpx;
|
||||
border-radius: 52rpx;
|
||||
background: #4f6ef7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 10px 18px rgba(79, 110, 247, 0.35);
|
||||
box-shadow: 0 20rpx 36rpx rgba(79, 110, 247, 0.35);
|
||||
z-index: 20;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -420,16 +420,16 @@ watch(
|
||||
|
||||
<style scoped>
|
||||
.wrap {
|
||||
padding: 8px 0 96px;
|
||||
padding: 16rpx 0 192rpx;
|
||||
}
|
||||
|
||||
.filters {
|
||||
padding: 10px 14px;
|
||||
padding: 20rpx 28rpx;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
gap: 24rpx;
|
||||
}
|
||||
.filter-item {
|
||||
display: block;
|
||||
@ -442,18 +442,18 @@ watch(
|
||||
/* Removed old deep selectors */
|
||||
.filter-pill {
|
||||
background: #f7f8fa;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 6px;
|
||||
padding: 10px 12px;
|
||||
border: 2rpx solid #e5e7eb;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
gap: 16rpx;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
box-sizing: border-box; /* Ensure padding doesn't overflow width */
|
||||
}
|
||||
.pill-text {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
@ -478,11 +478,11 @@ watch(
|
||||
|
||||
.timeline {
|
||||
background: #fff;
|
||||
margin-top: 6px;
|
||||
padding: 10px 0 70px;
|
||||
margin-top: 12rpx;
|
||||
padding: 20rpx 0 140rpx;
|
||||
}
|
||||
.cell {
|
||||
padding: 0 14px;
|
||||
padding: 0 28rpx;
|
||||
position: relative;
|
||||
}
|
||||
.head {
|
||||
@ -490,48 +490,48 @@ watch(
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 44px;
|
||||
padding-left: 18px;
|
||||
height: 88rpx;
|
||||
padding-left: 36rpx;
|
||||
}
|
||||
.dot {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
width: 16rpx;
|
||||
height: 16rpx;
|
||||
border-radius: 50%;
|
||||
background: #4f6ef7;
|
||||
}
|
||||
.time {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #1f1f1f;
|
||||
}
|
||||
.file-link {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #4f6ef7;
|
||||
}
|
||||
.meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding-left: 18px;
|
||||
margin-bottom: 6px;
|
||||
gap: 20rpx;
|
||||
padding-left: 36rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
.tag {
|
||||
font-size: 12px;
|
||||
font-size: 24rpx;
|
||||
color: #4f6ef7;
|
||||
border: 1px solid #4f6ef7;
|
||||
border-radius: 999px;
|
||||
padding: 4px 8px;
|
||||
border: 2rpx solid #4f6ef7;
|
||||
border-radius: 999rpx;
|
||||
padding: 8rpx 16rpx;
|
||||
}
|
||||
.meta-text {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
}
|
||||
.truncate {
|
||||
max-width: 160px;
|
||||
max-width: 320rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@ -540,15 +540,15 @@ watch(
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding-left: 18px;
|
||||
padding-bottom: 12px;
|
||||
padding-left: 36rpx;
|
||||
padding-bottom: 24rpx;
|
||||
}
|
||||
.content {
|
||||
flex: 1;
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
line-height: 18px;
|
||||
margin-right: 10px;
|
||||
line-height: 36rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.content.clamp {
|
||||
display: -webkit-box;
|
||||
@ -557,81 +557,81 @@ watch(
|
||||
overflow: hidden;
|
||||
}
|
||||
.pen {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-top: 2px;
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
.line {
|
||||
position: absolute;
|
||||
left: 18px;
|
||||
top: 34px;
|
||||
left: 36rpx;
|
||||
top: 68rpx;
|
||||
bottom: 0;
|
||||
width: 2px;
|
||||
width: 4rpx;
|
||||
background: #4f6ef7;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.empty {
|
||||
padding: 120px 0;
|
||||
padding: 240rpx 0;
|
||||
text-align: center;
|
||||
color: #9aa0a6;
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.fab {
|
||||
position: fixed;
|
||||
right: 16px;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border-radius: 26px;
|
||||
right: 32rpx;
|
||||
width: 104rpx;
|
||||
height: 104rpx;
|
||||
border-radius: 52rpx;
|
||||
background: #4f6ef7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 10px 18px rgba(79, 110, 247, 0.35);
|
||||
box-shadow: 0 20rpx 36rpx rgba(79, 110, 247, 0.35);
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.popup {
|
||||
background: #fff;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-top-left-radius: 20rpx;
|
||||
border-top-right-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.popup-title {
|
||||
position: relative;
|
||||
padding: 14px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 28rpx;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
.popup-title-text {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.popup-close {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
right: 24rpx;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.popup-body2 {
|
||||
padding: 14px;
|
||||
padding: 28rpx;
|
||||
}
|
||||
.desc {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 20px;
|
||||
line-height: 40rpx;
|
||||
word-break: break-all;
|
||||
margin-bottom: 14px;
|
||||
margin-bottom: 28rpx;
|
||||
}
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.btn::after {
|
||||
border: none;
|
||||
|
||||
@ -64,34 +64,34 @@ function open() {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12px 14px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 24rpx 28rpx;
|
||||
border-bottom: 2rpx solid #eee;
|
||||
}
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
gap: 12rpx;
|
||||
}
|
||||
.label {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
font-weight: 700;
|
||||
}
|
||||
.required {
|
||||
color: #ff4d4f;
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-width: 120px;
|
||||
gap: 16rpx;
|
||||
min-width: 240rpx;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.value {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
max-width: 220px;
|
||||
max-width: 440rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@ -100,4 +100,3 @@ function open() {
|
||||
color: #9aa0a6;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -101,8 +101,8 @@ function remove(idx) {
|
||||
|
||||
<style scoped>
|
||||
.wrap {
|
||||
padding: 12px 14px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 24rpx 28rpx;
|
||||
border-bottom: 2rpx solid #eee;
|
||||
}
|
||||
.head {
|
||||
display: flex;
|
||||
@ -112,31 +112,31 @@ function remove(idx) {
|
||||
.head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
gap: 12rpx;
|
||||
}
|
||||
.label {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
.required {
|
||||
color: #ff4d4f;
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.list {
|
||||
margin-top: 10px;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.item {
|
||||
padding: 10px 0;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.item-title {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
font-weight: 600;
|
||||
}
|
||||
.item-sub {
|
||||
margin-top: 6px;
|
||||
font-size: 13px;
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
@ -146,11 +146,11 @@ function remove(idx) {
|
||||
align-items: stretch;
|
||||
}
|
||||
.action {
|
||||
width: 70px;
|
||||
width: 140rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #fff;
|
||||
}
|
||||
.action.edit {
|
||||
@ -160,9 +160,8 @@ function remove(idx) {
|
||||
background: #ff4d4f;
|
||||
}
|
||||
.empty {
|
||||
margin-top: 10px;
|
||||
font-size: 13px;
|
||||
margin-top: 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #9aa0a6;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -13,6 +13,7 @@
|
||||
:disableChange="disableChange"
|
||||
@change="change"
|
||||
/>
|
||||
<form-input v-else-if="attrs.type === 'hisCardNo' || attrs.title === 'hisCardNo'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
|
||||
<form-surgical-history
|
||||
v-else-if="attrs.title === 'surgicalHistory'"
|
||||
v-bind="attrs"
|
||||
|
||||
@ -762,7 +762,7 @@ const saveAddGroup = async () => {
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f5f6f8;
|
||||
padding-bottom: calc(80px + env(safe-area-inset-bottom));
|
||||
padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.card {
|
||||
@ -772,69 +772,69 @@ const saveAddGroup = async () => {
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding: 14px 14px 10px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
padding: 28rpx 28rpx 20rpx;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e8e8e8;
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
border-radius: 12rpx;
|
||||
border: 2rpx solid #e8e8e8;
|
||||
background: #fafafa;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.avatar-img {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
width: 112rpx;
|
||||
height: 112rpx;
|
||||
}
|
||||
|
||||
.header-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 0 10px;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.name-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding-top: 2px;
|
||||
gap: 16rpx;
|
||||
padding-top: 4rpx;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 18px;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #1f1f1f;
|
||||
max-width: 220px;
|
||||
max-width: 440rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.meta {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.sub-line {
|
||||
margin-top: 6px;
|
||||
font-size: 12px;
|
||||
margin-top: 12rpx;
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.id-rows {
|
||||
margin-top: 6px;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.id-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
line-height: 18px;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
.id-label {
|
||||
@ -849,58 +849,58 @@ const saveAddGroup = async () => {
|
||||
}
|
||||
|
||||
.create-row {
|
||||
margin-top: 6px;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.create-text {
|
||||
font-size: 12px;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
margin-top: 6px;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.cells {
|
||||
background: #fff;
|
||||
padding: 0 14px;
|
||||
padding: 0 28rpx;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16px 0;
|
||||
min-height: 24px;
|
||||
padding: 32rpx 0;
|
||||
min-height: 48rpx;
|
||||
}
|
||||
|
||||
.info-block {
|
||||
padding: 16px 0;
|
||||
padding: 32rpx 0;
|
||||
}
|
||||
|
||||
.block-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 8px;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.block-content {
|
||||
min-height: 20px;
|
||||
min-height: 40rpx;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
font-size: 15px;
|
||||
font-size: 30rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
@ -912,15 +912,15 @@ const saveAddGroup = async () => {
|
||||
.phone-area {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 12px;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.mr-4 {
|
||||
margin-right: 4px;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.phone-text {
|
||||
font-size: 16px;
|
||||
font-size: 32rpx;
|
||||
color: #4f6ef7;
|
||||
font-weight: 500;
|
||||
}
|
||||
@ -929,17 +929,17 @@ const saveAddGroup = async () => {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.note-content {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
word-break: break-all;
|
||||
@ -948,16 +948,16 @@ const saveAddGroup = async () => {
|
||||
.tags-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.tag-item {
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #4f6ef7;
|
||||
border-radius: 12px;
|
||||
font-size: 12px;
|
||||
height: 48rpx;
|
||||
line-height: 44rpx;
|
||||
padding: 0 20rpx;
|
||||
border: 2rpx solid #4f6ef7;
|
||||
border-radius: 24rpx;
|
||||
font-size: 24rpx;
|
||||
color: #4f6ef7;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@ -968,11 +968,11 @@ const saveAddGroup = async () => {
|
||||
}
|
||||
|
||||
.tabs {
|
||||
margin-top: 10px;
|
||||
margin-top: 20rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
border-top: 1px solid #f2f2f2;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
border-top: 2rpx solid #f2f2f2;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 30;
|
||||
@ -981,9 +981,9 @@ const saveAddGroup = async () => {
|
||||
.tab {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
font-size: 14px;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
position: relative;
|
||||
}
|
||||
@ -998,11 +998,11 @@ const saveAddGroup = async () => {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 32px;
|
||||
height: 3px;
|
||||
width: 64rpx;
|
||||
height: 6rpx;
|
||||
background: #4f6ef7;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 2px;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -1017,14 +1017,14 @@ const saveAddGroup = async () => {
|
||||
}
|
||||
|
||||
.empty-img {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
width: 320rpx;
|
||||
height: 320rpx;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
margin-top: 10px;
|
||||
font-size: 13px;
|
||||
margin-top: 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #9aa0a6;
|
||||
}
|
||||
|
||||
@ -1034,21 +1034,21 @@ const saveAddGroup = async () => {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
|
||||
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
|
||||
padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.bind-btn {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
height: 88rpx;
|
||||
background: #4f6ef7;
|
||||
color: #fff;
|
||||
border-radius: 6px;
|
||||
border-radius: 12rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
font-size: 15px;
|
||||
gap: 16rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.bind-text {
|
||||
@ -1057,52 +1057,52 @@ const saveAddGroup = async () => {
|
||||
|
||||
/* ===== 弹窗样式（居中） ===== */
|
||||
.modal {
|
||||
width: 320px;
|
||||
width: 640rpx;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
font-size: 16px;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
padding: 14px 12px;
|
||||
padding: 28rpx 24rpx;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding: 14px 14px 8px;
|
||||
padding: 28rpx 28rpx 16rpx;
|
||||
}
|
||||
|
||||
.modal-input {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 4px;
|
||||
padding: 0 10px;
|
||||
font-size: 14px;
|
||||
height: 80rpx;
|
||||
border: 2rpx solid #e6e6e6;
|
||||
border-radius: 8rpx;
|
||||
padding: 0 20rpx;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.modal-actions {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
padding: 12px 14px 14px;
|
||||
gap: 24rpx;
|
||||
padding: 24rpx 28rpx 28rpx;
|
||||
}
|
||||
|
||||
.modal-btn {
|
||||
flex: 1;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
border-radius: 8rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.modal-btn.cancel {
|
||||
border: 1px solid #4f6ef7;
|
||||
border: 2rpx solid #4f6ef7;
|
||||
color: #4f6ef7;
|
||||
background: #fff;
|
||||
}
|
||||
@ -1115,69 +1115,69 @@ const saveAddGroup = async () => {
|
||||
/* ===== 底部弹层样式 ===== */
|
||||
.sheet {
|
||||
background: #fff;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-top-left-radius: 20rpx;
|
||||
border-top-right-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sheet-header {
|
||||
height: 48px;
|
||||
height: 96rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 14px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
padding: 0 28rpx;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
}
|
||||
|
||||
.sheet-title {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.sheet-close {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.sheet-header-left {
|
||||
width: 24px;
|
||||
width: 48rpx;
|
||||
}
|
||||
|
||||
.sheet-link {
|
||||
min-width: 60px;
|
||||
min-width: 120rpx;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #4f6ef7;
|
||||
}
|
||||
|
||||
.sheet-body {
|
||||
padding: 14px;
|
||||
padding: 28rpx;
|
||||
}
|
||||
|
||||
.notes-textarea {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
height: 280rpx;
|
||||
border: 2rpx solid #e6e6e6;
|
||||
border-radius: 8rpx;
|
||||
padding: 20rpx;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.counter {
|
||||
text-align: right;
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
margin-top: 16rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.group-list {
|
||||
padding: 8px 14px 14px;
|
||||
padding: 16rpx 28rpx 28rpx;
|
||||
max-height: 55vh;
|
||||
overflow: auto;
|
||||
}
|
||||
@ -1185,26 +1185,26 @@ const saveAddGroup = async () => {
|
||||
.group-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 0;
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
|
||||
.group-name {
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
margin-left: 20rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.sheet-footer {
|
||||
padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
|
||||
padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.primary-btn {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
height: 88rpx;
|
||||
background: #4f6ef7;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
font-size: 15px;
|
||||
line-height: 44px;
|
||||
border-radius: 8rpx;
|
||||
font-size: 30rpx;
|
||||
line-height: 88rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="height: 120px;"></view>
|
||||
<view style="height: 240rpx;"></view>
|
||||
</scroll-view>
|
||||
|
||||
<view class="footer">
|
||||
@ -328,7 +328,7 @@ function previewFile(idx) {
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f5f6f8;
|
||||
padding-bottom: calc(76px + env(safe-area-inset-bottom));
|
||||
padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
.body {
|
||||
height: 100vh;
|
||||
@ -340,24 +340,24 @@ function previewFile(idx) {
|
||||
}
|
||||
.header {
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.header-title {
|
||||
padding: 14px 14px;
|
||||
font-size: 16px;
|
||||
padding: 28rpx 28rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.form-wrap {
|
||||
background: #fff;
|
||||
margin-top: 10px;
|
||||
padding: 4px 0;
|
||||
margin-top: 20rpx;
|
||||
padding: 8rpx 0;
|
||||
}
|
||||
|
||||
.upload-wrap {
|
||||
background: #fff;
|
||||
padding: 24rpx 30rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
border-bottom: 2rpx solid #eee;
|
||||
}
|
||||
.upload-row {
|
||||
display: flex;
|
||||
@ -384,7 +384,7 @@ function previewFile(idx) {
|
||||
width: 180rpx;
|
||||
height: 140rpx;
|
||||
position: relative;
|
||||
border: 1px solid #e5e7eb;
|
||||
border: 2rpx solid #e5e7eb;
|
||||
border-radius: 8rpx;
|
||||
overflow: hidden;
|
||||
background: #f9fafb;
|
||||
@ -408,7 +408,7 @@ function previewFile(idx) {
|
||||
.upload-add {
|
||||
width: 180rpx;
|
||||
height: 140rpx;
|
||||
border: 1px dashed #d1d5db;
|
||||
border: 2rpx dashed #d1d5db;
|
||||
border-radius: 8rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -425,17 +425,17 @@ function previewFile(idx) {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
|
||||
padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
|
||||
gap: 24rpx;
|
||||
box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.btn {
|
||||
flex: 1;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.btn::after {
|
||||
border: none;
|
||||
@ -443,7 +443,7 @@ function previewFile(idx) {
|
||||
.btn.plain {
|
||||
background: #fff;
|
||||
color: #4f6ef7;
|
||||
border: 1px solid #4f6ef7;
|
||||
border: 2rpx solid #4f6ef7;
|
||||
}
|
||||
.btn.primary {
|
||||
background: #4f6ef7;
|
||||
@ -452,16 +452,16 @@ function previewFile(idx) {
|
||||
|
||||
.delete-fab {
|
||||
position: fixed;
|
||||
right: 16px;
|
||||
bottom: calc(96px + env(safe-area-inset-bottom));
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
border-radius: 26px;
|
||||
right: 32rpx;
|
||||
bottom: calc(192rpx + env(safe-area-inset-bottom));
|
||||
width: 104rpx;
|
||||
height: 104rpx;
|
||||
border-radius: 52rpx;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 20rpx 36rpx rgba(0, 0, 0, 0.12);
|
||||
z-index: 30;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -267,70 +267,70 @@ function remove() {
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #fff;
|
||||
padding-bottom: calc(76px + env(safe-area-inset-bottom));
|
||||
padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
.topbar {
|
||||
background: #5d6df0;
|
||||
padding: 10px 14px;
|
||||
padding: 20rpx 28rpx;
|
||||
}
|
||||
.topbar-text {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.content {
|
||||
padding: 14px 14px 0;
|
||||
padding: 28rpx 28rpx 0;
|
||||
}
|
||||
.section {
|
||||
margin-bottom: 14px;
|
||||
margin-bottom: 28rpx;
|
||||
}
|
||||
.row {
|
||||
display: flex;
|
||||
padding: 10px 0;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
.label {
|
||||
width: 90px;
|
||||
font-size: 14px;
|
||||
width: 180rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #111827;
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
word-break: break-all;
|
||||
}
|
||||
.h2 {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
padding: 8px 0;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
.p {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
line-height: 20px;
|
||||
line-height: 40rpx;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
.files {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
gap: 20rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.file {
|
||||
width: 90px;
|
||||
height: 70px;
|
||||
border: 1px solid #d1d5db;
|
||||
width: 180rpx;
|
||||
height: 140rpx;
|
||||
border: 2rpx solid #d1d5db;
|
||||
background: #f9fafb;
|
||||
}
|
||||
.thumb {
|
||||
width: 90px;
|
||||
height: 70px;
|
||||
width: 180rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
.files-empty {
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
color: #9aa0a6;
|
||||
padding: 8px 0;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
.footer {
|
||||
position: fixed;
|
||||
@ -338,18 +338,18 @@ function remove() {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
|
||||
padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 14px;
|
||||
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
|
||||
gap: 28rpx;
|
||||
box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.btn {
|
||||
width: 120px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
width: 240rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.btn::after {
|
||||
border: none;
|
||||
@ -357,7 +357,7 @@ function remove() {
|
||||
.btn.danger {
|
||||
background: #fff;
|
||||
color: #ff4d4f;
|
||||
border: 1px solid #ff4d4f;
|
||||
border: 2rpx solid #ff4d4f;
|
||||
}
|
||||
.btn.primary {
|
||||
background: #4f6ef7;
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
<uni-icons :type="selectedMap[item.label] ? 'checkmarkempty' : ''" size="22" color="#007aff" />
|
||||
</view>
|
||||
<view v-if="showList.length === 0" class="empty">暂无诊断数据</view>
|
||||
<view style="height: 120px;"></view>
|
||||
<view style="height: 240rpx;"></view>
|
||||
</scroll-view>
|
||||
|
||||
<view class="footer">
|
||||
@ -132,32 +132,32 @@ function save() {
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #fff;
|
||||
padding-bottom: calc(76px + env(safe-area-inset-bottom));
|
||||
padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
.top {
|
||||
padding: 12px 14px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
|
||||
padding: 24rpx 28rpx;
|
||||
box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.scroll {
|
||||
height: calc(100vh - 140px);
|
||||
height: calc(100vh - 280rpx);
|
||||
}
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 14px 14px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
padding: 28rpx 28rpx;
|
||||
border-bottom: 2rpx solid #f2f2f2;
|
||||
}
|
||||
.label {
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
margin-right: 10px;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.empty {
|
||||
padding: 60px 0;
|
||||
padding: 120rpx 0;
|
||||
text-align: center;
|
||||
color: #9aa0a6;
|
||||
font-size: 13px;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.footer {
|
||||
position: fixed;
|
||||
@ -165,15 +165,15 @@ function save() {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
|
||||
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
|
||||
padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.btn::after {
|
||||
border: none;
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view style="height: 120px;"></view>
|
||||
<view style="height: 240rpx;"></view>
|
||||
</scroll-view>
|
||||
|
||||
<view class="footer">
|
||||
@ -68,28 +68,28 @@ function save() {
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #fff;
|
||||
padding-bottom: calc(76px + env(safe-area-inset-bottom));
|
||||
padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
|
||||
}
|
||||
.scroll {
|
||||
height: 100vh;
|
||||
}
|
||||
.section {
|
||||
padding: 16px 14px 0;
|
||||
padding: 32rpx 28rpx 0;
|
||||
}
|
||||
.title {
|
||||
font-size: 15px;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.textarea {
|
||||
width: 100%;
|
||||
min-height: 120px;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 8px;
|
||||
padding: 10px;
|
||||
min-height: 240rpx;
|
||||
border: 2rpx solid #e5e7eb;
|
||||
border-radius: 16rpx;
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
}
|
||||
.placeholder {
|
||||
@ -101,17 +101,17 @@ function save() {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
|
||||
padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
|
||||
gap: 24rpx;
|
||||
box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.btn {
|
||||
flex: 1;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
border-radius: 6px;
|
||||
font-size: 15px;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.btn::after {
|
||||
border: none;
|
||||
@ -119,7 +119,7 @@ function save() {
|
||||
.btn.plain {
|
||||
background: #fff;
|
||||
color: #4f6ef7;
|
||||
border: 1px solid #4f6ef7;
|
||||
border: 2rpx solid #4f6ef7;
|
||||
}
|
||||
.btn.primary {
|
||||
background: #4f6ef7;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user