12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- .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);
- }
- }
- .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);
- }
|