| | |
| | | |
| | | .main-container.home{ |
| | | background-image: url('../../static/images/farmer/home/bg.png'); |
| | | .main-container{ |
| | | // background-image: url('../../static/images/farmer/home/bg.png'); |
| | | background: #E1F0E7; |
| | | .top-bg{ |
| | | background-image: unset; |
| | | max-height: unset; |
| | | height: unset; |
| | | background-color: unset; |
| | | } |
| | | |
| | | .home-banner-image{ |
| | | width: 750rpx; |
| | |
| | | |
| | | |
| | | .main-container.farmer.home{ |
| | | background-image: url('../../static/images/farmer/home/bg.png'); |
| | | // background-image: url('../../static/images/farmer/home/bg.png'); |
| | | min-height: 99vh; |
| | | |
| | | padding: 30rpx; |
| | | .item-container{ |
| | | padding: 22rpx 28rpx; |
| | | background-color: #fff; |
| | | .title{ |
| | | font-weight: 600; |
| | | font-size: 32rpx; |
| | |
| | | .tj-each{ |
| | | flex:1; |
| | | text-align: center; |
| | | margin-top: 20rpx; |
| | | margin-bottom: 20rpx; |
| | | .num{ |
| | | font-weight: 400; |
| | | font-size: 32rpx; |
| | |
| | | font-size: 24rpx; |
| | | color: #000000; |
| | | line-height: 34rpx; |
| | | margin-top: 12rpx; |
| | | } |
| | | } |
| | | .tj-panel{ |
| | | border-radius: 6rpx; |
| | | .name{ |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #000000; |
| | | line-height: 34rpx; |
| | | } |
| | | .name::after{ |
| | | width: 0; |
| | | height: 0; |
| | | border-top: 0px solid transparent; |
| | | border-right: 12rpx solid transparent; |
| | | border-left: 18rpx solid var(--topicdarkgray); |
| | | border-bottom: 12rpx solid transparent; |
| | | } |
| | | .num{ |
| | | font-weight: 400; |
| | | font-size: 32rpx; |
| | | color: #20613D; |
| | | line-height: 44rpx; |
| | | } |
| | | |
| | | } |
| | | .tj-panel.pink{ |
| | | background: #E7F6EB; |
| | | } |
| | | .tj-panel.green{ |
| | | background: #FDF4E5; |
| | | } |
| | | |
| | | |
| | | |
| | | .order-icon{ |
| | | width: 80rpx; |
| | | height: 80rpx; |
| | | margin: 0 auto; |
| | | display: block; |
| | | |
| | | } |
| | | .rate-view{ |
| | | padding-top: 16rpx; |
| | | } |
| | | .tj-panel{ |
| | | border-radius: 6rpx; |
| | | max-width: 234rpx; |
| | | text-align: center; |
| | | margin-left: 20rpx; |
| | | padding-top: 16rpx; |
| | | height: 102rpx; |
| | | .name{ |
| | | position: relative; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | color: #000000; |
| | | line-height: 34rpx; |
| | | } |
| | | .name::after{ |
| | | content: ''; |
| | | position: absolute; |
| | | top: 50%; /* 将三角形垂直居中 */ |
| | | left: 190rpx; |
| | | transform: translateY(-50%) rotate(0deg); /* 旋转90度使三角形指向右,并垂直居中 */ |
| | | border-top: 12rpx solid transparent; |
| | | border-left: 12rpx solid #20613D; |
| | | border-bottom: 12rpx solid transparent; |
| | | } |
| | | .name.pink::after{ |
| | | content: ''; |
| | | position: absolute; |
| | | top: 50%; /* 将三角形垂直居中 */ |
| | | transform: translateY(-50%) rotate(0deg); /* 旋转90度使三角形指向右,并垂直居中 */ |
| | | border-top: 12rpx solid transparent; |
| | | border-left: 12rpx solid #936E32; |
| | | border-bottom: 12rpx solid transparent; |
| | | } |
| | | .num{ |
| | | font-weight: 400; |
| | | font-size: 32rpx; |
| | | color: #20613D; |
| | | line-height: 44rpx; |
| | | } |
| | | .title{ |
| | | margin-top: 12rpx; |
| | | |
| | | .order-icons{ |
| | | margin-top: 40rpx; |
| | | .nav{ |
| | | flex: 1; |
| | | } |
| | | .margin-tb{ |
| | | // margin-top: 24rpx; |
| | | } |
| | | .order-desc{ |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | | text-align: center; |
| | | } |
| | | .img-c{ |
| | | // min-height: 68rpx; |
| | | // width: fit-content; |
| | | // margin: 0 auto; |
| | | } |
| | | .order-icon{ |
| | | background-size: 100% 100%; |
| | | // display: inline-block; |
| | | // margin-left: auto; |
| | | // margin-right: auto; |
| | | } |
| | | .order-icon.zdjs{ |
| | | margin-top: -8rpx; |
| | | width: 32rpx; |
| | | height: 42rpx; |
| | | } |
| | | .order-icon.spgl{ |
| | | margin-top: -8rpx; |
| | | width: 48rpx; |
| | | height: 48rpx; |
| | | } |
| | | .order-icon.cqw{ |
| | | // margin-top: 16rpx; |
| | | margin-top: -2rpx; |
| | | width: 54rpx; |
| | | height: 58rpx; |
| | | } |
| | | .order-icon.syst{ |
| | | // margin-top: 12rpx; |
| | | // margin-top: 0rpx; |
| | | width: 58rpx; |
| | | height: 58rpx; |
| | | } |
| | | .order-icon.wbsp{ |
| | | margin-top: -10rpx; |
| | | width: 52rpx; |
| | | height: 52rpx; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .tj-panel.pink{ |
| | | background: #E7F6EB; |
| | | } |
| | | .tj-panel.green{ |
| | | background: #FDF4E5; |
| | | margin-left: auto; |
| | | } |
| | | } |
| | | .order-icon{ |
| | | width: 80rpx; |
| | | height: 80rpx; |
| | | margin: 0 auto; |
| | | display: block; |
| | | } |
| | | |
| | | .order-icons{ |
| | | margin-top: 40rpx; |
| | | .nav{ |
| | | flex: 1; |
| | | } |
| | | .margin-tb{ |
| | | // margin-top: 24rpx; |
| | | } |
| | | .order-desc{ |
| | | font-size: 28rpx; |
| | | color: #000000; |
| | | text-align: center; |
| | | margin-top: 12rpx; |
| | | } |
| | | .img-c{ |
| | | // min-height: 68rpx; |
| | | // width: fit-content; |
| | | // margin: 0 auto; |
| | | } |
| | | .order-icon{ |
| | | background-size: 100% 100%; |
| | | // display: inline-block; |
| | | // margin-left: auto; |
| | | // margin-right: auto; |
| | | } |
| | | .order-icon.zdjs{ |
| | | // margin-top: -8rpx; |
| | | width: 54rpx; |
| | | height: 58rpx; |
| | | } |
| | | .order-icon.spgl{ |
| | | margin-top: 6rpx; |
| | | width: 52rpx; |
| | | height: 52rpx; |
| | | } |
| | | .order-icon.shlp{ |
| | | // margin-top: 16rpx; |
| | | margin-top: -4rpx; |
| | | width: 54rpx; |
| | | height: 58rpx; |
| | | } |
| | | .order-icon.kkjl{ |
| | | // margin-top: 12rpx; |
| | | // margin-top: 0rpx; |
| | | margin-top: -6rpx; |
| | | width: 58rpx; |
| | | height: 58rpx; |
| | | } |
| | | |
| | | } |
| | | |
| | | } |