update 商品管理和花农的

xuxy

2024-06-25 d1bb68d9f9054bbf87cd84956d3240c71d8e370c

 pages/home/home.scss

@@ -1,6 +1,13 @@

.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;
@@ -78,11 +85,12 @@


.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;
@@ -99,6 +107,8 @@
         .tj-each{
            flex:1;
            text-align: center;
            margin-top: 20rpx;
            margin-bottom: 20rpx;
            .num{
               font-weight: 400;
               font-size: 32rpx;
@@ -110,22 +120,48 @@
               font-size: 24rpx;
               color: #000000;
               line-height: 34rpx;
               margin-top: 12rpx;
            }
         }

			
			
	
      }
      .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{
              width: 0;
              height: 0;
              border-top: 0px solid transparent;
              border-right: 12rpx solid transparent;
              border-left: 18rpx solid var(--topicdarkgray);
              content: '';
              position: absolute;
              top: 50%; /* 将三角形垂直居中 */
              left: 180rpx;
              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{
@@ -133,6 +169,10 @@
               font-size: 32rpx;
               color: #20613D;
               line-height: 44rpx;
         }
         .title{
            margin-top: 12rpx;
				
            }
            
         }
@@ -142,8 +182,7 @@
         .tj-panel.green{
            background: #FDF4E5;
         }
			
			
   }
         .order-icon{
            width: 80rpx;
            height: 80rpx;
@@ -163,6 +202,7 @@
               font-size: 28rpx;
               color: #000000;
               text-align: center;
         margin-top: 12rpx;
            }
            .img-c{
               // min-height: 68rpx;
@@ -176,34 +216,29 @@
               // 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;
         // margin-top: -8rpx;
               width: 54rpx;
               height: 58rpx;
            }
            .order-icon.syst{
               // margin-top: 12rpx;
               // margin-top: 0rpx;
               width: 58rpx;
               height: 58rpx;
            }
            .order-icon.wbsp{
               margin-top: -10rpx;
      .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;
         }
         
      }
   }
	
}