From 1003c53e8e20e3b9c9160a2b32e3884c881f6c26 Mon Sep 17 00:00:00 2001
From: "Adam.Gong" <admin@xiuyetang.com>
Date: Wed, 6 May 2020 21:07:19 +0800
Subject: [PATCH] go

---
 src/components/Card/Card.vue        |  53 ++--
 src/manifest.json                   |  77 +++--
 src/pages.json                      |  14 +-
 src/pages/addArddess/addArddess.vue |  64 ++--
 src/pages/index/index.vue           | 575 ++++++++++++++++++++----------------
 5 files changed, 435 insertions(+), 348 deletions(-)

diff --git a/src/components/Card/Card.vue b/src/components/Card/Card.vue
index 1f77e69..39b0b55 100644
--- a/src/components/Card/Card.vue
+++ b/src/components/Card/Card.vue
@@ -1,16 +1,19 @@
-<template>
-	<view class="card" @tap="toGoods(goods.goods_id)">
-		<image mode="widthFix" :src="goods.img" ></image>
+<template>
+	<view class="card" @tap="toGoods(goods.id)">
+		<image mode="widthFix" :src="goods.imgurl" ></image>
 		<view class="name">{{goods.name}}</view>
 		<view class="info">
 			<view class="priceBox">
-			<view class="price">{{goods.price}}</view>
-			<view class="originCost">{{goods.originCost}}</view>
+			<view class="price">{{goods.rsSon.Min_Price}}</view>
+			<view class="originCost">
+				{{Math.round(goods.rsSon.Min_Price / goods.rsSon.discount * 100)}}
+				<!-- {{goods.oldPrice}} -->
+				</view>
 			</view>
-			<view class="slogan">{{goods.slogan}}</view>
-		</view>
-	</view>
-</template>
+			<view class="slogan">{{goods.trade_num}}</view>
+		</view>
+	</view>
+</template>
 
 <script>
 	export default {
@@ -19,25 +22,25 @@
 			 * 商品数据
 			 */
 			goods: {
-				goods_id: Number, 
-				img: String, 
+				id: Number, 
+				imgurl: String, 
 				name: String,
-				originCost:String,
+				oldPrice:String,
 				price: String, 
-				slogan:String
+				memo:String
 			}
 			
 		},
 		created() {
-		},
-		data() {
-			return {
-				
-			};
+		},
+		data() {
+			return {
+				
+			};
 		},
 		methods:{
 			toGoods(id){
-				console.log(id)
+				console.log('toGoods    =====> id======>', id)
 				uni.navigateTo({
 					url: `../detail/detail?oderId=1`,
 					success: res => {},
@@ -45,10 +48,10 @@
 					complete: () => {}
 				});
 			}
-		}
-	}
-</script>
-
+		}
+	}
+</script>
+
 <style lang="scss">
 	image{
 		width: 100%;
@@ -92,5 +95,5 @@
 			color: #999999;
 			font-size: 20rpx;
 		}
