button[type=primary] { background-color: #007eff; } page { height: 100%; background-color: #f5f5f5; } ul { padding-left: 0; li { list-style: none; } } .block { padding: 24rpx 24rpx 0; margin-bottom: 20rpx; background-color: #fff; } .ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .p-title { display: flex; align-items: center; margin-bottom: 20rpx; font-size: 30rpx; color: #333; .icon { width: 44rpx; margin-right: 8rpx; } } .filter { display: flex; align-items: center; padding: 10rpx 30rpx 10rpx 10rpx; background-color: #fff; .search { flex: 1; } .uni-searchbar__box { height: 70rpx; } } .form-list { .line { position: relative; display: flex; align-items: center; padding: 28rpx 0; border-bottom: 1px solid #E6E8ED; &:last-child { border-bottom: 0; } } .ph { font-size: 28rpx; color: #999; } .name { width: 200rpx; font-size: 26rpx; color: #616161; } .val, input { font-size: 28rpx; color: #333; } input { flex: 1; } .readonly { font-size: 28rpx; color: #7d7d7d; } .req { .name:after { content: '*'; margin-left: 6rpx; color: #F53232; vertical-align: middle; } } .err { .name { color: #f00; } } .inline { display: inline-flex; align-items: center; @extend input; input { margin-right: 10rpx; } } .arrow { position: absolute; top: 24rpx; right: 20rpx; } .action { position: absolute; top: 24rpx; right: 20rpx; font-size: 26rpx; color: #3394f7; } } .picker-input { .input-value-border { padding-left: 0; line-height: 1; border: 0; } .selected-list { padding-left: 0; } } .picker-date { .uni-date-x--border { border: 0; } .uni-date-x, .uni-date__x-input { padding-left: 0; } uni-icons { display: none; } .uni-date__x-input { height: 1.4rem; line-height: 1.4rem; } } .btn-wrap { z-index: 10; position: fixed; bottom: env(safe-area-inset-bottom); bottom: 0; display: flex; justify-content: flex-end; align-items: center; width: 100%; padding: 20rpx 24rpx 20rpx 40rpx; background-color: #fff; box-shadow: 0px 0px 7rpx 0px rgba(203, 203, 203, 0.55); box-sizing: border-box; .btn { width: 100%; line-height: 80rpx; font-size: 30rpx; text-align: center; color: #fff; border-radius: 10rpx; background-color: #007EFF; } }