123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- /* pages/index/index.wxss */
- page{
- --cell-vertical-padding:12rpx;
- --cell-horizontal-padding:0;
- --cell-background-color:transparent;
- }
- .chuRuKu{
- float: right;
- font-size: 24rpx;
- color: #0396FF;
- }
- .chuRuKu1{
- color: #07c160 !important;
- }
- .van-icon--custom {
- margin-top: -4px;
- }
- .listItem{
- width: 718rpx;
- }
- .needAmount{
- float: right;
- color: #ff2732;
- }
- .filterStatus{
- font-size: 28rpx;
- padding: 10rpx 0 20rpx 30rpx;
- background-color: #fff;
- margin-bottom: 20rpx;
- color: rgba(0,0,0,0.85);
- }
- .filterStatus view{
- display: inline-block;
- padding: 0 18rpx;
- position: relative;
- }
- .filterStatus .active{
- font-weight: bold;
- }
- .filterStatus .active::after{
- display: inline-block;
- content: '';
- width: 40rpx;
- height: 4rpx;
- position: absolute;
- left: 34rpx;
- bottom: -20rpx;
- /* margin-left: -20rpx; */
- background: #2C6CEC;
- border-radius: 2rpx;
- }
- .filterStatus .active.first::after{
- left: 24rpx;
- }
- .bottomBtn{
- padding-top: 20rpx;
- text-align: right;
- }
- .bottomBtn button {
- margin-left: 0 !important;
- }
- .carType{
- display: flex;
- }
- .auditStatus{
- white-space: inherit;
- }
- .auditStatus text{
- float: right;
- }
- .auditInfo{
- display: flex;
- justify-content: space-between;
- }
- .auditInfo text{
- height: 40rpx;
- line-height: 40rpx;
- font-size: 22rpx;
- }
- /* 图片上传时高度自适应 */
- .checkbox {
- height: auto;
- }
- .checkboxView .van-cell__value,
- .checkbox .van-field__control--custom {
- height: auto;
- }
- /* 加载动画 */
- .loadingMain{
- padding-bottom: calc(50px + env(safe-area-inset-bottom));
- min-height: 100vh;
- display: flex;
- align-items: center;
- text-align: center;
- justify-content: center;
- box-sizing: border-box;
- }
- .container .loading .logo {
- width: 224rpx;
- height: 224rpx;
- animation: rotate 3s linear infinite;
- }
- .container .loading .titleBox {
- text-align: center;
- }
- .container .loading .titleBox .title {
- margin: 56rpx 0 10rpx 0;
- font-weight: bold;
- font-size: 48rpx;
- color: #4B170D;
- }
- .container .loading .titleBox .smallTit {
- font-size: 24rpx;
- color: #B9C1CF;
- }
- @keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
|