From d91c23a3dc8cb22c0a5b2bbb5a74c6aac37469b5 Mon Sep 17 00:00:00 2001 From: xuxy <1059738716@qq.com> Date: 星期三, 03 七月 2024 11:35:02 +0800 Subject: [PATCH] update 分类过滤 --- pages/home/home.scss | 93 ++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 80 insertions(+), 13 deletions(-) diff --git a/pages/home/home.scss b/pages/home/home.scss index 8640718..08d79de 100644 --- a/pages/home/home.scss +++ b/pages/home/home.scss @@ -1,7 +1,9 @@ .main-container{ - // background-image: url('../../static/images/farmer/home/bg.png'); - background: #E1F0E7; + // 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; @@ -84,13 +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; @@ -149,10 +152,11 @@ content: ''; position: absolute; top: 50%; /* 将三角形垂直居中 */ - left: 180rpx; + 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{ @@ -172,15 +176,59 @@ } .title{ margin-top: 12rpx; - + font-weight: 400; } } .tj-panel.pink{ background: #E7F6EB; + margin-left: auto; + + .title{ + color: #936E32; + } } .tj-panel.green{ background: #FDF4E5; + + .title{ + color: #20613D; + } + + } + } + + .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{ @@ -199,11 +247,18 @@ // margin-top: 24rpx; } .order-desc{ - font-size: 28rpx; + 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; @@ -215,10 +270,20 @@ // 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: 54rpx; - height: 58rpx; + margin-top: 8rpx; + width: 42rpx; + height: 52rpx; } .order-icon.spgl{ margin-top: 6rpx; @@ -227,18 +292,20 @@ } .order-icon.shlp{ // margin-top: 16rpx; - margin-top: -4rpx; + margin-top: 10rpx; width: 54rpx; height: 58rpx; + } .order-icon.kkjl{ // margin-top: 12rpx; // margin-top: 0rpx; - margin-top: -6rpx; + // margin-top: -3rpx; + margin-top: 10rpx; width: 58rpx; height: 58rpx; } } -} \ No newline at end of file +} -- Gitblit v1.9.3