weixinxiaochengxu/pages/entry/entry.wxss

163 lines
2.3 KiB
Plaintext

/* ===== 录入检查数据 ===== */
/* 日期选择 */
.card-date {
margin-bottom: 20rpx;
}
.date-display {
display: flex;
align-items: center;
padding: 20rpx 24rpx;
border: 1rpx solid #e2e8f0;
border-radius: 10rpx;
background: #f7fafc;
}
.date-icon {
font-size: 32rpx;
margin-right: 12rpx;
}
.date-text {
flex: 1;
font-size: 30rpx;
color: #2d3748;
font-weight: 500;
}
.date-arrow {
font-size: 20rpx;
color: #a0aec0;
}
/* 表头 */
.entry-header {
display: flex;
background: #f7fafc;
border-radius: 8rpx 8rpx 0 0;
padding: 16rpx 0;
border-bottom: 2rpx solid #e2e8f0;
}
.entry-header-left,
.entry-header-right {
font-size: 26rpx;
font-weight: 600;
color: #4a5568;
text-align: center;
}
.entry-header-left {
flex: 1;
}
.entry-header-right {
width: 180rpx;
}
/* 数据行 */
.entry-row {
display: flex;
align-items: center;
border-bottom: 1rpx solid #edf2f7;
}
.entry-row:last-of-type {
border-bottom: none;
}
.entry-cell {
padding: 12rpx 8rpx;
}
.entry-cell--label {
flex: 1;
font-size: 28rpx;
color: #2d3748;
font-weight: 500;
text-align: center;
}
.entry-cell--input {
width: 180rpx;
}
.entry-input {
width: 100%;
padding: 12rpx 16rpx;
border: 1rpx solid #e2e8f0;
border-radius: 8rpx;
background: #fff;
font-size: 26rpx;
text-align: center;
box-sizing: border-box;
height: 56rpx;
}
.entry-input:focus {
border-color: #2c7a7b;
background: #e6f2f2;
}
/* 提交按钮 */
.btn-submit {
width: 100%;
margin-top: 28rpx;
background: #2c7a7b;
color: #fff;
font-size: 30rpx;
font-weight: 600;
padding: 20rpx 0;
border-radius: 10rpx;
border: none;
line-height: 1.5;
}
.btn-submit:active {
background: #1a5c5d;
}
/* 前往添加按钮 */
.btn-goto {
margin-top: 20rpx;
background: #2c7a7b;
color: #fff;
font-size: 26rpx;
padding: 14rpx 40rpx;
border-radius: 8rpx;
border: none;
}
/* 已有记录 */
.card-existing {
margin-top: 20rpx;
}
.existing-row {
display: flex;
justify-content: space-between;
padding: 14rpx 16rpx;
background: #f0fff4;
border-radius: 8rpx;
margin-bottom: 8rpx;
}
.existing-item {
font-size: 26rpx;
color: #4a5568;
}
.existing-value {
font-size: 26rpx;
font-weight: 600;
color: #38a169;
}
.existing-note {
margin-top: 12rpx;
font-size: 22rpx;
color: #a0aec0;
text-align: center;
}