From fb14fa911bde1ed360fe89a1c41d74b158db9ab5 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期五, 09 八月 2024 15:26:28 +0800
Subject: [PATCH] update 花店样式等
---
pages/home/home.scss | 395 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 245 insertions(+), 150 deletions(-)
diff --git a/pages/home/home.scss b/pages/home/home.scss
index cfb5ac2..0ebf45b 100644
--- a/pages/home/home.scss
+++ b/pages/home/home.scss
@@ -1,88 +1,90 @@
-.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;
background-size: 100% 100%;
- height: 472rpx;
+ height: 306rpx;
}
swiper {
- height: 472rpx;
+ height: 306rpx;
}
.swiper-box{
position: relative;
swiper-item{
background-color: #fff;
+ border-radius: 8rpx;
}
}
- .home-shop-top{
- position: relative;
- // width: 690rpx;
- height: 488rpx - 36rpx;
- padding: 18rpx;
- padding-top: 36rpx;
- padding-bottom: 0rpx;
-
- background: linear-gradient(360deg, #DDECE4 0%, #B8D9C6 100%) #AEDCC7;
- border-radius: 20rpx;
- // padding: 1;
- .title{
- width: 164rpx;
- height: 42rpx;
- margin-bottom: 16rpx;
- }
- .icon{
- position: absolute;
- width: 114rpx;
- height: 110rpx;
- right: 48rpx;
- top: 20rpx;
- z-index: 1;
- }
- .card-list-item{
- z-index: 2;
- }
- }
- .home-travel-top{
- position: relative;
- // width: 690rpx;
- min-height: 490rpx - 36rpx - 16rpx;
- background: #A9DAEB;
- border-radius: 20rpx;
- padding: 18rpx;
- padding-bottom: 16rpx;
- padding-top: 36rpx;
- .title{
- width: 126rpx;
- height: 40rpx;
- margin-bottom: 16rpx;
- }
- .icon{
- position: absolute;
- width: 314rpx;
- right: 60rpx;
- top: 26rpx;
- height:98rpx;
- z-index: 0;
-
- }
- /deep/ .card-list-item{
- position: relative;
- z-index: 2;
- }
- }
+
+
}
-
-.main-container.farmer.home{
- background-image: url('../../static/images/farmer/home/bg.png');
+.main-container.user-home{
min-height: 99vh;
+ padding: 30rpx;
+ background: #F7F7F7;
+ position: relative;
+ .bg-top-green{
+ height: 197px;
+ background: #CAE5D6;
+ position: absolute;
+ left: 0rpx;
+ right: 0rpx;
+ top: 0rpx;
+ z-index: 0;
+ }
+ .school{
+ position: relative;
+ z-index: 1;
+ }
+ .search-container {
+ display: flex;
+ margin: 12rpx 0rpx 20rpx 0rpx;
+ position: relative;
+ z-index: 1;
+ .input {
+ // flex: 1;
+ // max-width: 400rpx;
+ background-color: #fff !important;
+ // line-height: 58rpx;
+ // height: 58rpx;
+ border-radius: 8rpx;
+ }
+
+ .button {
+ min-width: 120rpx;
+ max-width: 120rpx;
+ margin-left: auto;
+ margin-right: 0rpx;
+ text-align: right;
+ line-height: 70rpx !important;
+ // height: 58rpx !important;
+ // display: flex;
+ }
+ }
+}
+.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 +101,8 @@
.tj-each{
flex:1;
text-align: center;
+ margin-top: 20rpx;
+ margin-bottom: 20rpx;
.num{
font-weight: 400;
font-size: 32rpx;
@@ -110,100 +114,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;
+
}
}
}
-}
\ No newline at end of file
+
+ .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;
+ }
+
+ }
+
+}
--
Gitblit v1.9.3