From cabbca85b518f561d0dc2b7a7ec11d6922785b86 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 10 七月 2024 17:52:38 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/zbomyoujia
---
wechat_jiaxuan/components/disProduct/index.wxss | 173 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 173 insertions(+), 0 deletions(-)
diff --git a/wechat_jiaxuan/components/disProduct/index.wxss b/wechat_jiaxuan/components/disProduct/index.wxss
new file mode 100644
index 0000000..7fb775c
--- /dev/null
+++ b/wechat_jiaxuan/components/disProduct/index.wxss
@@ -0,0 +1,173 @@
+.search_wrap {
+ width: 670rpx;
+ height: 72rpx;
+ margin: 24rpx auto;
+ background: #F7F7F7;
+ border-radius: 8rpx;
+ padding: 0 40rpx;
+ display: flex;
+ align-items: center;
+ background-color: #F7F7F7;
+}
+.search_wrap image {
+ width: 28rpx;
+ margin-right: 16rpx;
+}
+.app {
+ height: 100%;
+ width: 100%;
+}
+.main_content {
+ display: flex;
+ height: calc(100% - 120rpx);
+}
+.main_content .main_left {
+ width: 160rpx;
+ height: 100%;
+ overflow-y: auto;
+ border-radius: 0rpx 16rpx 16rpx 0rpx;
+}
+.main_content .main_left .item {
+ width: 160rpx;
+ height: 100rpx;
+ background: #F7F7F7;
+ font-weight: 400;
+ font-size: 26rpx;
+ color: #666666;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.main_content .main_left .active {
+ background-color: #fff;
+ font-weight: 500;
+ font-size: 30rpx;
+ color: #111111;
+}
+.main_content .main_right {
+ flex: 1;
+ position: relative;
+}
+.main_content .main_right .query_wrap {
+ display: flex;
+}
+.main_content .main_right .query_wrap .item {
+ height: 100rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #666666;
+ flex: 1;
+}
+.main_content .main_right .query_wrap .item .name {
+ margin-right: 12rpx;
+}
+.main_content .main_right .query_form {
+ position: absolute;
+ background-color: #fff;
+}
+.main_content .main_right .query_form .list {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ padding: 30rpx 40rpx;
+}
+.main_content .main_right .query_form .list .item {
+ width: 154rpx;
+ height: 72rpx;
+ text-align: center;
+ line-height: 70rpx;
+ background: #F7F7F7;
+ border-radius: 8rpx;
+ font-size: 26rpx;
+ color: #333333;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin-right: 24rpx;
+ margin-bottom: 24rpx;
+}
+.main_content .main_right .query_form .list .item:nth-of-type(3n) {
+ margin-right: 0;
+}
+.main_content .main_right .query_form .list .active {
+ color: var(--themeColor);
+ background: rgba(176, 135, 113, 0.08);
+}
+.main_content .main_right .query_form .btns {
+ display: flex;
+}
+.main_content .main_right .query_form .btns .btn {
+ width: 296rpx;
+ height: 88rpx;
+ background: #E5E5E5;
+ color: #666666;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.main_content .main_right .query_form .btns .sub {
+ background: var(--themeColor);
+ color: #fff;
+}
+.main_content .main_right .status {
+ display: flex;
+ padding: 0rpx 40rpx;
+ margin: 20rpx 0;
+ align-items: center;
+}
+.main_content .main_right .status .active {
+ color: var(--themeColor);
+}
+.main_content .main_right .status .separate {
+ margin: 0 12rpx;
+ width: 1rpx;
+ height: 28rpx;
+ background-color: #333333;
+}
+.main_content .main_right .goods_list {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ padding: 12rpx 40rpx;
+}
+.main_content .main_right .goods_list .item {
+ flex-shrink: 0;
+ margin-bottom: 32rpx;
+}
+.main_content .main_right .goods_list .item .img_wrap {
+ width: 242rpx;
+ height: 136rpx;
+ border-radius: 8rpx;
+ overflow: hidden;
+ position: relative;
+}
+.main_content .main_right .goods_list .item .img_wrap .img {
+ width: 100%;
+ height: 100%;
+}
+.main_content .main_right .goods_list .item .img_wrap .new {
+ width: 72rpx;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 100;
+}
+.main_content .main_right .goods_list .item .name {
+ margin: 12rpx 0 8rpx;
+}
+.main_content .main_right .goods_list .item .info {
+ display: flex;
+ align-items: center;
+ color: #666666;
+}
+.main_content .main_right .goods_list .item .info .icon {
+ width: 28rpx;
+ margin-right: 8rpx;
+}
+.main_content .main_right .goods_list .item .info .num {
+ margin-right: 16rpx;
+}
+.main_content .main_right .goods_list .item .info .primary {
+ color: var(--themeColor);
+}
--
Gitblit v1.9.3