From d1bb68d9f9054bbf87cd84956d3240c71d8e370c Mon Sep 17 00:00:00 2001
From: xuxy <1059738716@qq.com>
Date: 星期二, 25 六月 2024 16:55:44 +0800
Subject: [PATCH] update 商品管理和花农的
---
pages/home/home.scss | 215 +++++++++++++++++++++++++++++++----------------------
1 files changed, 125 insertions(+), 90 deletions(-)
diff --git a/pages/home/home.scss b/pages/home/home.scss
index cfb5ac2..8640718 100644
--- a/pages/home/home.scss
+++ b/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,100 +120,125 @@
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: 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{
+ 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;
+ }
}
+ .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;
+ }
+
+ }
+
}
\ No newline at end of file
--
Gitblit v1.9.3