xuxueyang
2024-07-08 8580ef310f61f4bc275c19ddcc6ebd2135720d4a
pages/home/home.scss
@@ -1,6 +1,15 @@
.main-container.home{
   background-image: url('../../static/images/farmer/home/bg.png');
.main-container{
   // background-image: url('../../static/images/supplier/home/bg.png');
   background-color: #E1F0E7;
   // https://hmy-flower.oss-cn-shanghai.aliyuncs.com/2a/2aa62e6bd1f74456b005d3f57daa54adbg.png
   .top-bg{
      background-image: unset;
      max-height: unset;
      height: unset;
      background-color: unset;
   }
   
   .home-banner-image{
      width: 750rpx;
@@ -77,12 +86,14 @@
.main-container.farmer.home{
   background-image: url('../../static/images/farmer/home/bg.png');
.main-container.home{
   background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/2a/2aa62e6bd1f74456b005d3f57daa54adbg.png');
   min-height: 99vh;
   padding: 30rpx;
   .item-container{
      padding: 22rpx 28rpx;
      background-color: #fff;
      border-radius: 8rpx;
      .title{
         font-weight: 600;
         font-size: 32rpx;
@@ -99,6 +110,8 @@
         .tj-each{
            flex:1;
            text-align: center;
            margin-top: 20rpx;
            margin-bottom: 20rpx;
            .num{
               font-weight: 400;
               font-size: 32rpx;
@@ -110,100 +123,191 @@
               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;
              margin-top: -3rpx;
              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;
            font-weight: 400;
         }
      }
      .tj-panel.pink{
         background: #E7F6EB;
         margin-left: auto;
         .title{
            color: #20613D;
            
         .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.green{
         background: #FDF4E5;
         .title{
            color: #936E32;
         }
         
      }
   }
}
   .item-container.partner{
      padding-bottom: 0rpx;
      .tj-container{
         .tj-each{
            // width: fit-content;
            flex: 1;
            .num.total{
               text-align: left;
            }
            .num.status{
               font-size: 24rpx;
               text-align: right;
               // margin-left: auto;
               // margin-right: 0rpx;
               // display: inline-block;
            }
         }
         .tj-each:first-child{
            margin-left: 0rpx;
            margin-right: auto;
            flex: unset;
         }
         .tj-each:last-child{
            margin-left: 0rpx;
            margin-right: auto;
            flex: unset;
         }
      }
      .line{
         margin-top: 0rpx;
         margin-bottom: 0rpx;
      }
   }
   .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: 24rpx;
         color: #000000;
         text-align: center;
         margin-top: 12rpx;
      }
      .order-desc.syst{
         margin-top: 0rpx;
      }
      .order-desc.wbsp{
         margin-top: 0rpx;
      }
      .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.ddgl{
         margin-top: 8rpx;
         width: 42rpx;
         height: 52rpx;
      }
      .order-icon.jjpz{
         margin-top: 8rpx;
         width: 42rpx;
         height: 52rpx;
      }
      .order-icon.zdjs{
         margin-top: 8rpx;
         width: 42rpx;
         height: 52rpx;
      }
      .order-icon.spgl{
         margin-top: 6rpx;
         width: 52rpx;
         height: 52rpx;
      }
      .order-icon.shlp{
         // margin-top: 16rpx;
         margin-top: 10rpx;
         width: 54rpx;
         height: 58rpx;
      }
      .order-icon.kkjl{
         // margin-top: 12rpx;
         // margin-top: 0rpx;
         // margin-top: -3rpx;
         margin-top: 10rpx;
         width: 58rpx;
         height: 58rpx;
      }
   }
}