From c21de8ae71b001be8585677657ac088d70dec610 Mon Sep 17 00:00:00 2001
From: mkm <727897186@qq.com>
Date: Thu, 18 May 2023 23:06:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=91=E4=BB=93=E5=BA=93=20=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/api.js                            |   5 +-
 components/zbpSwiper.vue              |  36 +-
 pages/supply_chains/supply_chains.vue | 811 ++++++++++++++------------
 3 files changed, 456 insertions(+), 396 deletions(-)

diff --git a/api/api.js b/api/api.js
index d1e19e5..1fcf31d 100644
--- a/api/api.js
+++ b/api/api.js
@@ -15,7 +15,10 @@ import request from "@/utils/request.js";
 export function getProductSpuAPI(id) {
   return request.get(`product/spu/cloud_merchant/${id}`, {}, { noAuth: true });
 }
-
+//获取云仓库店铺id
+export function get_cloud_shop(street_code) {
+  return request.get(`city/get_cloud_shop?street_code=${street_code}`, {}, { noAuth: true });
+}
 /**
  * 公共接口 ，优惠券接口 , 行业此讯 , 手机号码注册
  * 
diff --git a/components/zbpSwiper.vue b/components/zbpSwiper.vue
index caef2b8..a0e4c9f 100644
--- a/components/zbpSwiper.vue
+++ b/components/zbpSwiper.vue
@@ -7,7 +7,7 @@
     <view class="site-box flex_a_c_j_sb">
       <view class="place_wrapper flex_a_c" @click="selectLocation">
         <view class="iconfont icon-weizhi"></view>
-        <view class="town_name">{{recommend_address}}</view>
+        <view class="town_name">{{location_Arr.location_name}}</view>
       </view>
       <navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
         <view class="iconfont icon-xiaoxi" style="color:#fff;"></view>
@@ -50,7 +50,11 @@
       isSelectPlace: {
         type: Boolean,
         default: false
-      }
+      },
+	  location_Arr:{
+		  type:Object,
+		  default:()=>({})
+	  }
     },
     data() {
       return {
@@ -59,7 +63,6 @@
         columnData: [],
         homeCombData: [],
         keyword: '',
-        recommend_address: '',
         bgColor: '',
         swiper: {
           url: [{
@@ -78,7 +81,7 @@
     created() {
       this.getBanner()
       this.Area()
-      this.selfLocation()
+      // this.selfLocation()
       // const loca = JSON.parse(this.location)
       // this.street = loca.address_component.street
     },
@@ -121,30 +124,7 @@
           this.$refs.uPicker.setColumnValues(1, res.data);
         });
       },
-      selfLocation() {
-        let self = this
-        uni.getLocation({
-          type: 'gcj02',
-          success: (res) => {
-            let latitude, longitude;
-            latitude = res.latitude.toString();
-            longitude = res.longitude.toString();
-            this.latitude = res.latitude
-            this.longitude = res.longitude
-            getGeocoder({
-              lat: latitude,
-              long: longitude
-            }).then(res => {
-              console.log(res)
-              this.detaile_address = res.data.address;
-              this.location_address = res.data.address;
-              this.recommend_address = res.data.formatted_addresses.recommend.length > 4 ? res.data
-                .formatted_addresses.recommend.slice(0, 7) + '...' : res.data.formatted_addresses.recommend
-            }).catch(err => Toast(err))
-          },
-          fail: (err) => { Toast(err) },
-        });
-      },
+
       swiperChange(e) {
         let { current, source } = e.detail;
         if (source === 'autoplay' || source === 'touch') {
diff --git a/pages/supply_chains/supply_chains.vue b/pages/supply_chains/supply_chains.vue
index 9dc42a2..a28d733 100644
--- a/pages/supply_chains/supply_chains.vue
+++ b/pages/supply_chains/supply_chains.vue
@@ -1,421 +1,498 @@
 <template>
-  <view class="Circle_friends">
-    <view class="circle_friends_wrapper">
-      <zbpSwiper :isSelectPlace="true" @selectPlce="selectPlce"></zbpSwiper>
-      <view class="shop_wrapper">
-        <navigator class="l_yun" hover-class="none"
-          :url="`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_id}`"
-          :style=" {'background-image': `url(${bgData[0].pic})`}">
-          <view class=" text-name">
-            <text>{{town||JSON.parse(location).address_component.street}}</text>
-            <view class="name_town">-供销综合云市场-</view>
-          </view>
-        </navigator>
-        <navigator class="r_lihai" hover-class="none" :url="`/pages/store/home/index?id=${store_id}&LihaiYun=Lihai`"
-          :style=" {'background-image': `url(${bgData[1].pic})`}">
-          <view class="title">里海云仓</view>
-        </navigator>
-      </view>
-      <view class="tabs_wrapper flex_a_c_j_sb">
-        <view class="title flex_a_c">热点资讯</view>
-        <navigator class="flex_a_c" hover-class="none" url="/pages/news_list/index">
-          更多
-          <view class="iconfont icon-gengduo3"></view>
-        </navigator>
-      </view>
-      <view class="article_box">
-        <block v-for="(item, index) in recoList.slice(0,2)" :key="index">
-          <navigator :url='"/pages/news_details/index?id="+item.article_id' hover-class='none' class='article-item'>
-            <view class='text'>
-              <view class='name'>{{item.title}}</view>
-              <view class="time">{{item.create_time}}</view>
-            </view>
-            <view class='pictrue'>
-              <image :src='item.image_input'></image>
-            </view>
-          </navigator>
-        </block>
-      </view>
+	<view class="Circle_friends">
+		<view class="circle_friends_wrapper">
+			<zbpSwiper :isSelectPlace="true" @selectPlce="selectPlce" :location_Arr="locationArr"></zbpSwiper>
+			<view class="shop_wrapper">
+				<navigator class="l_yun" hover-class="none"
+					:url="`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${locationArr.address_reference.town.id}`"
+					:style=" {'background-image': `url(${bgData[0].pic})`}">
+					<view class=" text-name">
+						<text>{{locationArr.location_name}}</text>
+						<view class="name_town">-供销综合云市场-</view>
+					</view>
+				</navigator>
+				<view class="r_lihai" hover-class="none" @click="go_shop()"
+					:style=" {'background-image': `url(${bgData[1].pic})`}">
+					<view class="title">里海云仓</view>
+				</view>
+			</view>
+			<view class="tabs_wrapper flex_a_c_j_sb">
+				<view class="title flex_a_c">热点资讯</view>
+				<navigator class="flex_a_c" hover-class="none" url="/pages/news_list/index">
+					更多
+					<view class="iconfont icon-gengduo3"></view>
+				</navigator>
+			</view>
+			<view class="article_box">
+				<block v-for="(item, index) in recoList.slice(0,2)" :key="index">
+					<navigator :url='"/pages/news_details/index?id="+item.article_id' hover-class='none'
+						class='article-item'>
+						<view class='text'>
+							<view class='name'>{{item.title}}</view>
+							<view class="time">{{item.create_time}}</view>
+						</view>
+						<view class='pictrue'>
+							<image :src='item.image_input'></image>
+						</view>
+					</navigator>
+				</block>
+			</view>
 
-      <view class="tabs_wrapper">
-        <u-tabs :list="tabsData.list" @click="tabsChange" keyName="title" lineColor="#F84221"></u-tabs>
-      </view>
+			<view class="tabs_wrapper">
+				<u-tabs :list="tabsData.list" @click="tabsChange" keyName="title" lineColor="#F84221"></u-tabs>
+			</view>
 
-      <view class="goods">
-        <block v-for="(item,index) in articleList" :key="index">
-          <view class="goods_item" @click="gogogo(item)">
-            <image class="goods_img" :src="item.image_input" mode="aspectFill"></image>
-            <view class="botm">
-              <view class="title">{{item.title}}</view>
-              <view class="goods_info flex_a_c">
-                <view class="l_info flex_a_c">
-                  <image :src="(item.author && item.author.avatar) || '/static/images/f.png'" mode="aspectFill"
-                    class="g_img"></image>
-                  <view class="g_name">{{item.author}}</view>
-                </view>
-                <view class="nice_box" @click.stop="giveStart(item)">
-                  <text class="iconfont" :class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
-                  <text class="collect">{{item.count_start}}</text>
-                </view>
-              </view>
-            </view>
-          </view>
-        </block>
-      </view>
-      <view class="empty_wrapper" v-if="emptyShow">
-        <u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
-      </view>
-    </view>
+			<view class="goods">
+				<block v-for="(item,index) in articleList" :key="index">
+					<view class="goods_item" @click="gogogo(item)">
+						<image class="goods_img" :src="item.image_input" mode="aspectFill"></image>
+						<view class="botm">
+							<view class="title">{{item.title}}</view>
+							<view class="goods_info flex_a_c">
+								<view class="l_info flex_a_c">
+									<image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
+										mode="aspectFill" class="g_img"></image>
+									<view class="g_name">{{item.author}}</view>
+								</view>
+								<view class="nice_box" @click.stop="giveStart(item)">
+									<text class="iconfont"
+										:class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
+									<text class="collect">{{item.count_start}}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+				</block>
+			</view>
+			<view class="empty_wrapper" v-if="emptyShow">
+				<u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
+			</view>
+		</view>
 
-    <!-- <view class="bg_color"></view> -->
+		<!-- <view class="bg_color"></view> -->
 
-    <!-- <m-tabbar native>
+		<!-- <m-tabbar native>
       <template v-slot:tabbar_index_2>
         <view class="custom_style">
           <view class="custom_style_icon"></view>
         </view>
       </template>
     </m-tabbar> -->
-  </view>
+	</view>
 </template>
 
 <script>
-  import zbpSwiper from '@/components/zbpSwiper'
-  import { mapGetters } from 'vuex'
-  import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
-  import { graphicStartApi } from '@/api/community.js'
-  import { getArticleList, getArticleCategoryList } from '@/api/api.js'
-  import { getHotBanner } from '@/api/store.js'
-  import { Toast } from '@/libs/uniApi'
-  export default {
-    components: {
-      mTabbar,
-      zbpSwiper
-    },
-    data() {
-      return {
-        tabsData: {
-          list: [],
-          tabsActive: 0
-        },
-        town: '',
-        emptyShow: false,
-        articleList: [],
-        recoList: [],
-        street_id: '',
-        bgData: [{ pic: '' }, { pic: '' }],
-        store_id: ''
-      }
-    },
-    onLoad() {
-      getHotBanner('good').then(res => {
-        this.bgData = res.data
-      })
-      uni.$on('resetLocation', function() {
-        console.log('resetLocation');
-      })
-      this.getArticle()
-      getArticleList(19).then(res => {
-        this.recoList = res.data.list
-      })
-    },
-    onShow() {},
-    computed: mapGetters(['location']),
-    methods: {
-      selectPlce(e) {
-        this.street_id = e.value[1].code
-        this.store_id = e.value[1].id
-        this.town = e.value[1].name
-      },
-      navigat() {
-        uni.navigateTo({
-          url: '/pages/store/settledApply/settledApply'
-        })
-      },
-      gogogo(item) {
-        uni.navigateTo({
-          url: '/pages/news_details/index?id=' + item.article_id
-        })
-      },
-      async getArticle() {
-        let list = []
-        const { data } = await getArticleCategoryList()
-        data.map((item, index) => {
-          if (item.title !== '推荐') {
-            list.push(item)
-          }
-        })
-        this.tabsData.list = list
-        this.getArticleList(list[0].article_category_id)
-      },
-      async getArticleList(id) {
-        const { data } = await getArticleList(id)
-        this.articleList = data.list
-      },
-      // 点赞
-      giveStart(item) {
-        // let status = item.status ? 0 : 1
-        // graphicStartApi(item.community_id, { status: status }).then(res => {
-        //   Toast(res.message)
-        //   this.getArticleList()
-        // })
-      },
-      tabsChange(item) {
-        this.getArticleList(item.article_category_id)
-        this.street_id = item.id
-        this.tabsData.tabsActive = item.index
-      },
-    },
-    onPullDownRefresh() {
-      uni.stopPullDownRefresh()
-    }
-  }
+	import zbpSwiper from '@/components/zbpSwiper'
+	import {
+		mapGetters
+	} from 'vuex'
+	import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
+	import {
+		graphicStartApi
+	} from '@/api/community.js'
+	import {
+		getArticleList,
+		getArticleCategoryList,
+		get_cloud_shop
+	} from '@/api/api.js'
+	import {
+		getHotBanner
+	} from '@/api/store.js'
+	import {
+		Toast
+	} from '@/libs/uniApi'
+	import {
+		getGeocoder
+	} from '@/api/store.js';
+
+	export default {
+		components: {
+			mTabbar,
+			zbpSwiper
+		},
+		data() {
+			return {
+				tabsData: {
+					list: [],
+					tabsActive: 0
+				},
+				town: '',
+				emptyShow: false,
+				articleList: [],
+				recoList: [],
+				street_id: '',
+				bgData: [{
+					pic: ''
+				}, {
+					pic: ''
+				}],
+				store_id: '',
+				locationArr: ({}),
+				setrecommend_address: "",
+				mer_id: 0
+			}
+		},
+
+		onLoad() {
+			getHotBanner('good').then(res => {
+				this.bgData = res.data
+			})
+			uni.$on('resetLocation', function() {
+				console.log('resetLocation');
+			})
+			this.getArticle()
+			this.selfLocation()
+			getArticleList(19).then(res => {
+				this.recoList = res.data.list
+			})
+		},
+		onShow() {},
+		methods: {
+			selfLocation() {
+				let self = this
+				uni.getLocation({
+					type: 'gcj02',
+					success: (res) => {
+						let latitude, longitude;
+						latitude = res.latitude.toString();
+						longitude = res.longitude.toString();
+						this.latitude = res.latitude
+						this.longitude = res.longitude
+						getGeocoder({
+							lat: latitude,
+							long: longitude
+						}).then(res => {
+							this.locationArr = res.data
+							this.locationArr.location_name = res.data.address_component.street
+							get_cloud_shop(res.data.address_reference.town.id).then(re => {
+								if(re.data.mer_id){
+									this.mer_id = re.data.mer_id
+								}
+								})
+						}).catch(err => Toast(err))
+
+					},
+					fail: (err) => {
+						Toast(err)
+					},
+				});
+
+			},
+
+			selectPlce(e) {
+				
+				this.street_id = e.value[1].code
+				this.store_id = e.value[1].id
+				this.town = e.value[1].name
+				get_cloud_shop(e.value[1].code).then(re => {
+									this.mer_id = re.data.mer_id
+								})
+								
+			},
+			navigat() {
+				uni.navigateTo({
+					url: '/pages/store/settledApply/settledApply'
+				})
+			},
+			gogogo(item) {
+				uni.navigateTo({
+					url: '/pages/news_details/index?id=' + item.article_id
+				})
+			},
+			go_shop(id) {
+				if (this.mer_id == 0) {
+					Toast('当前区域没有云仓库')
+					return false
+				}
+				console.log(this.mer_id)
+				uni.navigateTo({
+
+					url: '/pages/store/home/index?id=' + this.mer_id + '&LihaiYun=Lihai'
+				})
+			},
+			async getArticle() {
+				let list = []
+				const {
+					data
+				} = await getArticleCategoryList()
+				data.map((item, index) => {
+					if (item.title !== '推荐') {
+						list.push(item)
+					}
+				})
+				this.tabsData.list = list
+				this.getArticleList(list[0].article_category_id)
+			},
+			async getArticleList(id) {
+				const {
+					data
+				} = await getArticleList(id)
+				this.articleList = data.list
+			},
+			// 点赞
+			giveStart(item) {
+				// let status = item.status ? 0 : 1
+				// graphicStartApi(item.community_id, { status: status }).then(res => {
+				//   Toast(res.message)
+				//   this.getArticleList()
+				// })
+			},
+			tabsChange(item) {
+				this.getArticleList(item.article_category_id)
+				this.street_id = item.id
+				this.tabsData.tabsActive = item.index
+			},
+		},
+		onPullDownRefresh() {
+			uni.stopPullDownRefresh()
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-  .Circle_friends {
-    background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
-  }
+	.Circle_friends {
+		background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
+	}
 
-  .shop_wrapper {
-    height: 192.98rpx;
-    width: 694.74rpx;
-    margin: 0 auto;
-    display: flex;
-    justify-content: space-between;
-    margin-top: 0;
+	.shop_wrapper {
+		height: 192.98rpx;
+		width: 694.74rpx;
+		margin: 0 auto;
+		display: flex;
+		justify-content: space-between;
+		margin-top: 0;
 
-    .l_yun {
-      width: 456.14rpx;
-      border-radius: 16rpx;
-      background-image: url("@/static/images/zonghe.png");
-      background-repeat: no-repeat;
-      background-size: cover;
-      overflow: hidden;
-      position: relative;
+		.l_yun {
+			width: 456.14rpx;
+			border-radius: 16rpx;
+			background-image: url("@/static/images/zonghe.png");
+			background-repeat: no-repeat;
+			background-size: cover;
+			overflow: hidden;
+			position: relative;
 
-      display: flex;
-      flex-direction: column;
-      align-items: center;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
 
-      .text-name {
-        margin-top: 14.04rpx;
-        text-align: center;
-        color: #fff;
-        font-weight: bold;
-        font-size: 29.82rpx;
+			.text-name {
+				margin-top: 14.04rpx;
+				text-align: center;
+				color: #fff;
+				font-weight: bold;
+				font-size: 29.82rpx;
 
-        text {
-          font-size: 40.35rpx;
-        }
-      }
+				text {
+					font-size: 40.35rpx;
+				}
+			}
 
-      .yun_title {
-        color: #B24322;
-        background-color: #ffad99;
-        height: 56.14rpx;
-        clip-path: polygon(0% 0, 100% 0, 90% 100%, 0 100%);
-        text-align: center;
-        line-height: 56.14rpx;
-        padding: 0 31.58rpx 0 21.05rpx;
-        width: max-content;
+			.yun_title {
+				color: #B24322;
+				background-color: #ffad99;
+				height: 56.14rpx;
+				clip-path: polygon(0% 0, 100% 0, 90% 100%, 0 100%);
+				text-align: center;
+				line-height: 56.14rpx;
+				padding: 0 31.58rpx 0 21.05rpx;
+				width: max-content;
 
-        .iconlihai {
-          font-size: 24.56rpx;
-          margin-left: 16rpx;
-        }
-      }
+				.iconlihai {
+					font-size: 24.56rpx;
+					margin-left: 16rpx;
+				}
+			}
 
-      .text_cont {
-        position: absolute;
-        left: 21.05rpx;
-        bottom: 47.37rpx;
-        color: #7F1616;
-        font-weight: 700;
-        font-size: 31.58rpx;
+			.text_cont {
+				position: absolute;
+				left: 21.05rpx;
+				bottom: 47.37rpx;
+				color: #7F1616;
+				font-weight: 700;
+				font-size: 31.58rpx;
 
-        .name_town {
-          font-size: 49.12rpx;
-        }
-      }
-    }
+				.name_town {
+					font-size: 49.12rpx;
+				}
+			}
+		}
 
-    .r_lihai {
-      width: 217.54rpx;
-      height: 100%;
-      font-size: 35.09rpx;
-      padding-top: 28.07rpx;
-      text-align: center;
-      background: url("@/static/images/lihaiyun.png") no-repeat;
-      background-size: cover;
-      box-sizing: border-box;
-      border-radius: 16rpx;
-      color: #fff;
-      font-weight: bold;
+		.r_lihai {
+			width: 217.54rpx;
+			height: 100%;
+			font-size: 35.09rpx;
+			padding-top: 28.07rpx;
+			text-align: center;
+			background: url("@/static/images/lihaiyun.png") no-repeat;
+			background-size: cover;
+			box-sizing: border-box;
+			border-radius: 16rpx;
+			color: #fff;
+			font-weight: bold;
 
-      .title {
-        margin-top: 105.26rpx;
-      }
-    }
-  }
+			.title {
+				margin-top: 105.26rpx;
+			}
+		}
+	}
 
-  .tabs_wrapper {
-    width: 694.74rpx;
-    margin: 38.6rpx auto;
-    margin-bottom: 21.05rpx;
+	.tabs_wrapper {
+		width: 694.74rpx;
+		margin: 38.6rpx auto;
+		margin-bottom: 21.05rpx;
 
-    .title {
-      font-size: 31.58rpx;
-      font-weight: bold;
+		.title {
+			font-size: 31.58rpx;
+			font-weight: bold;
 
-      &::before {
-        content: '';
-        display: inline-block;
-        width: 3px;
-        height: 31.58rpx;
-        background-color: #F84221;
-        margin-right: 7.02rpx;
-      }
-    }
-  }
+			&::before {
+				content: '';
+				display: inline-block;
+				width: 3px;
+				height: 31.58rpx;
+				background-color: #F84221;
+				margin-right: 7.02rpx;
+			}
+		}
+	}
 
-  .article_box {
-    height: 100%;
-    width: 694.74rpx;
-    margin: 0 auto;
-    background-color: #fff;
-    border-radius: 16rpx;
-    padding: 0 24.56rpx;
-    box-sizing: border-box;
+	.article_box {
+		height: 100%;
+		width: 694.74rpx;
+		margin: 0 auto;
+		background-color: #fff;
+		border-radius: 16rpx;
+		padding: 0 24.56rpx;
+		box-sizing: border-box;
 
-    .title-box {
-      height: 87.72rpx;
+		.title-box {
+			height: 87.72rpx;
 
-      text {
-        font-size: 28.07rpx;
-      }
-    }
+			text {
+				font-size: 28.07rpx;
+			}
+		}
 
-    .article-item {
-      display: flex;
-      // height: 175.44rpx;
-      justify-content: space-between;
-      border-bottom: 1px solid #f0f0f0;
-      padding: 21.05rpx 0;
+		.article-item {
+			display: flex;
+			// height: 175.44rpx;
+			justify-content: space-between;
+			border-bottom: 1px solid #f0f0f0;
+			padding: 21.05rpx 0;
 
-      .text {
-        flex: 1;
-        height: 122.81rpx;
-        margin-right: 17.54rpx;
-        font-size: 24rpx;
-        color: #999;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
+			.text {
+				flex: 1;
+				height: 122.81rpx;
+				margin-right: 17.54rpx;
+				font-size: 24rpx;
+				color: #999;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
 
-        .name {
-          font-size: 26.32rpx;
-          color: #282828;
-        }
-      }
+				.name {
+					font-size: 26.32rpx;
+					color: #282828;
+				}
+			}
 
-      .pictrue {
-        width: 175.44rpx;
-        height: 122.81rpx;
+			.pictrue {
+				width: 175.44rpx;
+				height: 122.81rpx;
 
-        image {
-          width: 100%;
-          height: 100%;
-          border-radius: 8px;
-        }
-      }
-    }
-  }
+				image {
+					width: 100%;
+					height: 100%;
+					border-radius: 8px;
+				}
+			}
+		}
+	}
 
-  .goods {
-    margin: 0 auto;
-    width: 694.74rpx;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
+	.goods {
+		margin: 0 auto;
+		width: 694.74rpx;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
 
-    .goods_item {
-      width: 342.11rpx;
-      height: 491.23rpx;
-      border-radius: 8px;
-      overflow: hidden;
-      background-color: #fff;
-      display: flex;
-      flex-direction: column;
-      margin-bottom: 10.53rpx;
+		.goods_item {
+			width: 342.11rpx;
+			height: 491.23rpx;
+			border-radius: 8px;
+			overflow: hidden;
+			background-color: #fff;
+			display: flex;
+			flex-direction: column;
+			margin-bottom: 10.53rpx;
 
-      .goods_img {
-        width: 100%;
-        height: 294.74rpx;
-      }
+			.goods_img {
+				width: 100%;
+				height: 294.74rpx;
+			}
 
-      .botm {
-        flex: 1;
-        padding: 0 14.04rpx;
-        padding-bottom: 21.05rpx;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
+			.botm {
+				flex: 1;
+				padding: 0 14.04rpx;
+				padding-bottom: 21.05rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
 
-        .title {
-          margin: 12px 0;
-          width: 100%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-        }
+				.title {
+					margin: 12px 0;
+					width: 100%;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					display: -webkit-box;
+					-webkit-line-clamp: 2;
+					-webkit-box-orient: vertical;
+				}
 
-        .goods_info {
-          justify-content: space-between;
+				.goods_info {
+					justify-content: space-between;
 
-          .g_img {
-            width: 60rpx;
-            height: 60rpx;
-            border-radius: 50%;
-          }
+					.g_img {
+						width: 60rpx;
+						height: 60rpx;
+						border-radius: 50%;
+					}
 
-          .g_name {
-            margin-left: 8.77rpx;
-            width: 100.63rpx;
-            text-overflow: ellipsis;
-            /* 溢出显示省略号 */
-            overflow: hidden;
-            /* 溢出隐藏 */
-            white-space: nowrap;
-            /* 强制不换行 */
-          }
+					.g_name {
+						margin-left: 8.77rpx;
+						width: 100.63rpx;
+						text-overflow: ellipsis;
+						/* 溢出显示省略号 */
+						overflow: hidden;
+						/* 溢出隐藏 */
+						white-space: nowrap;
+						/* 强制不换行 */
+					}
 
-          .nice_box {
-            display: flex;
-            align-items: center;
+					.nice_box {
+						display: flex;
+						align-items: center;
 
-            .isshow {
-              color: #FE3530 !important;
-            }
+						.isshow {
+							color: #FE3530 !important;
+						}
 
-            .iconfont {
-              font-size: 30rpx;
-            }
+						.iconfont {
+							font-size: 30rpx;
+						}
 
-            .icon-shoucang1 {
-              color: #F84221;
-            }
+						.icon-shoucang1 {
+							color: #F84221;
+						}
 
-            .collect {
-              font-size: 24rpx;
-              margin-left: 5rpx;
-            }
-          }
-        }
-      }
+						.collect {
+							font-size: 24rpx;
+							margin-left: 5rpx;
+						}
+					}
+				}
+			}
 
-    }
-  }
+		}
+	}
 </style>
\ No newline at end of file