123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- .van-uploader__wrapper {
- .van-uploader__preview {
- &:nth-of-type(4n) {
- margin: 0;
- }
- }
- }
- .wrapper {
- padding: 10rpx 0 100rpx;
- }
- .height {
- height: 144rpx;
- }
- .form-item {
- display: flex;
- flex-direction: column;
- width: 674rpx;
- padding-top: 40rpx;
- padding-left: 10rpx;
- margin: 0 auto;
- border-bottom: 2rpx solid rgba(153, 153, 153, 0.2);
- }
- label {
- display: flex;
- align-items: center;
- text {
- line-height: 36rpx;
- font-size: 28rpx;
- color: rgba(68, 68, 68, 1);
- &.require {
- &:before {
- content: '*';
- color: red;
- margin-right: 6rpx;
- }
- }
- }
- }
- .value {
- position: relative;
- left: 0;
- top: 0;
- display: flex;
- flex-direction: column;
- padding: 16rpx 0 10rpx;
- }
- input {
- display: block;
- width: 100%;
- height: 42rpx;
- font-size: 28rpx;
- color: rgba(68, 68, 68, 1);
- }
- .placeholder {
- color: rgba(198, 202, 219, 1);
- }
- textarea {
- display: block;
- width: 100%;
- padding: 17rpx 21rpx;
- min-height: 186rpx;
- border-radius: 20rpx;
- background: rgba(245, 245, 245, 1);
- line-height: 38rpx;
- font-size: 28rpx;
- color: rgba(51, 51, 51, 1);
- }
- .words-limit {
- position: absolute;
- bottom: 27rpx;
- right: 21rpx;
- z-index: 1;
- line-height: 28rpx;
- font-size: 24rpx;
- color: rgba(153, 153, 153, 1);
- }
- .explain {
- width: 674rpx;
- margin: 10rpx auto 0;
- font-size: 24rpx;
- color: rgba(207, 207, 207, 1);
- }
- button[type='primary'] {
- width: 504rpx;
- height: 76rpx;
- border-radius: 38rpx;
- margin: 100rpx auto 0;
- font-size: 32rpx;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- background-color: rgba(145, 179, 121, 1);
- }
- .shop-address {
- line-height: 42rpx;
- font-size: 28rpx;
- color: rgba(68, 68, 68, 1);
- word-break: break-all;
- word-wrap: break-word;
- }
|