-	}
-</style>
+	}
+</style>
diff --git a/src/manifest.json b/src/manifest.json
index daa1a2b..97e2aee 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,19 +1,38 @@
 {
-    "name" : "gulu-vue",
-    "appid" : "",
-    "description" : "",
-    "versionName" : "1.0.0",
-    "versionCode" : "100",
-    "transformPx" : false,
-    "app-plus" : {
+    "name": "gulu-vue",
+    "appid": "",
+    "description": "",
+    "versionName": "1.0.0",
+    "versionCode": "100",
+    "transformPx": false,
+    "h5": {
+        "devServer": {
+            "port": 8080,
+            "disableHostCheck": true,
+            "proxy": {
+                "/": {
+                    "pathRewrite": {
+                        "/": "/"
+                    },
+                    "target": "https://api.glass.xiuyetang.com/",
+                    "changeOrigin": true,
+                    "serure": false
+                }
+            }
+        },
+        "router" : {
+            "mode" : "history"
+        }
+    },
+    "app-plus": {
         /* 5+App特有相关 */
-        "modules" : {},
+        "modules": {},
         /* 模块配置 */
-        "distribute" : {
+        "distribute": {
             /* 应用发布信息 */
-            "android" : {
+            "android": {
                 /* android打包配置 */
-                "permissions" : [
+                "permissions": [
                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
@@ -38,33 +57,33 @@
                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                 ]
             },
-            "ios" : {},
+            "ios": {},
             /* ios打包配置 */
-            "sdkConfigs" : {}
+            "sdkConfigs": {}
         },
         /* SDK配置 */
-        "usingComponents" : true
+        "usingComponents": true
     },
-    "quickapp" : {},
+    "quickapp": {},
     /* 快应用特有相关 */
-    "mp-weixin" : {
+    "mp-weixin": {
         /* 小程序特有相关 */
-        "usingComponents" : true,
-        "appid" : "wx115b25aa396d27ac",
-        "setting" : {
-            "urlCheck" : true
+        "usingComponents": true,
+        "appid": "wx115b25aa396d27ac",
+        "setting": {
+            "urlCheck": true
         }
     },
-    "mp-alipay" : {
-        "usingComponents" : true
+    "mp-alipay": {
+        "usingComponents": true
     },
-    "mp-baidu" : {
-        "usingComponents" : true
+    "mp-baidu": {
+        "usingComponents": true
     },
-    "mp-toutiao" : {
-        "usingComponents" : true
+    "mp-toutiao": {
+        "usingComponents": true
     },
-    "mp-qq" : {
-        "usingComponents" : true
+    "mp-qq": {
+        "usingComponents": true
     }
-}
+}
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index 950342a..c931f32 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,18 +1,20 @@
 {
 	"pages": [ 
 		{
-            "path" : "pages/refundProgress/refundProgress",
-			"style": {
-				"navigationBarTitleText": "申请退款"
-			}
-        },
-		{
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "商城一览"
 				// "enablePullDownRefresh":true
 			}
 		},
+		
+		{
+            "path" : "pages/refundProgress/refundProgress",
+			"style": {
+				"navigationBarTitleText": "申请退款"
+			}
+        },
+		
         {
             "path" : "pages/myOrder/myOrder",
             "style" : {
diff --git a/src/pages/addArddess/addArddess.vue b/src/pages/addArddess/addArddess.vue
index 1cb04c0..565c241 100644
--- a/src/pages/addArddess/addArddess.vue
+++ b/src/pages/addArddess/addArddess.vue
@@ -1,5 +1,5 @@
-<template>
-	<view class="wrap">
+<template>
+	<view class="wrap">
 		<view class="content">
 			<view class="item,name" >
 				<text class="itemText">姓名</text>
@@ -25,39 +25,39 @@
 			</view>
 			<input />
 		</view>
-		<view class="button">保存并使用</view>
-	</view>
-</template>
-
+		<view class="button">保存并使用</view>
+	</view>
+</template>
+
 <script>
-	import SimpleAddress from '@/components/Simple-address/Simple-address.vue';
-	export default {
-		data() {
-			return {
-				cityPickerValueDefault: [0, 0, 1],
+	import SimpleAddress from '@/components/Simple-address/Simple-address.vue';
+	export default {
+		data() {
+			return {
+				cityPickerValueDefault: [0, 0, 1],
 				pickerText: '',
-				isDefalutAddress:true
-				
-			};
-		},
-		components: {
-			SimpleAddress
-		},
-		methods: {
-			openAddres() {
-				this.cityPickerValueDefault = [0,0,1]
-				this.$refs.SimpleAddress.open();
-			},
+				isDefalutAddress:true
+				
+			};
+		},
+		components: {
+			SimpleAddress
+		},
+		methods: {
+			openAddres() {
+				this.cityPickerValueDefault = [0,0,1]
+				this.$refs.SimpleAddress.open();
+			},
 			onConfirm(e) {
-				this.pickerText = e.label;
+				this.pickerText = e.label;
 			},
 			changeDefalutAddress(e){
 				this.isDefalutAddress = e.target.value
-			}
-		}
-	}
-</script>
-
+			}
+		}
+	}
+</script>
+
 <style lang="scss">
 	.wrap{
 		height: 100vh;
@@ -65,7 +65,7 @@
 		font-family: PingFangSC-Regular;
 		letter-spacing: -0.23px;
 		padding-top: 19rpx;
-	}
+	}
 	.content{
 		background-color: #FFFFFF;
 		border-radius: 8px;
@@ -107,5 +107,5 @@
 		font-size: 16px;
 		color: #FFFFFF;
 		letter-spacing: -0.3px;
-	}
-</style>
+	}
+</style>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index a716465..afa4e8b 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,265 +1,328 @@
 <template>
-	<view class="content">
-		<view class="header">
-			<!-- 搜索-->
-			<view class="searchBar">
-				<icon class="searchIcon" type="search" size="14"></icon>
-				<input class="searchIpt" placeholder="老花镜" confirm-type="search"/>
-			</view>
-			
-			<!-- 筛选栏-->
-			<view class="screenBar">
-				<view  v-for="item in screenItems" :key="item.current" @click="onClickItem(item.current)"  >
-					<view class="screenItem"  v-bind:class="{ active: current === item.current }" v-if="item.current === 2" @click="dropDown">
-						{{ item.text }}<icon type="info" size="14"></icon>
-					</view>
-					<view class="screenItem"  v-bind:class="{ active: current === item.current }" v-if="item.current === 4"  @click="showDrawer('showRight')">
-							{{ item.text }}<icon type="info" size="14"></icon>
-					</view>
-					<view v-if="item.current !== 2&&item.current!==4">
-						<view class="screenItem"  v-bind:class="{ active: current === item.current }">{{ item.text }}</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		<uni-drawer ref="showRight" mask="true" maskClick=true mode="right" :width="320" @change="change($event,'showRight')"> 
-			<view class="close">
-				<view  @click="closeDrawer('showRight')"><text class="word-btn-white">关闭</text></view>
-			</view>
-		</uni-drawer>
-		
-		
-		
-		<!-- 筛选菜单-->
-		<view class="content-wrap">
-			<view>
-				<HMfilterDropdown :filterData="filterData" :defaultSelected ="filterDropdownValue" :updateMenuName="true" @confirm="confirm" dataFormat="Object"></HMfilterDropdown>
-				<!-- 商品列表 -->
-				<view class="goods-list">
-					<view class="product-list">
-						<view class="product" v-for="(goods) in goodsList" :key="goods.goods_id" >
-							<Card :goods = "goods"></Card>
-						</view>
-					</view>
-					<view class="loading-text">{{loadingText}}</view>
-				</view>
-				
-			</view>
-		</view>
-	</view>
+  <view class="content">
+    <view class="header">
+      <!-- 搜索-->
+      <view class="searchBar">
+        <icon class="searchIcon" type="search" size="14"></icon>
+        <input class="searchIpt" placeholder="老花镜" confirm-type="search" />
+      </view>
+
+      <!-- 筛选栏-->
+      <view class="screenBar">
+        <view v-for="item in screenItems" :key="item.current" @click="onClickItem(item.current)">
+          <view
+            class="screenItem"
+            v-bind:class="{ active: current === item.current }"
+            v-if="item.current === 2"
+            @click="dropDown"
+          >
+            {{ item.text }}
+            <icon type="info" size="14"></icon>
+          </view>
+          <view
+            class="screenItem"
+            v-bind:class="{ active: current === item.current }"
+            v-if="item.current === 4"
+            @click="showDrawer('showRight')"
+          >
+            {{ item.text }}
+            <icon type="info" size="14"></icon>
+          </view>
+          <view v-if="item.current !== 2&&item.current!==4">
+            <view
+              class="screenItem"
+              v-bind:class="{ active: current === item.current }"
+            >{{ item.text }}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <Uni-drawer
+      ref="showRight"
+      mask="true"
+      maskClick="true"
+      mode="right"
+      :width="320"
+      @change="change($event,'showRight')"
+    >
+      <view class="close">
+        <view @click="closeDrawer('showRight')">
+          <text class="word-btn-white">关闭</text>
+        </view>
+      </view>
+    </Uni-drawer>
+
+    <!-- 筛选菜单-->
+    <view class="content-wrap">
+      <view>
+        <HMfilterDropdown
+          :filterData="filterData"
+          :defaultSelected="filterDropdownValue"
+          :updateMenuName="true"
+          @confirm="confirm"
+          data-format="Object"
+        ></HMfilterDropdown>
+        <!-- 商品列表 -->
+        <view class="goods-list">
+          <view class="product-list">
+            <view class="product" v-for="(goods) in goodsList" :key="goods.id">
+              <Card :goods="goods"></Card>
+            </view>
+          </view>
+          <view class="loading-text">{{loadingText}}</view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	import UniDrawer from "@/components/Uni-drawer/Uni-drawer.vue";
-	import Card from "../../components/Card/Card.vue"
-	import HMfilterDropdown  from "../../components/HM-filterDropdown/HM-filterDropdown.vue";
-	import data from '@/common/data.js';//筛选菜单数据
-	export default {
-		components: {
-			'UniDrawer':UniDrawer,
-            'HMfilterDropdown':HMfilterDropdown,
-			'Card':Card
-			},
-		data() {
-			return {
-				screenItems: [
-					{current:0,text:'全部',hasIcon:false},
-					{current:1,text:'销量',hasIcon:false},
-					{current:2,text:'价格',hasIcon:true},
-					{current:3,text:'折扣',hasIcon:false},
-					{current:4,text:'筛选',hasIcon:true},
-					],
-				current: 0,
-				showRight: false,
-				indexArr:'',
-				valueArr:'',
-				//商品数据
-				goodsList:[
-					{ goods_id: 0, img: '/static/img/goods/p1.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 1, img: '/static/img/goods/p2.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 2, img: '/static/img/goods/p3.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 3, img: '/static/img/goods/p4.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 4, img: '/static/img/goods/p5.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 5, img: '/static/img/goods/p6.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 6, img: '/static/img/goods/p7.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 7, img: '/static/img/goods/p8.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 8, img: '/static/img/goods/p9.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' },
-					{ goods_id: 9, img: '/static/img/goods/p10.jpg', name: '商品名称',originCost:'￥198',price: '￥168', slogan:'1235人浏览' }
-				],
-				loadingText:"正在加载...",
-				filterDropdownValue:[],
-				filterData:[]
-			}
-		},
-		filters: {
-		　　outData(value) {
-		　　　　return JSON.stringify(value);
-		　　}
-		},
-		onLoad: function () {
-			//定时器模拟ajax异步请求数据
-			// setTimeout(()=>{
-			// 	//传入defaultSelected的结构不能错，错了就报错运行异常。 不选中的项目传入null
-			// 	this.filterDropdownValue = [
-			// 		[1,1,0],				//第0个菜单选中 一级菜单的第1项，二级菜单的第1项，三级菜单的第3项
-			// 		[null,null],			//第1个菜单选中 都不选中
-			// 		[1],					//第2个菜单选中 一级菜单的第1项
-			// 		[[0],[1,2,7],[1,0]],	//筛选菜单选中 第一个筛选的第0项，第二个筛选的第1,2,7项，第三个筛选的第1,0项
-			// 		[[0],[1],[1]],			//单选菜单选中 第一个筛选的第0项，第二个筛选的第1项，第三个筛选的第1项
-			// 	];
-				this.filterData = data; 
-			// },100);
-			// 模拟ajax请求子菜单数据。
-			// setTimeout(()=>{
-			// 	this.filterData[1].submenu[0].submenu = [{"name": "附近","value": "附近"},{"name": "1km","value": "1km"},{"name": "2km","value": "2km"},{"name": "3km","value": "3km"},{"name": "4km","value": "4km"},{"name": "5km","value": "5km"}];
-			// },5000)
-		},
-		methods: {
-			showDrawer(e) {
-				this.$refs[e].open()
-			},
-			closeDrawer(e) {
-				this.$refs[e].close()
-			},
-			change(e, type) {
-				this[type] = e
-			},
-			onClickItem(e) {
-				if (this.current !== e) {
-					this.current = e;
-				}
-			},
-			dropDown(){
-				console.log('下拉')
-			},
-			//接收菜单结果
-			confirm(e){
-				this.indexArr = e.index;
-				this.valueArr = e.value;
-				return;
-				console.log('修改菜单');
-				this.filterData[4].submenu[1] = {
-						"name": "项目2",
-						"submenu": [
-							
-						]
-					}
-			}
-		},
-		onNavigationBarButtonTap(e) {
-			this.showRight = !this.showRight
-		},
-		//上拉加载，
-		onReachBottom(){
-			console.log('到底加载')
-			let len = this.goodsList.length;
-			if(len>=30){
-				this.loadingText="~~到底了~~";
-				return false;
-			}else{
-				this.loadingText="正在加载...";
-			}
-			let end_goods_id = this.goodsList[len-1].goods_id;
-			for(let i=1;i<=10;i++){
-				let goods_id = end_goods_id+i;
-				let p = { goods_id: goods_id, img: '/static/img/goods/p'+(goods_id%10==0?10:goods_id%10)+'.jpg',name: '商品名称', originCost:'￥198' ,price: '￥168', slogan:'1235人付款' };
-				this.goodsList.push(p);
-			}
-		},
-	}
+import UniDrawer from "@/components/Uni-drawer/Uni-drawer.vue";
+import Card from "../../components/Card/Card.vue";
+import HMfilterDropdown from "../../components/HM-filterDropdown/HM-filterDropdown.vue";
+import data from "@/common/data.js"; //筛选菜单数据
+export default {
+  components: {
+    UniDrawer: UniDrawer,
+    HMfilterDropdown: HMfilterDropdown,
+    Card: Card
+  },
+  data() {
+    return {
+      screenItems: [
+        { current: 0, text: "全部", hasIcon: false },
+        { current: 1, text: "销量", hasIcon: false },
+        { current: 2, text: "价格", hasIcon: true },
+        { current: 3, text: "折扣", hasIcon: false },
+        { current: 4, text: "筛选", hasIcon: true }
+      ],
+      current: 0,
+      showRight: false,
+      indexArr: "",
+      valueArr: "",
+      // //商品数据
+      goodsList: [
+        {
+        //   goods_id: 0,
+        //   img: "/static/img/goods/p1.jpg",
+        //   name: "商品名称",
+        //   originCost: "￥198",
+        //   price: "￥168",
+        //   slogan: "1235人浏览"
+        }
+      ],
+      loadingText: "正在加载...",
+      filterDropdownValue: [],
+      filterData: []
+    };
+  },
+  filters: {
+    outData(value) {
+      return JSON.stringify(value);
+    }
+  },
+  onLoad: function() {
+    uni.request({
+      url: "https://api.glass.xiuyetang.com/app/prod/list", //仅为示例，并非真实接口地址。
+      method: "post",
+      data: {
+        // text: 'uni.request'
+      },
+      header: {
+        // 'custom-header': 'hello', //自定义请求头信息
+        "Content-Type": "application/x-www-form-urlencoded"
+        // 'Content-Type':'multipart/form-data'
+        // 'Content-Type':'ext/plain'
+      },
+      timeout: 3000,
+      // dataType:'json'
+      // responseType:'text',
+      // sslVerify: true,//验证 ssl 证书
+      withCredentials: false, //跨域请求时是否携带凭证（cookies）
+      success: res => {
+        console.error("success status === > ", res);
+        this.goodsList = res.data.data;
+        // console.log('res.data', res.data);
+        // this.text = 'request success';
+      },
+      fail: res => {
+        console.log("fail status === > ", res);
+      },
+      complete: res => {
+        console.log("complete status === > ", res);
+      }
+    });
+    //定时器模拟ajax异步请求数据
+    // setTimeout(()=>{
+    // 	//传入defaultSelected的结构不能错，错了就报错运行异常。 不选中的项目传入null
+    // 	this.filterDropdownValue = [
+    // 		[1,1,0],				//第0个菜单选中 一级菜单的第1项，二级菜单的第1项，三级菜单的第3项
+    // 		[null,null],			//第1个菜单选中 都不选中
+    // 		[1],					//第2个菜单选中 一级菜单的第1项
+    // 		[[0],[1,2,7],[1,0]],	//筛选菜单选中 第一个筛选的第0项，第二个筛选的第1,2,7项，第三个筛选的第1,0项
+    // 		[[0],[1],[1]],			//单选菜单选中 第一个筛选的第0项，第二个筛选的第1项，第三个筛选的第1项
+    // 	];
+    // this.filterData = data;
+    // },100);
+    // 模拟ajax请求子菜单数据。
+    // setTimeout(()=>{
+    // 	console.log('发起请求','ddddddd');
+    // 	// this.filterData[1].submenu[0].submenu = [{"name": "附近","value": "附近"},{"name": "1km","value": "1km"},{"name": "2km","value": "2km"},{"name": "3km","value": "3km"},{"name": "4km","value": "4km"},{"name": "5km","value": "5km"}];
+    // },3000);
+  },
+  methods: {
+    showDrawer(e) {
+      this.$refs[e].open();
+    },
+    closeDrawer(e) {
+      this.$refs[e].close();
+    },
+    change(e, type) {
+      this[type] = e;
+    },
+    onClickItem(e) {
+      if (this.current !== e) {
+        this.current = e;
+      }
+    },
+    dropDown() {
+      console.log("下拉");
+    },
+    //接收菜单结果
+    confirm(e) {
+      this.indexArr = e.index;
+      this.valueArr = e.value;
+      return;
+      console.log("修改菜单");
+      this.filterData[4].submenu[1] = {
+        name: "项目2",
+        submenu: []
+      };
+    }
+  },
+  onNavigationBarButtonTap(e) {
+    this.showRight = !this.showRight;
+  },
+  //上拉加载，
+  onReachBottom() {
+    console.log("到底加载");
+    let len = this.goodsList.length;
+    if (len >= 30) {
+      this.loadingText = "~~到底了~~";
+      return false;
+    } else {
+      this.loadingText = "正在加载...";
+    }
+    let end_goods_id = this.goodsList[len - 1].goods_id;
+    for (let i = 1; i <= 10; i++) {
+      let goods_id = end_goods_id + i;
+      let p = {
+        goods_id: goods_id,
+        img:
+          "/static/img/goods/p" +
+          (goods_id % 10 == 0 ? 10 : goods_id % 10) +
+          ".jpg",
+        name: "商品名称",
+        originCost: "￥198",
+        price: "￥168",
+        slogan: "1235人付款"
+      };
+      this.goodsList.push(p);
+    }
+  }
+};
 </script>
 
 <style lang="scss">
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		background-color: #F7F6F6;
-	}
-	.header{
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		background-color: #F7F6F6;
-		height:178rpx ;
-		width: 100%;
-		z-index: 999;
-		position: fixed;
-		top: 0;
-		left: 0;
-	}
-	.searchBar {
-		width: 670rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		box-sizing: border-box;
-		padding: 0rpx 16rpx;
-		border: 1px solid #FF6B4A;
-		border-radius: 8rpx;
-		background-color: #ffffff;
-	}
-	
-	.searchIpt {
-		height: 68rpx;
-		width: 670rpx;
-		padding: 16rpx;
-		font-size: 28rpx;
-		box-sizing: border-box;
-	}
-	.screenBar{
-		width: 670rpx;
-		height: 110rpx;
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		color: #333333;
-		font-size: 32rpx;
-	}
-	.active{
-		color: #FF6B4A;
-	}
-	.screenItem{
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-	.content-wrap{
-		width: 100%;
-		background-color: #FFFFFF;
-	}
-	
-	.HMfilterDropdown{
-		top: 178rpx !important;
-	}
-	
-	.goods-list{
-		padding-top: 286rpx;
-		.loading-text{
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 30px;
-			color: #979797;
-			font-size: 12px;
-		}
-		.product-list{
-			width: 92%;
-			padding: 0 4% 3vw 4%; 
-			display: flex;
-			justify-content: space-between;
-			flex-wrap: wrap;
-			.product{
-				width: 48%;
-				margin: 0 0 20rpx 0;
-				background: #FFFFFF;
-				border: 1px solid #F2F2F2;
-			}
-		}
-	}
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #f7f6f6;
+}
+.header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #f7f6f6;
+  height: 178rpx;
+  width: 100%;
+  z-index: 999;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.searchBar {
+  width: 670rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0rpx 16rpx;
+  border: 1px solid #ff6b4a;
+  border-radius: 8rpx;
+  background-color: #ffffff;
+}
+
+.searchIpt {
+  height: 68rpx;
+  width: 670rpx;
+  padding: 16rpx;
+  font-size: 28rpx;
+  box-sizing: border-box;
+}
+.screenBar {
+  width: 670rpx;
+  height: 110rpx;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: #333333;
+  font-size: 32rpx;
+}
+.active {
+  color: #ff6b4a;
+}
+.screenItem {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.content-wrap {
+  width: 100%;
+  background-color: #ffffff;
+}
+
+.HMfilterDropdown {
+  top: 178rpx !important;
+}
 
+.goods-list {
+  padding-top: 286rpx;
+  .loading-text {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 30px;
+    color: #979797;
+    font-size: 12px;
+  }
+  .product-list {
+    width: 92%;
+    padding: 0 4% 3vw 4%;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .product {
+      width: 48%;
+      margin: 0 0 20rpx 0;
+      background: #ffffff;
+      border: 1px solid #f2f2f2;
+    }
+  }
+}
 </style>
-- 
2.0.0