0.0.0
This commit is contained in:
70
miniprogram/pages/dog-edit/dog-edit.wxss
Normal file
70
miniprogram/pages/dog-edit/dog-edit.wxss
Normal file
@@ -0,0 +1,70 @@
|
||||
.page { min-height: 100vh; padding-bottom: calc(48rpx + env(safe-area-inset-bottom)); }
|
||||
|
||||
.avatar-block {
|
||||
display: flex; flex-direction: column; align-items: center;
|
||||
padding: 36rpx 0 8rpx;
|
||||
}
|
||||
.avatar {
|
||||
width: 156rpx; height: 156rpx; border-radius: 50%;
|
||||
background: var(--surface-2);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-size: 72rpx;
|
||||
border: 1rpx solid var(--line);
|
||||
}
|
||||
.avatar-tip { margin-top: 16rpx; font-size: 22rpx; color: var(--ink-2); }
|
||||
|
||||
.field {
|
||||
padding: 22rpx 32rpx;
|
||||
border-bottom: 1rpx solid var(--line);
|
||||
}
|
||||
.field.last { border-bottom: none; }
|
||||
.flabel { font-size: var(--form-label-size); color: var(--ink-2); margin-bottom: 12rpx; }
|
||||
.req { color: var(--danger); }
|
||||
|
||||
.finput {
|
||||
height: var(--input-height);
|
||||
min-height: var(--input-height);
|
||||
font-size: var(--input-font-size);
|
||||
color: var(--ink);
|
||||
background: var(--surface-2);
|
||||
border-radius: var(--input-radius);
|
||||
padding: var(--input-padding-y) var(--input-padding-x);
|
||||
line-height: 1.4;
|
||||
}
|
||||
.fpicker {
|
||||
min-height: var(--input-height);
|
||||
font-size: var(--input-font-size);
|
||||
color: var(--ink);
|
||||
background: var(--surface-2);
|
||||
border-radius: var(--input-radius);
|
||||
padding: var(--input-padding-y) var(--input-padding-x);
|
||||
line-height: 1.4;
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
}
|
||||
.fpicker.placeholder { color: var(--ink-3); }
|
||||
.fpicker .chev { color: var(--ink-3); font-size: var(--icon-size-sm); line-height: 1; }
|
||||
|
||||
.chips { display: flex; flex-wrap: wrap; gap: 16rpx; }
|
||||
.chip {
|
||||
font-size: var(--chip-font-size);
|
||||
padding: var(--chip-padding-y) var(--chip-padding-x);
|
||||
border-radius: var(--radius-pill);
|
||||
border: 1rpx solid var(--line-2);
|
||||
background: var(--surface-2);
|
||||
color: var(--ink);
|
||||
line-height: 1.4;
|
||||
}
|
||||
.chip.sel {
|
||||
background: var(--accent-soft);
|
||||
border-color: var(--accent);
|
||||
color: var(--accent-deep);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.size-tip { font-size: 21rpx; color: var(--ink-3); margin-top: 12rpx; }
|
||||
|
||||
.weight-row { display: flex; align-items: center; gap: 16rpx; }
|
||||
.weight-row .finput { flex: 1; }
|
||||
.weight-row .unit { font-size: var(--input-font-size); color: var(--ink-2); }
|
||||
|
||||
.submit { padding: 40rpx 32rpx 0; }
|
||||
Reference in New Issue
Block a user