1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- page {
- background: #F3F3F3;
- color: #333;
- padding-bottom:240rpx;
- }
- view,text{
- box-sizing: border-box;
- color:#333;
- font-size: 34rpx;
- }
- .container{
- padding:30rpx 24rpx;
- }
- .add-top{
- width: 702rpx;
- height: 88rpx;
- background: #FFFFFF;
- border-radius: 18rpx;
- margin-bottom:28rpx;
- display:flex;
- padding:0 24rpx;
- align-items: center;
- justify-content: space-between;
- }
- .add-top view{
- font-size: 40rpx;
- color: #5D5D5D;
- }
- .xnb-content{
- width: 702rpx;
- background: #FFFFFF;
- border-radius: 18rpx;
- padding:26rpx 20rpx 32rpx;
- margin-bottom:18rpx;
- }
- .status{
- display: flex;
- height: 60rpx;
- align-items: center;
- justify-content: flex-end;
- margin-bottom:16rpx;
- }
- .status view{
- line-height: 60rpx;
- font-size: 42rpx;
- }
- .dot{
- width: 20rpx;
- height: 20rpx;
- background: #3C9400;
- margin-right:8rpx;
- border-radius: 20rpx;
- }
- .dot.disable{
- background: #ADADAD;
- }
- .line{
- line-height: 60rpx;
- font-size: 42rpx;
- margin-top:12rpx;
- }
- .img-block{
- display: flex;
- flex-wrap: wrap;
- }
- .xnb-img{
- width: 210rpx;
- height: 210rpx;
- background: #FFFFFF;
- border-radius: 2px;
- border: 1px solid #D9D9D9;
- padding:8rpx;
- margin:0 20rpx 28rpx 0;
- }
- .status.alert .dot{
- background: #FF0505;
- }
- .status.alert view{
-
- color:#FF0505
- }
- .submit-btn{
- position: fixed;
- left:38rpx;
- right:38rpx;
- bottom:60rpx;
- /* margin:56rpx 12rpx 0; */
- width:674rpx;
- height: 108rpx;
- background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%);
- border-radius: 100rpx;
- text-align: center;
- font-size: 40rpx;
- line-height: 108rpx;
- color:#fff;
- }
|