From 9d1526a28ecd2849dda0af30b65498b204a0e8d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Dchenxuelian=E2=80=9C?=
 <“chenxuelian@cjiedata.com”>
Date: Sun, 18 Dec 2022 13:08:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E7=B1=BB=E9=A1=B5=E3=80=81=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/uni-searchbar.vue                  | 116 +++
 manifest.json                                 | 144 +--
 package-lock.json                             |  18 +-
 pages.json                                    |  29 +-
 .../category-index - 副本.vue                 | 876 ++++++++++++++++++
 .../goods-category-search/category-index.vue  | 849 +++++++++++++++++
 pages/index/index.vue                         |  12 +-
 pages/index/search/search.vue                 | 171 ++++
 static/category/fl_icon_qb.png                | Bin 0 -> 348 bytes
 static/category/fl_icon_xl.png                | Bin 0 -> 295 bytes
 static/category/sy_icon_cy.png                | Bin 0 -> 5661 bytes
 static/category/sy_icon_gs.png                | Bin 0 -> 5078 bytes
 static/category/sy_icon_hp.png                | Bin 0 -> 6484 bytes
 static/category/sy_icon_hz.png                | Bin 0 -> 6092 bytes
 static/category/sy_icon_ls.png                | Bin 0 -> 6159 bytes
 static/category/sy_icon_np.png                | Bin 0 -> 6793 bytes
 static/category/sy_icon_rs.png                | Bin 0 -> 5984 bytes
 static/category/sy_icon_sj.png                | Bin 0 -> 7419 bytes
 static/category/sy_icon_tw.png                | Bin 0 -> 6022 bytes
 static/category/sy_icon_yp.png                | Bin 0 -> 6099 bytes
 20 files changed, 2138 insertions(+), 77 deletions(-)
 create mode 100644 components/uni-searchbar.vue
 create mode 100644 pages/index/goods-category-search/category-index - 副本.vue
 create mode 100644 pages/index/goods-category-search/category-index.vue
 create mode 100644 pages/index/search/search.vue
 create mode 100644 static/category/fl_icon_qb.png
 create mode 100644 static/category/fl_icon_xl.png
 create mode 100644 static/category/sy_icon_cy.png
 create mode 100644 static/category/sy_icon_gs.png
 create mode 100644 static/category/sy_icon_hp.png
 create mode 100644 static/category/sy_icon_hz.png
 create mode 100644 static/category/sy_icon_ls.png
 create mode 100644 static/category/sy_icon_np.png
 create mode 100644 static/category/sy_icon_rs.png
 create mode 100644 static/category/sy_icon_sj.png
 create mode 100644 static/category/sy_icon_tw.png
 create mode 100644 static/category/sy_icon_yp.png

diff --git a/components/uni-searchbar.vue b/components/uni-searchbar.vue
new file mode 100644
index 0000000..7b37d01
--- /dev/null
+++ b/components/uni-searchbar.vue
@@ -0,0 +1,116 @@
+<template>
+	<!-- 顶部导航栏 -->
+	<view class="search-bar-container">
+		<view class="search-box" :style="{marginTop:searchBarTop + 'px',height:searchBarHeight + 'px'}">
+			<view class="top-left">
+				<view class="back-button" hover-class="back-button-active" @click="goBack">
+					<u-icon name="arrow-left" color="#fff;" />
+				</view>
+				<view class="search-input">
+					<u-input v-if="!readOnly"
+									 v-model="queryParamF"
+									 :focus="true"
+									 placeholder="搜索优质产品"
+									 prefixIcon="search"
+									 :border="false" style="background-color: #fff;border: none;"/>
+					<view v-else style="width: 360rpx;padding: 10rpx 20rpx;display: flex;align-items: center;"  @click="goSearch">
+						<u-icon name="search" color="#969696" size="22"></u-icon>
+						<text style="margin-left:10rpx;font-size: 30rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #969696;line-height: 37rpx;">搜索优质商品</text>
+					</view>
+					<view class="search-btn" @click="goSearch">搜索</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "searchBar",
+		props: {
+			searchBarTop: {
+				//搜索栏的外边框高度，单位px
+				type: Number,
+				default: 30
+			},
+			searchBarHeight: {
+				//搜索栏的高度，单位px
+				type: Number,
+				default: 30
+			},
+			queryParam: {
+				type: String,
+				default: null
+			},
+			readOnly: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+				queryParamF: null
+			}
+		},
+		watch: {
+			queryParam: {
+				handler(val) {
+					this.queryParamF = this.queryParam
+				},
+				immediate: true
+			}
+		},
+		methods: {
+			goSearch() {
+				if(this.readOnly) {
+					this.$emit('navigate')
+					return
+				}
+				this.$emit('search', this.queryParamF)
+			},
+			goBack() {
+				this.$emit('back')
+			}
+		}
+	}
+</script>
+
+<style lang="less">
+	.search-bar-container {
+		position: fixed;
+		top: 0;
+		left: 0;
+		// z-index: 999;
+		width: 100%;
+		background-color: #12CA64;
+
+		.search-box {
+			margin: 10rpx 10rpx;
+			display: flex;
+			align-items: center;
+			.top-left {
+				width: calc(100% - 200rpx);
+				display: flex;
+				justify-content: space-around;
+				align-items: center;
+				height: 100%;
+				.search-input {
+					display: flex;
+					border: 2rpx solid #fff;
+					background-color: #fff;
+					border-radius: 50rpx;
+					height: 100%;
+					margin-left: 10rpx;
+					.search-btn {
+						font-size: 32rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #3E3E3E;
+						line-height: 64rpx;
+						margin-right: 18rpx;
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/manifest.json b/manifest.json
index 228c541..3b8eb92 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,74 +1,74 @@
 {
-	"name": "shitong-app",
-	"appid": "",
-	"description": "",
-	"versionName": "1.0.0",
-	"versionCode": "100",
-	"transformPx": false,
-	/* 5+App特有相关 */
-	"app-plus": {
-		"usingComponents": true,
-		"nvueStyleCompiler": "uni-app",
-		"compilerVersion": 3,
-		"splashscreen": {
-			"alwaysShowBeforeRender": true,
-			"waiting": true,
-			"autoclose": true,
-			"delay": 0
-		},
-		/* 模块配置 */
-		"modules": {},
-		/* 应用发布信息 */
-		"distribute": {
-			/* android打包配置 */
-			"android": {
-				"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.VIBRATE\"/>",
-					"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-					"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-					"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-					"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-					"<uses-permission android:name=\"android.permission.CAMERA\"/>",
-					"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-					"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-					"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-					"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-					"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-					"<uses-feature android:name=\"android.hardware.camera\"/>",
-					"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-				]
-			},
-			/* ios打包配置 */
-			"ios": {},
-			/* SDK配置 */
-			"sdkConfigs": {}
-		}
-	},
-	/* 快应用特有相关 */
-	"quickapp": {},
-	/* 小程序特有相关 */
-	"mp-weixin": {
-		"appid": "wx4c2099a19c69664f",
-		"setting": {
-			"urlCheck": false,
-			"es6": false,
-			"postcss": false
-		},
-		"usingComponents": true
-	},
-	"mp-alipay": {
-		"usingComponents": true
-	},
-	"mp-baidu": {
-		"usingComponents": true
-	},
-	"mp-toutiao": {
-		"usingComponents": true
-	},
-	"uniStatistics": {
-		"enable": false
-	},
-	"vueVersion": "2"
+    "name" : "shitong-app",
+    "appid" : "__UNI__CB00746",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "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.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "wx4c2099a19c69664f",
+        "setting" : {
+            "urlCheck" : false,
+            "es6" : false,
+            "postcss" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "2"
 }
diff --git a/package-lock.json b/package-lock.json
index b23d8bd..fd7e9d5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,22 @@
 {
+  "name": "shitong-app",
+  "lockfileVersion": 2,
   "requires": true,
-  "lockfileVersion": 1,
+  "packages": {
+    "": {
+      "dependencies": {
+        "uview-ui": "^2.0.35"
+      }
+    },
+    "node_modules/uview-ui": {
+      "version": "2.0.35",
+      "resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.35.tgz",
+      "integrity": "sha512-OfMttN3XkHvQosXfd8bjz8ASTvypPoGzBWmQZBJ871bYMCA7t2bDFPlzjbxUj/5ykAjKnZ8zMUapSwSisVt99g==",
+      "engines": {
+        "HBuilderX": "^3.1.0"
+      }
+    }
+  },
   "dependencies": {
     "uview-ui": {
       "version": "2.0.35",
diff --git a/pages.json b/pages.json
index ec89ba5..37a8d05 100644
--- a/pages.json
+++ b/pages.json
@@ -1,6 +1,11 @@
 {
 	"easycom": {
-		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+		"autoscan": true, //是否自动扫描组件
+		"custom": {
+			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
+			"^ua-(.*)": "@/components/uview-ui/components/u-$1/u-$1.vue",
+		  "^customer-(.*)": "@/components/uni-$1.vue" // 匹配components目录内的vue文件
+		}
 	},
 	"pages": [{
 			"path": "pages/index/index",
@@ -40,6 +45,26 @@
 				"navigationBarBackgroundColor": "#12CA64",
 				"enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/index/search/search",
+			"style": {
+				"navigationBarTitleText": "顶部搜索",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#12CA64",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/index/goods-category-search/category-index",
+			"style": {
+				"navigationBarTitleText": "分类详情",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#12CA64",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"tabBar": {
@@ -77,7 +102,7 @@
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
+		"navigationBarBackgroundColor": "#12CA64",
 		"backgroundColor": "#F8F8F8"
 	},
 	"uniIdRouter": {},
diff --git a/pages/index/goods-category-search/category-index - 副本.vue b/pages/index/goods-category-search/category-index - 副本.vue
new file mode 100644
index 0000000..266bc01
--- /dev/null
+++ b/pages/index/goods-category-search/category-index - 副本.vue	
@@ -0,0 +1,876 @@
+<template>
+	<view :style="{height: windowHeight + 'px', overflow:showMask? 'hidden':'auto'}">
+		<!-- 顶部导航栏 -->
+		<view class="top-search">
+			<customer-searchbar ref="search" :readOnly="true" :search-bar-top="searchBarTop"
+				:search-bar-height="searchBarHeight" @navigate="navigateToSearch" @back="goBack" />
+		</view>
+		<view :style="{marginTop: Number(searchBarTop + searchBarHeight + 2) + 'px',}">
+			<view>
+				<view class="category-view">
+					<view class="left">
+						<view v-for="(item,index) in categoryList" class="category-item"
+							@click="changeSelectedCategory(index)">
+							<view>
+								<view class="icon-box">
+									<image :src="item.icon" mode="aspectFit" class="icon"
+										:style="{border: item.active?'2rpx #14CA65 solid':'0',}" />
+								</view>
+								<view class="name">
+									<u-tag v-if="item.active" :text="item.name" bg-color="#14CA65" color="#fff"
+										borderColor="#14CA65" shape="circle" />
+									<text v-else class="no-active">{{item.name}}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="right" @click="exportView('showMask')">
+						<tex style="margin-bottom: 10rpx;">全部</tex>
+						<u-icon size="14" name="/static/category/fl_icon_qb.png"></u-icon>
+					</view>
+				</view>
+				<!-- 类别详情-->
+				<view id="category-detail" class="category-detail" :style="{height: listDataHeight + 'px'}">
+					<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view"
+						:scroll-top="scrollTop">
+						<view v-for="(item,index) in tabbar" :key="index" class="u-tab-item"
+							:class="[menuCurrent==index ? 'u-tab-item-active' : '']" :data-current="index"
+							@tap.stop="swichMenu(index)">
+							<text class="title">{{item.name}}</text>
+						</view>
+					</scroll-view>
+					<view class="category-last">
+						<view class="category-tag-box">
+							<scroll-view :scroll-x="true" class="left">
+								<view v-for="(item,index) in tagsList" @click="changeSelectedTag(index)"
+									class="category-tag">
+									<view style="padding: 16rpx; border-radius: 10rpx;line-height: 32rpx;"
+										:style="{color: index === tagCurrent ?'#14CA65':'#666', background: index === tagCurrent ?'#DBFFEB':'#EEEEEE'}">
+										<text>{{item.name}}</text>
+									</view>
+									<!-- <u-tag v-if="index === tagCurrent" :text="item.name" bg-color="#DBFFEB" color="#14CA65" borderColor="#DBFFEB" shape="square" style="width: fit-content;"></u-tag> -->
+									<!-- <u-tag v-else :text="item.name" bg-color="#EEEEEE" color="#666666" borderColor="#EEEEEE" shape="square" style="width: fit-content;"></u-tag> -->
+								</view>
+							</scroll-view>
+							<view class="right" @click="exportView('featureMask')">
+								<u-icon size="10" name="/static/category/fl_icon_xl.png"></u-icon>
+							</view>
+						</view>
+						<view class="category-order">
+							<u-tabs :list="tabsList" :scrollable="false" lineWidth="30" lineColor="#0A994A"
+								color="#969696"
+								:activeStyle="{color: '#15CA65', fontWeight: '400', transform: 'scale(1.05)', size:'14px'}"
+								lineHeight="4" :current="tabCurrent" @change="tabChange"></u-tabs>
+						</view>
+						<scroll-view scroll-y class="goods-list">
+							<block v-for="(item,index) in tabbar" :key="index">
+								<block v-if="index === menuCurrent">
+									<block v-for="(item1,index1) in item.foods" :key="index1">
+										<view class="goods-item">
+											<view class="left">
+												<view class="image">
+													<image :src="item1.image" mode="scaleToFill"
+														style="width: 150rpx;height: 100%;"></image>
+												</view>
+												<view class="tag">
+													<view class="tag-content">
+														<text>{{item.name}}</text>
+													</view>
+												</view>
+											</view>
+											<view class="right">
+												<view class="name">
+													<text>{{item1.name}}</text>
+												</view>
+												<view class="describe">
+													<text>{{item1.describe}}</text>
+												</view>
+												<view class="publish-date">
+													<view class="publish-date-box">
+														<view
+															style="width: fit-content; display: inline-block;margin-right:6rpx;">
+															<u-icon size="16" name="clock" color="#A3A3A3" />
+														</view>
+														<text style="margin-right: 6rpx;">发布日期</text>
+														<text>{{item1.date}}</text>
+													</view>
+												</view>
+												<view class="tag">
+													<view class="tag-content">
+														<text>{{ item1.feature }}</text>
+													</view>
+												</view>
+											</view>
+										</view>
+									</block>
+								</block>
+							</block>
+						</scroll-view>
+					</view>
+
+				</view>
+
+			</view>
+
+			<view class="bg" bindtap='hideview'
+				:style="{display: showMask || featureMask ? 'block':'none', marginTop: Number(searchBarTop + searchBarHeight + 4) + 'px', height: Number(windowHeight - searchBarTop - searchBarHeight - 4) + 'px',}"
+				@click="showMask = false, featureMask = false"></view>
+			<uni-transition ref="ani" mode-class="slide-top" custom-class="transfromClass" :show="showMask||featureMask">
+				<view class="show" bindtap='hideview'
+					:style="{display: showMask || featureMask ? 'block':'none', top: Number(searchBarTop + searchBarHeight + 4) + 'px',}">
+					<view v-if="showMask" class="category-view-all">
+						<view v-for="(item,index) in categoryList" @click="changeSelectedCategory(index)"
+							style="width: 20%;margin-bottom: 20rpx;">
+							<view class="category-item">
+								<view class="icon-box">
+									<image :src="item.icon" mode="aspectFit" class="icon"
+										:style="{border: item.active?'2rpx #14CA65 solid':'0',}" />
+								</view>
+								<view class="name">
+									<view v-if="item.active" class="active">
+										<text>{{item.name}}</text>
+									</view>
+									<text v-else class="no-active">{{item.name}}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view v-if="featureMask" class="category-view-all" style="align-content: start;">
+						<view v-for="(item,index) in tagsList" @click="changeSelectedTag(index)" class="category-tag">
+							<view style="padding: 16rpx; border-radius: 10rpx;line-height: 32rpx;"
+								:style="{color: index === tagCurrent ?'#14CA65':'#666', background: index === tagCurrent ?'#DBFFEB':'#EEEEEE'}">
+								<text>{{item.name}}</text>
+							</view>
+							<!-- <u-tag v-if="index === tagCurrent" :text="item.name" bg-color="#DBFFEB" color="#14CA65" borderColor="#DBFFEB" shape="square" style="width: fit-content;"></u-tag> -->
+							<!-- <u-tag v-else :text="item.name" bg-color="#EEEEEE" color="#666666" borderColor="#EEEEEE" shape="square" style="width: fit-content;"></u-tag> -->
+						</view>
+					</view>
+					<view class="arrow-up" @click="showMask = false, featureMask = false">
+						<text style="margin-right: 4rpx;">点击收起</text>
+						<u-icon size="15" name="arrow-up-fill"></u-icon>
+					</view>
+				</view>
+
+			</uni-transition>
+
+			<!-- <uni-popup ref="popup" type="center" :animation="false">中间弹出 Popup</uni-popup> -->
+			<!-- 			<u-popup v-model="showMask" mode="top" border-radius="14">
+				<view style="margin-top: 200rpx;">出淤泥而不染，濯清涟而不妖</view>
+			</u-popup> -->
+		</view>
+
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				searchBarTop: 0, //搜索栏的外边框高度，单位px
+				searchBarHeight: 0, //搜索栏的高度，单位px
+				windowHeight: 1,
+				listDataHeight: 1, // 剩余高度
+				queryParam: '',
+				showMask: false,
+				featureMask: false,
+				categoryList: [{
+						name: '烘焙宝典',
+						icon: '/static/category/sy_icon_hp.png',
+						active: true
+					},
+					{
+						name: '零食铺子',
+						icon: '/static/category/sy_icon_ls.png',
+						active: false
+					},
+					{
+						name: '饮品大全',
+						icon: '/static/category/sy_icon_yp.png',
+						active: false
+					},
+					{
+						name: '调味菜单',
+						icon: '/static/category/sy_icon_tw.png',
+						active: false
+					},
+					{
+						name: '肉食荟萃',
+						icon: '/static/category/sy_icon_rs.png',
+						active: false
+					},
+					{
+						name: '乳品手册',
+						icon: '/static/category/sy_icon_np.png',
+						active: false
+					},
+					{
+						name: '果蔬地图',
+						icon: '/static/category/sy_icon_gs.png',
+						active: false
+					},
+					{
+						name: '食界新贵',
+						icon: '/static/category/sy_icon_sj.png',
+						active: false
+					},
+					{
+						name: '欢喜盒子',
+						icon: '/static/category/sy_icon_hz.png',
+						active: false
+					},
+					{
+						name: '创意工具',
+						icon: '/static/category/sy_icon_cy.png',
+						active: false
+					}
+				],
+				selectedCategory: 0,
+				tabbar: [{
+						"name": "蛋糕面包",
+						"foods": [{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							}
+						]
+					},
+					{
+						"name": "糕点卷酥",
+						"foods": [{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							}
+						]
+					},
+					{
+						"name": "饼干曲奇",
+						"foods": [{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							}
+						]
+					},
+				],
+				tabsList: [{
+					name: '上架时间'
+				}, {
+					name: '点赞量'
+				}],
+				tagsList: [{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂无添加剂'
+					}
+				],
+				scrollTop: 0, //tab标题的滚动条位置
+				menuCurrent: 0, // 预设当前项的值
+				menuHeight: 0, // 左边菜单的高度
+				menuItemHeight: 0, // 左边菜单item的高度
+				tabCurrent: 0, //分类详情  上架时间, // 左边菜单item的高度
+				tagCurrent: 0, //分类详情  上架时间
+			}
+		},
+		onLoad() {
+			const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
+			console.log(menuButtonInfo)
+			this.searchBarTop = menuButtonInfo.top;
+			this.searchBarHeight = menuButtonInfo.height;
+		},
+		onReady() {
+			let that = this;
+			uni.getSystemInfo({ //调用uni-app接口获取屏幕高度
+				success(res) { //成功回调函数
+					// windowHeight
+					that.windowHeight = res.windowHeight //windoHeight为窗口高度，主要使用的是这个
+					let titleH = uni.createSelectorQuery().select("#category-detail"); //想要获取高度的元素名（class/id）
+					titleH.boundingClientRect(data => {
+						let pH = that.windowHeight;
+						that.listDataHeight = pH - data.top //计算高度：元素高度=窗口高度-元素距离顶部的距离（data.top）
+						console.log(that.listDataHeight)
+					}).exec()
+				}
+			})
+			this.$refs.ani.init({
+				duration: 200,
+				timingFunction: 'linear',
+				transformOrigin: '-100% -100%',
+				translateY: Number(-this.searchBarTop - this.searchBarHeight - 4) + 'px',
+				delay: 0
+			})
+		},
+		methods: {
+			goSearch(param) {
+				this.queryParam = param
+				const index = this.recentRecordList.findIndex(item => {
+					return item === param
+				})
+				if (index > -1) {
+					this.recentRecordList.splice(index, 1)
+				}
+				this.recentRecordList.unshift(param)
+			},
+			changeSelectedCategory(index) {
+				this.$set(this.categoryList, this.selectedCategory, {
+					...this.categoryList[this.selectedCategory],
+					active: false
+				});
+				this.$set(this.categoryList, index, {
+					...this.categoryList[index],
+					active: true
+				});
+				this.selectedCategory = index
+				this.showMask = false
+			},
+			changeSelectedTag(index) {
+				this.tagCurrent = index
+				this.featureMask = false
+			},
+			toShowPop() {
+				console.log('---pop')
+				this.showMask = true
+				// this.$refs.popup.open('top')
+			},
+			getImg() {
+				return Math.floor(Math.random() * 35);
+			},
+			// 点击左边的栏目切换
+			async swichMenu(index) {
+				if (index == this.menuCurrent) return;
+				this.menuCurrent = index;
+				// 如果为0，意味着尚未初始化
+				if (this.menuHeight == 0 || this.menuItemHeight == 0) {
+					await this.getElRect('menu-scroll-view', 'menuHeight');
+					await this.getElRect('u-tab-item', 'menuItemHeight');
+				}
+				// 将菜单菜单活动item垂直居中
+				this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2;
+			},
+			// 获取一个目标元素的高度
+			getElRect(elClass, dataVal) {
+				new Promise((resolve, reject) => {
+					const query = uni.createSelectorQuery().in(this);
+					query.select('.' + elClass).fields({
+						size: true
+					}, res => {
+						// 如果节点尚未生成，res值为null，循环调用执行
+						if (!res) {
+							setTimeout(() => {
+								this.getElRect(elClass);
+							}, 10);
+							return;
+						}
+						this[dataVal] = res.height;
+					}).exec();
+				})
+			},
+			exportView(str) {
+				if (str === 'showMask') {
+					this.showMask = true
+					// 同时右平移到 100px,旋转 360 读
+								// this.$refs.ani.step({
+								// 	translateY: Number(-this.searchBarTop - this.searchBarHeight - 4) + 'px'
+								// })
+								// 开始执行动画
+								this.$refs.ani.run()
+				} else if (str === 'featureMask') {
+					this.featureMask = true
+				}
+			},
+			tabChange(selectTab) {
+				console.log(selectTab)
+				this.tabCurrent = selectTab.index;
+			},
+			navigateToSearch() {
+				uni.navigateTo({
+					url: '/pages/index/search/search'
+				})
+			},
+			goBack() {
+				uni.navigateBack()
+			},
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.top-search {
+		position: relative;
+	}
+
+	.category-view {
+		height: 230rpx;
+		background-color: #F6F6F6;
+		display: flex;
+		justify-content: space-around;
+
+		.left {
+			width: calc(100% - 60rpx);
+			padding: 32rpx;
+			display: flex;
+			overflow: auto;
+
+			// flex-direction: row;
+			// flex-wrap: wrap;
+			// align-items: center;
+
+			.category-item {
+				margin-right: 20rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+
+				.icon-box {
+					text-align: center;
+
+					.icon {
+						width: 100rpx;
+						height: 100rpx;
+						padding: 4rpx;
+						border-radius: 50%;
+					}
+				}
+
+				.name {
+					width: 156rpx;
+					text-align: center;
+
+					.no-active {
+						font-size: 28rpx;
+						font-family: PingFang-SC-Medium, PingFang-SC;
+						font-weight: 500;
+						color: #616161;
+						line-height: 28rpx;
+					}
+				}
+			}
+		}
+
+		.right {
+			width: 60rpx;
+			padding: 20rpx;
+			background: #F6F6F6;
+			border-left: 2rpx #F6F6F6 solid;
+			box-shadow: -2px 0px 4px 0px rgba(218, 218, 218, 0.5);
+
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #343434;
+			line-height: 34rpx;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			text-align: center;
+		}
+	}
+
+	.category-detail {
+		display: flex;
+		background-color: #F5F5F5;
+
+		.u-tab-view {
+			width: 210rpx;
+			height: 100%;
+
+			.u-tab-item {
+				height: 90rpx;
+				background: #f6f6f6;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 26rpx;
+				color: #444;
+				font-weight: 400;
+				line-height: 1;
+
+				.title {
+					font-size: 32rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #14CA65;
+					line-height: 40rpx;
+				}
+			}
+
+			.u-tab-item-active {
+				position: relative;
+				color: #000;
+				font-size: 30rpx;
+				font-weight: 600;
+				background: #fff;
+				border: 2rpx solid #fff;
+				border-radius: 25% 0 0 0;
+			}
+
+			.u-tab-item-active::before {
+				content: "";
+				position: absolute;
+				border: 1rpx solid #14CA65;
+				background-color: #14CA65;
+				width: 1rpx;
+				height: 14rpx;
+				left: 27rpx;
+				top: 37srpx;
+				border-radius: 1rpx;
+			}
+		}
+
+		.category-last {
+			width: calc(100% - 206rpx);
+			height: 100%;
+
+			.category-tag-box {
+				background-color: #fff;
+				height: 110rpx;
+				display: flex;
+				border-bottom: 1rpx solid #EEEEEE;
+
+				.left {
+					width: calc(100% - 60rpx);
+					padding: 12rpx;
+					white-space: nowrap;
+					overflow: auto;
+					line-height: 90rpx;
+					;
+
+					.category-tag {
+						margin-right: 10rpx;
+						width: fit-content;
+						display: inline-flex;
+					}
+				}
+
+				.right {
+					width: 60rpx;
+					padding: 20rpx;
+					background: #F6F6F6;
+					border-left: 2rpx #F6F6F6 solid;
+					box-shadow: -2px 0px 4px 0px rgba(218, 218, 218, 0.5);
+
+					font-size: 28rpx;
+					font-family: PingFangSC-Medium, PingFang SC;
+					font-weight: 500;
+					color: #343434;
+					line-height: 34rpx;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					text-align: center;
+				}
+			}
+
+
+			.category-order {
+				width: 100%;
+				background-color: #fff;
+				border-bottom: 1rpx solid #EEEEEE;
+			}
+
+			.goods-list {
+				background-color: #fff;
+				height: calc(100% - 210rpx);
+
+				.goods-item {
+					padding: 16rpx;
+					margin-bottom: 10rpx;
+					display: flex;
+					background: #FFFFFF;
+					box-shadow: 0px 2px 3px 0px rgba(169, 169, 169, 0.2);
+					border-bottom: 1px solid #EEEEEE;
+
+					.left {
+						width: 170rpx;
+						position: relative;
+
+						.image {
+							padding: 20rpx;
+							height: calc(100% - 40rpx)
+						}
+
+						.tag {
+							position: absolute;
+							top: 20rpx;
+							right: 0;
+							float: right;
+
+							.tag-content {
+								padding: 16rpx;
+								border-radius: 25rpx 0 0 25rpx;
+								line-height: 14rpx;
+								background-color: #0DB658;
+								color: #fff;
+								font-size: 24rpx;
+								width: fit-content;
+							}
+						}
+					}
+
+					.right {
+						padding: 20rpx;
+						height: calc(100% - 40rpx);
+
+						.name {
+							font-size: 33rpx;
+							font-family: PingFangSC-Medium, PingFang SC;
+							font-weight: bold;
+							color: #E10707;
+							line-height: 56rpx;
+							white-space: nowrap;
+						}
+
+						.describe {
+							font-size: 33rpx;
+							font-family: PingFangSC-Regular, PingFang SC;
+							font-weight: 400;
+							color: #3E3E3E;
+							line-height: 37rpx;
+
+							word-break: break-all;
+							text-overflow: ellipsis;
+							display: -webkit-box;
+							-webkit-box-orient: vertical;
+							/* 这里是超出几行省略 */
+							-webkit-line-clamp: 2;
+							overflow: hidden;
+						}
+
+						.publish-date {
+							color: #A3A3A3;
+							font-size: 26rpx;
+							line-height: 64rpx;
+
+							.publish-date-box {
+								display: flex;
+								align-items: center;
+							}
+						}
+
+						.tag {
+							.tag-content {
+								padding: 16rpx;
+								border-radius: 25rpx;
+								line-height: 14rpx;
+								background-color: #FDD96A;
+								color: #fff;
+								font-size: 24rpx;
+								width: fit-content;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.bg {
+		display: none;
+		position: absolute;
+		top: 0%;
+		left: 0%;
+		width: 100%;
+		background-color: black;
+		z-index: 1001;
+		-moz-opacity: 0.7;
+		opacity: 0.70;
+		filter: alpha(opacity=70);
+	}
+
+	/deep/ .transfromClass {
+		position: fixed;
+		bottom: 0;
+		top: 0;
+		left: 0;
+		right: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: 1001;
+	}
+.show {
+			display: none;
+			text-align: center;
+			position: absolute;
+			width: calc(100% - 20rpx);
+			height: fit-content;
+			padding: 20rpx 10rpx 0 10rpx;
+			border: 1rpx solid #fff;
+			background-color: #fff;
+			border-radius: 0 0 20rpx 20rpx;
+			z-index: 1002;
+			overflow: auto;
+			transition: all 3.4s;
+
+			.category-view-all {
+				width: calc(100% - 20rpx);
+				display: flex;
+				flex-direction: row;
+				flex-wrap: wrap;
+				border-bottom: 1px solid #EEEEEE;
+				height: 360rpx;
+				overflow: auto;
+				// transition: height 3.4s ease;
+
+				.category-item {
+					// display: flex;
+					// flex-direction: column;
+					// justify-content: center;
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+
+					.icon-box {
+						text-align: center;
+
+						.icon {
+							width: 90rpx;
+							height: 90rpx;
+							padding: 4rpx;
+							border-radius: 50%;
+						}
+					}
+
+					.name {
+						text-align: center;
+
+						.active {
+							width: fit-content;
+							font-size: 26rpx;
+							text-align: center;
+							padding: 6rpx;
+							border-radius: 10rpx;
+							line-height: 32rpx;
+							color: #fff;
+							background-color: #14CA65;
+						}
+
+						.no-active {
+							font-size: 26rpx;
+							font-family: PingFang-SC-Medium, PingFang-SC;
+							font-weight: 500;
+							color: #616161;
+							line-height: 28rpx;
+						}
+					}
+				}
+
+				.category-tag {
+					margin-right: 10rpx;
+					margin-bottom: 20rpx;
+					width: fit-content;
+					height: fit-content;
+					display: inline-flex;
+				}
+			}
+
+			.arrow-up {
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				font-size: 28rpx;
+				padding: 24rpx;
+				line-height: 32rpx;
+			}
+		}
+
+
+	/deep/ .u-tag {
+		flex: none;
+		width: auto;
+	}
+</style>
diff --git a/pages/index/goods-category-search/category-index.vue b/pages/index/goods-category-search/category-index.vue
new file mode 100644
index 0000000..e830469
--- /dev/null
+++ b/pages/index/goods-category-search/category-index.vue
@@ -0,0 +1,849 @@
+<template>
+	<view :style="{height: windowHeight + 'px', overflow:showMask? 'hidden':'auto'}">
+		<!-- 顶部导航栏 -->
+		<view class="top-search">
+			<customer-searchbar ref="search" :readOnly="true" :search-bar-top="searchBarTop"
+				:search-bar-height="searchBarHeight" @navigate="navigateToSearch" @back="goBack" />
+		</view>
+		<view :style="{marginTop: Number(searchBarTop + searchBarHeight + 2) + 'px',}">
+			<view>
+				<view class="category-view">
+					<view class="left">
+						<view v-for="(item,index) in categoryList" class="category-item"
+							@click="changeSelectedCategory(index)">
+							<view>
+								<view class="icon-box">
+									<image :src="item.icon" mode="aspectFit" class="icon"
+										:style="{border: item.active?'2rpx #14CA65 solid':'0',}" />
+								</view>
+								<view class="name">
+									<u-tag v-if="item.active" :text="item.name" bg-color="#14CA65" color="#fff"
+										borderColor="#14CA65" shape="circle" />
+									<text v-else class="no-active">{{item.name}}</text>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="right" @click="exportView('showMask')">
+						<tex style="margin-bottom: 10rpx;">全部</tex>
+						<u-icon size="14" name="/static/category/fl_icon_qb.png"></u-icon>
+					</view>
+				</view>
+				<!-- 类别详情-->
+				<view id="category-detail" class="category-detail" :style="{height: listDataHeight + 'px'}">
+					<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view"
+						:scroll-top="scrollTop">
+						<view v-for="(item,index) in tabbar" :key="index" class="u-tab-item"
+							:class="[menuCurrent==index ? 'u-tab-item-active' : '']" :data-current="index"
+							@tap.stop="swichMenu(index)">
+							<text class="title">{{item.name}}</text>
+						</view>
+					</scroll-view>
+					<view class="category-last">
+						<view class="category-tag-box">
+							<scroll-view :scroll-x="true" class="left">
+								<view v-for="(item,index) in tagsList" @click="changeSelectedTag(index)"
+									class="category-tag">
+									<view style="padding: 16rpx; border-radius: 10rpx;line-height: 32rpx;"
+										:style="{color: index === tagCurrent ?'#14CA65':'#666', background: index === tagCurrent ?'#DBFFEB':'#EEEEEE'}">
+										<text>{{item.name}}</text>
+									</view>
+									<!-- <u-tag v-if="index === tagCurrent" :text="item.name" bg-color="#DBFFEB" color="#14CA65" borderColor="#DBFFEB" shape="square" style="width: fit-content;"></u-tag> -->
+									<!-- <u-tag v-else :text="item.name" bg-color="#EEEEEE" color="#666666" borderColor="#EEEEEE" shape="square" style="width: fit-content;"></u-tag> -->
+								</view>
+							</scroll-view>
+							<view class="right" @click="exportView('featureMask')">
+								<u-icon size="10" name="/static/category/fl_icon_xl.png"></u-icon>
+							</view>
+						</view>
+						<view class="category-order">
+							<u-tabs :list="tabsList" :scrollable="false" lineWidth="30" lineColor="#0A994A"
+								color="#969696"
+								:activeStyle="{color: '#15CA65', fontWeight: '400', transform: 'scale(1.05)', size:'14px'}"
+								lineHeight="4" :current="tabCurrent" @change="tabChange"></u-tabs>
+						</view>
+						<scroll-view scroll-y class="goods-list">
+							<block v-for="(item,index) in tabbar" :key="index">
+								<block v-if="index === menuCurrent">
+									<block v-for="(item1,index1) in item.foods" :key="index1">
+										<view class="goods-item">
+											<view class="left">
+												<view class="image">
+													<image :src="item1.image" mode="scaleToFill"
+														style="width: 150rpx;height: 100%;"></image>
+												</view>
+												<view class="tag">
+													<view class="tag-content">
+														<text>{{item.name}}</text>
+													</view>
+												</view>
+											</view>
+											<view class="right">
+												<view class="name">
+													<text>{{item1.name}}</text>
+												</view>
+												<view class="describe">
+													<text>{{item1.describe}}</text>
+												</view>
+												<view class="publish-date">
+													<view class="publish-date-box">
+														<view
+															style="width: fit-content; display: inline-block;margin-right:6rpx;">
+															<u-icon size="16" name="clock" color="#A3A3A3" />
+														</view>
+														<text style="margin-right: 6rpx;">发布日期</text>
+														<text>{{item1.date}}</text>
+													</view>
+												</view>
+												<view class="tag">
+													<view class="tag-content">
+														<text>{{ item1.feature }}</text>
+													</view>
+												</view>
+											</view>
+										</view>
+									</block>
+								</block>
+							</block>
+						</scroll-view>
+					</view>
+
+				</view>
+
+			</view>
+
+			<view class="bg" bindtap='hideview'
+				:style="{display: showMask || featureMask ? 'block':'none', marginTop: Number(searchBarTop + searchBarHeight + 4) + 'px', height: Number(windowHeight - searchBarTop - searchBarHeight - 4) + 'px',}"
+				@click="showMask = false, featureMask = false"></view>
+			<view class="show" bindtap='hideview'
+				:style="{display: showMask || featureMask ? 'block':'none', top: Number(searchBarTop + searchBarHeight + 4) + 'px',}">
+				<view v-if="showMask" class="category-view-all">
+					<view v-for="(item,index) in categoryList" @click="changeSelectedCategory(index)"
+						style="width: 20%;margin-bottom: 20rpx;">
+						<view class="category-item">
+							<view class="icon-box">
+								<image :src="item.icon" mode="aspectFit" class="icon"
+									:style="{border: item.active?'2rpx #14CA65 solid':'0',}" />
+							</view>
+							<view class="name">
+								<view v-if="item.active" class="active">
+									<text>{{item.name}}</text>
+								</view>
+								<text v-else class="no-active">{{item.name}}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view v-if="featureMask" class="category-view-all" style="align-content: start;">
+					<view v-for="(item,index) in tagsList" @click="changeSelectedTag(index)" class="category-tag">
+						<view style="padding: 16rpx; border-radius: 10rpx;line-height: 32rpx;"
+							:style="{color: index === tagCurrent ?'#14CA65':'#666', background: index === tagCurrent ?'#DBFFEB':'#EEEEEE'}">
+							<text>{{item.name}}</text>
+						</view>
+						<!-- <u-tag v-if="index === tagCurrent" :text="item.name" bg-color="#DBFFEB" color="#14CA65" borderColor="#DBFFEB" shape="square" style="width: fit-content;"></u-tag> -->
+						<!-- <u-tag v-else :text="item.name" bg-color="#EEEEEE" color="#666666" borderColor="#EEEEEE" shape="square" style="width: fit-content;"></u-tag> -->
+					</view>
+				</view>
+				<view class="arrow-up" @click="showMask = false, featureMask = false">
+					<text style="margin-right: 4rpx;">点击收起</text>
+					<u-icon size="15" name="arrow-up-fill"></u-icon>
+				</view>
+			</view>
+
+			<!-- <uni-popup ref="popup" type="center" :animation="false">中间弹出 Popup</uni-popup> -->
+			<!-- 			<u-popup v-model="showMask" mode="top" border-radius="14">
+				<view style="margin-top: 200rpx;">出淤泥而不染，濯清涟而不妖</view>
+			</u-popup> -->
+		</view>
+
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				searchBarTop: 0, //搜索栏的外边框高度，单位px
+				searchBarHeight: 0, //搜索栏的高度，单位px
+				windowHeight: 1,
+				listDataHeight: 1, // 剩余高度
+				queryParam: '',
+				showMask: false,
+				featureMask: false,
+				categoryList: [{
+						name: '烘焙宝典',
+						icon: '/static/category/sy_icon_hp.png',
+						active: true
+					},
+					{
+						name: '零食铺子',
+						icon: '/static/category/sy_icon_ls.png',
+						active: false
+					},
+					{
+						name: '饮品大全',
+						icon: '/static/category/sy_icon_yp.png',
+						active: false
+					},
+					{
+						name: '调味菜单',
+						icon: '/static/category/sy_icon_tw.png',
+						active: false
+					},
+					{
+						name: '肉食荟萃',
+						icon: '/static/category/sy_icon_rs.png',
+						active: false
+					},
+					{
+						name: '乳品手册',
+						icon: '/static/category/sy_icon_np.png',
+						active: false
+					},
+					{
+						name: '果蔬地图',
+						icon: '/static/category/sy_icon_gs.png',
+						active: false
+					},
+					{
+						name: '食界新贵',
+						icon: '/static/category/sy_icon_sj.png',
+						active: false
+					},
+					{
+						name: '欢喜盒子',
+						icon: '/static/category/sy_icon_hz.png',
+						active: false
+					},
+					{
+						name: '创意工具',
+						icon: '/static/category/sy_icon_cy.png',
+						active: false
+					}
+				],
+				selectedCategory: 0,
+				tabbar: [{
+						"name": "蛋糕面包",
+						"foods": [{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							}
+						]
+					},
+					{
+						"name": "糕点卷酥",
+						"foods": [{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							}
+						]
+					},
+					{
+						"name": "饼干曲奇",
+						"foods": [{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							},
+							{
+								"name": "牛角面包",
+								"describe": "法国风味糖皮饼干牛角面包早餐食品",
+								"image": "/static/category/fl_icon_qb.png",
+								"date": '2022-12-04',
+								'feature': '无防腐剂'
+							}
+						]
+					},
+				],
+				tabsList: [{
+					name: '上架时间'
+				}, {
+					name: '点赞量'
+				}],
+				tagsList: [{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂'
+					},
+					{
+						name: '无添加剂无添加剂'
+					}
+				],
+				scrollTop: 0, //tab标题的滚动条位置
+				menuCurrent: 0, // 预设当前项的值
+				menuHeight: 0, // 左边菜单的高度
+				menuItemHeight: 0, // 左边菜单item的高度
+				tabCurrent: 0, //分类详情  上架时间, // 左边菜单item的高度
+				tagCurrent: 0, //分类详情  上架时间
+			}
+		},
+		onLoad() {
+			const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
+			console.log(menuButtonInfo)
+			this.searchBarTop = menuButtonInfo.top;
+			this.searchBarHeight = menuButtonInfo.height;
+		},
+		onReady() {
+			let that = this;
+			uni.getSystemInfo({ //调用uni-app接口获取屏幕高度
+				success(res) { //成功回调函数
+					// windowHeight
+					that.windowHeight = res.windowHeight //windoHeight为窗口高度，主要使用的是这个
+					let titleH = uni.createSelectorQuery().select("#category-detail"); //想要获取高度的元素名（class/id）
+					titleH.boundingClientRect(data => {
+						let pH = that.windowHeight;
+						that.listDataHeight = pH - data.top //计算高度：元素高度=窗口高度-元素距离顶部的距离（data.top）
+						console.log(that.listDataHeight)
+					}).exec()
+				}
+			})
+		},
+		methods: {
+			goSearch(param) {
+				this.queryParam = param
+				const index = this.recentRecordList.findIndex(item => {
+					return item === param
+				})
+				if (index > -1) {
+					this.recentRecordList.splice(index, 1)
+				}
+				this.recentRecordList.unshift(param)
+			},
+			changeSelectedCategory(index) {
+				this.$set(this.categoryList, this.selectedCategory, {
+					...this.categoryList[this.selectedCategory],
+					active: false
+				});
+				this.$set(this.categoryList, index, {
+					...this.categoryList[index],
+					active: true
+				});
+				this.selectedCategory = index
+				this.showMask = false
+			},
+			changeSelectedTag(index) {
+				this.tagCurrent = index
+				this.featureMask = false
+			},
+			toShowPop() {
+				console.log('---pop')
+				this.showMask = true
+				// this.$refs.popup.open('top')
+			},
+			getImg() {
+				return Math.floor(Math.random() * 35);
+			},
+			// 点击左边的栏目切换
+			async swichMenu(index) {
+				if (index == this.menuCurrent) return;
+				this.menuCurrent = index;
+				// 如果为0，意味着尚未初始化
+				if (this.menuHeight == 0 || this.menuItemHeight == 0) {
+					await this.getElRect('menu-scroll-view', 'menuHeight');
+					await this.getElRect('u-tab-item', 'menuItemHeight');
+				}
+				// 将菜单菜单活动item垂直居中
+				this.scrollTop = index * this.menuItemHeight + this.menuItemHeight / 2 - this.menuHeight / 2;
+			},
+			// 获取一个目标元素的高度
+			getElRect(elClass, dataVal) {
+				new Promise((resolve, reject) => {
+					const query = uni.createSelectorQuery().in(this);
+					query.select('.' + elClass).fields({
+						size: true
+					}, res => {
+						// 如果节点尚未生成，res值为null，循环调用执行
+						if (!res) {
+							setTimeout(() => {
+								this.getElRect(elClass);
+							}, 10);
+							return;
+						}
+						this[dataVal] = res.height;
+					}).exec();
+				})
+			},
+			exportView(str) {
+				if(str === 'showMask') {
+					this.showMask = true
+				} else if(str === 'featureMask') {
+					this.featureMask = true
+				}
+			},
+			tabChange(selectTab) {
+				console.log(selectTab)
+				this.tabCurrent = selectTab.index;
+			},
+			navigateToSearch() {
+				uni.navigateTo({
+					url:'/pages/index/search/search'
+				})
+			},
+			goBack() {
+				uni.navigateBack()
+			},
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.top-search {
+		position: relative;
+	}
+
+	.category-view {
+		height: 230rpx;
+		background-color: #F6F6F6;
+		display: flex;
+		justify-content: space-around;
+
+		.left {
+			width: calc(100% - 60rpx);
+			padding: 32rpx;
+			display: flex;
+			overflow: auto;
+
+			// flex-direction: row;
+			// flex-wrap: wrap;
+			// align-items: center;
+
+			.category-item {
+				margin-right: 20rpx;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+
+				.icon-box {
+					text-align: center;
+
+					.icon {
+						width: 100rpx;
+						height: 100rpx;
+						padding: 4rpx;
+						border-radius: 50%;
+					}
+				}
+
+				.name {
+					width: 156rpx;
+					text-align: center;
+
+					.no-active {
+						font-size: 28rpx;
+						font-family: PingFang-SC-Medium, PingFang-SC;
+						font-weight: 500;
+						color: #616161;
+						line-height: 28rpx;
+					}
+				}
+			}
+		}
+
+		.right {
+			width: 60rpx;
+			padding: 20rpx;
+			background: #F6F6F6;
+			border-left: 2rpx #F6F6F6 solid;
+			box-shadow: -2px 0px 4px 0px rgba(218, 218, 218, 0.5);
+
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #343434;
+			line-height: 34rpx;
+
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			text-align: center;
+		}
+	}
+
+	.category-detail {
+		display: flex;
+		background-color: #F5F5F5;
+
+		.u-tab-view {
+			width: 210rpx;
+			height: 100%;
+
+			.u-tab-item {
+				height: 90rpx;
+				background: #f6f6f6;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				font-size: 26rpx;
+				color: #444;
+				font-weight: 400;
+				line-height: 1;
+
+				.title {
+					font-size: 32rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #14CA65;
+					line-height: 40rpx;
+				}
+			}
+
+			.u-tab-item-active {
+				position: relative;
+				color: #000;
+				font-size: 30rpx;
+				font-weight: 600;
+				background: #fff;
+				border: 2rpx solid #fff;
+				border-radius: 25% 0 0 0;
+			}
+
+			.u-tab-item-active::before {
+				content: "";
+				position: absolute;
+				border: 1rpx solid #14CA65;
+				background-color: #14CA65;
+				width: 1rpx;
+				height: 14rpx;
+				left: 27rpx;
+				top: 37srpx;
+				border-radius: 1rpx;
+			}
+		}
+
+		.category-last {
+			width: calc(100% - 206rpx);
+			height: 100%;
+
+			.category-tag-box {
+				background-color: #fff;
+				height: 110rpx;
+				display: flex;
+				border-bottom: 1rpx solid #EEEEEE;
+
+				.left {
+					width: calc(100% - 60rpx);
+					padding: 12rpx;
+					white-space: nowrap;
+					overflow: auto;
+					line-height: 90rpx;
+					;
+
+					.category-tag {
+						margin-right: 10rpx;
+						width: fit-content;
+						display: inline-flex;
+					}
+				}
+
+				.right {
+					width: 60rpx;
+					padding: 20rpx;
+					background: #F6F6F6;
+					border-left: 2rpx #F6F6F6 solid;
+					box-shadow: -2px 0px 4px 0px rgba(218, 218, 218, 0.5);
+
+					font-size: 28rpx;
+					font-family: PingFangSC-Medium, PingFang SC;
+					font-weight: 500;
+					color: #343434;
+					line-height: 34rpx;
+
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					text-align: center;
+				}
+			}
+
+
+			.category-order {
+				width: 100%;
+				background-color: #fff;
+				border-bottom: 1rpx solid #EEEEEE;
+			}
+
+			.goods-list {
+				background-color: #fff;
+				height: calc(100% - 210rpx);
+
+				.goods-item {
+					padding: 16rpx;
+					margin-bottom: 10rpx;
+					display: flex;
+					background: #FFFFFF;
+					box-shadow: 0px 2px 3px 0px rgba(169, 169, 169, 0.2);
+					border-bottom: 1px solid #EEEEEE;
+
+					.left {
+						width: 170rpx;
+						position: relative;
+
+						.image {
+							padding: 20rpx;
+							height: calc(100% - 40rpx)
+						}
+
+						.tag {
+							position: absolute;
+							top: 20rpx;
+							right: 0;
+							float: right;
+
+							.tag-content {
+								padding: 16rpx;
+								border-radius: 25rpx 0 0 25rpx;
+								line-height: 14rpx;
+								background-color: #0DB658;
+								color: #fff;
+								font-size: 24rpx;
+								width: fit-content;
+							}
+						}
+					}
+
+					.right {
+						padding: 20rpx;
+						height: calc(100% - 40rpx);
+
+						.name {
+							font-size: 33rpx;
+							font-family: PingFangSC-Medium, PingFang SC;
+							font-weight: bold;
+							color: #E10707;
+							line-height: 56rpx;
+							white-space: nowrap;
+						}
+
+						.describe {
+							font-size: 33rpx;
+							font-family: PingFangSC-Regular, PingFang SC;
+							font-weight: 400;
+							color: #3E3E3E;
+							line-height: 37rpx;
+
+							word-break: break-all;
+							text-overflow: ellipsis;
+							display: -webkit-box;
+							-webkit-box-orient: vertical;
+							/* 这里是超出几行省略 */
+							-webkit-line-clamp: 2;
+							overflow: hidden;
+						}
+
+						.publish-date {
+							color: #A3A3A3;
+							font-size: 26rpx;
+							line-height: 64rpx;
+
+							.publish-date-box {
+								display: flex;
+								align-items: center;
+							}
+						}
+
+						.tag {
+							.tag-content {
+								padding: 16rpx;
+								border-radius: 25rpx;
+								line-height: 14rpx;
+								background-color: #FDD96A;
+								color: #fff;
+								font-size: 24rpx;
+								width: fit-content;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.bg {
+		display: none;
+		position: absolute;
+		top: 0%;
+		left: 0%;
+		width: 100%;
+		background-color: black;
+		z-index: 1001;
+		-moz-opacity: 0.7;
+		opacity: 0.70;
+		filter: alpha(opacity=70);
+	}
+
+	.show {
+		display: none;
+		text-align: center;
+		position: absolute;
+		width: calc(100% - 20rpx);
+		height: fit-content;
+		padding: 20rpx 10rpx 0 10rpx;
+		border: 1rpx solid #fff;
+		background-color: #fff;
+		border-radius: 0 0 20rpx 20rpx;
+		z-index: 1002;
+		overflow: auto;
+		transition: all 2.4s;
+
+		.category-view-all {
+			width: calc(100% - 20rpx);
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
+			border-bottom: 1px solid #EEEEEE;
+			height: 360rpx;
+			overflow: auto;
+			transition: height 1.3s ease;
+				
+
+			.category-item {
+				// display: flex;
+				// flex-direction: column;
+				// justify-content: center;
+				width: 100%;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.icon-box {
+					text-align: center;
+
+					.icon {
+						width: 90rpx;
+						height: 90rpx;
+						padding: 4rpx;
+						border-radius: 50%;
+					}
+				}
+
+				.name {
+					text-align: center;
+
+					.active {
+						width: fit-content;
+						font-size: 26rpx;
+						text-align: center;
+						padding: 6rpx;
+						border-radius: 10rpx;
+						line-height: 32rpx;
+						color: #fff;
+						background-color: #14CA65;
+					}
+
+					.no-active {
+						font-size: 26rpx;
+						font-family: PingFang-SC-Medium, PingFang-SC;
+						font-weight: 500;
+						color: #616161;
+						line-height: 28rpx;
+					}
+				}
+			}
+
+			.category-tag {
+				margin-right: 10rpx;
+				margin-bottom: 20rpx;
+				width: fit-content;
+				height: fit-content;
+				display: inline-flex;
+			}
+		}
+
+		.arrow-up {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 28rpx;
+			padding: 24rpx;
+			line-height: 32rpx;
+		}
+	}
+
+	/deep/ .u-tag {
+		flex: none;
+		width: auto;
+	}
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 07c44c2..ea07eb0 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,9 +3,12 @@
 	<view>
 		<view class="input_block">
 			<view class="input_block_border">
-				<u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search"
+				<view @click="toSearch">
+					<u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search"
 					prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx">
 				</u-input>
+				</view>
+				
 			</view>
 		</view>
 	</view>
@@ -18,7 +21,12 @@
 			}
 		},
 		methods: {
-
+			toSearch() {
+				console.log('--search')
+				uni.navigateTo({
+					url: '/pages/index/search/search'
+				})
+			}
 		}
 	}
 </script>
diff --git a/pages/index/search/search.vue b/pages/index/search/search.vue
new file mode 100644
index 0000000..12253dd
--- /dev/null
+++ b/pages/index/search/search.vue
@@ -0,0 +1,171 @@
+<template>
+	<view>
+		<!-- 顶部导航栏 -->
+		<view class="top-search">
+			<customer-searchbar ref="search" :queryParam="queryParam" :search-bar-top="searchBarTop" :search-bar-height="searchBarHeight"
+				@search="goSearch" @back="goBack" />
+		</view>
+		<!-- 最近搜索 -->
+		<view class="recent-search" :style="{marginTop: Number(searchBarTop + searchBarHeight) + 'px',}">
+			<view class="title">
+				<text class="title-text">最近搜索</text>
+				<u-icon name="trash" color="#666666" size="24" @click="clearRecentSearch"/>
+			</view>
+			<view class="recent-record">
+				<view v-if="recentRecordList.length > 0"  class="no-empty-record">
+					<view v-for="(item, index) in recentRecordList" :key="index" class="tag-item">
+					<u-tag bg-color="#eee"
+								 borderColor="#eee"
+							   color="#666"
+								 :text="item"
+								 @click="recentSearch(item)"/>
+					</view>
+				</view>
+				<view v-else>
+					<view class="empty-record">
+						<text>暂无搜索记录</text>
+					</view>
+				</view>
+				
+				
+			</view>
+		</view>
+		<!-- 搜索发现 -->
+		<view class="search-found">
+			<view class="title">
+				<text class="title-text">搜索发现</text>
+			</view>
+			<view class="found-record">
+				<view v-for="(item, index) in foundList" :key="index" class="tag-item">
+					<u-tag bg-color="#eee"
+								 borderColor="#eee"
+							   color="#666"
+								 :text="item"
+								 @click="recentSearch(item)"/>
+				</view>
+				
+			</view>
+		</view>
+	</view>
+
+</template>
+
+<script>
+	import { toast } from 'service/request.js'
+	export default {
+		data() {
+			return {
+				searchBarTop: 0, //搜索栏的外边框高度，单位px
+				searchBarHeight: 0, //搜索栏的高度，单位px
+				queryParam: '',
+				recentRecordList: [
+					'烘焙宝典1',
+					'烘焙宝典2',
+					'烘焙宝典3',
+					'烘焙宝典4',
+					'无添加剂5',
+					'烘焙宝典&无添加剂',
+					'无添加剂6'
+				],
+				foundList: [
+					'烘焙宝典1',
+					'烘焙宝典2',
+					'烘焙宝典3',
+					'烘焙宝典4',
+					'烘焙宝典&无添加剂',
+					'无添加剂5'
+				]
+			}
+		},
+		onLoad() {
+			const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
+			this.searchBarTop = menuButtonInfo.top;
+			this.searchBarHeight = menuButtonInfo.height;
+		},
+		methods: {
+			goSearch(param) {
+				if (!param) {
+					toast.warn('请输入搜索内容')
+					return
+				}
+				this.queryParam = param
+				const index = this.recentRecordList.findIndex(item => {
+					return item === param
+				})
+				if(index > -1) {
+					this.recentRecordList.splice(index, 1)
+				}
+				this.recentRecordList.unshift(param)
+			},
+			goBack() {
+				uni.navigateBack()
+			},
+			recentSearch(obj) {
+				this.queryParam = obj
+				console.log(obj)
+			},
+			clearRecentSearch() {
+				this.recentRecordList = []
+			}
+		}
+	}
+</script>
+
+<style lang="less">
+	.top-search {
+		position: relative;
+	}
+
+	.recent-search {
+		.title {
+			padding: 32rpx 10rpx;
+			display: flex;
+			justify-content: space-between;
+			.title-text {
+				font-size: 32rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #3E3E3E;
+				line-height: 42rpx;
+			}
+		}
+		.recent-record {
+			.empty-record {
+				font-size: 28rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #666666;
+				line-height: 28rpx;
+				text-align: center;
+			}
+			.no-empty-record {
+				display: flex;
+				flex-wrap: wrap;
+				padding: 0 10rpx;
+				.tag-item {
+					margin: 0 20rpx 20rpx 0;
+				}
+			}
+		}
+	}
+	.search-found {
+		.title {
+			padding: 32rpx 10rpx;
+			.title-text {
+				font-size: 32rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #3E3E3E;
+				line-height: 42rpx;
+			}
+		}
+		.found-record {
+			display: flex;
+			flex-wrap: wrap;
+			padding: 0 10rpx;
+			.tag-item {
+				margin: 0 20rpx 20rpx 0;
+			}
+		}
+	}
+</style>
diff --git a/static/category/fl_icon_qb.png b/static/category/fl_icon_qb.png
new file mode 100644
index 0000000000000000000000000000000000000000..29be83027cb74678767a0530942405dc3887f50c
GIT binary patch
literal 348
zcmV-i0i*tjP)<h;3K|Lk000e1NJLTq000&M000mO1^@s6677#B00001b5ch_0Itp)
z=>Px$7D+@wR5(x7l)p;EKp4blAXr#vCFm3Qr%S#p_M(m8E7*vrg?2uIl~>tlbB(Vc
z*a-HL4e5-JAXs_j5g6Gs2SM-;S({tfVv27VX7~Hi%myTnB;Ax{dG4GWNIC^Dhkj=)
z>56%tzXMnRF!J6nc62}6&#6%`J^&Ez(0e}&TG9#0UWp}*NnSH1)=#rDXl!OHB)3UE
z6h-mc>Rm~_Iwl!@#eI0Z7XYgOYVZ9<N5|A(2jgb|>mB17z*>xJ@S<~WS<=qGR}q=)
z+wmFvZeLeA%d*1&rQcS1y1Fd}E&%Lxdbx{*&;(p&Hc#>qz$SnvNn13tOOnS^Y_|IB
u57?aGF`zaiP1AHKNs`;9Y4)qCdiwxpD2&aLk(X!y0000<MNUMnLSTZp$&&a0

literal 0
HcmV?d00001

diff --git a/static/category/fl_icon_xl.png b/static/category/fl_icon_xl.png
new file mode 100644
index 0000000000000000000000000000000000000000..005bedccd33337c2eae648de4c678a7e97db3376
GIT binary patch
literal 295
zcmV+?0oeYDP)<h;3K|Lk000e1NJLTq000yK000jN1^@s6<e2YO00001b5ch_0Itp)
z=>Px#;Ymb6R5(wq(!p)QKoo@G86QId91slz&h$VNV5IfBgLIJs_FaH-;0^_lM5zFd
z`_LlW!ot8B<FntV(Qh-$vMEUiV2EzdpZDI<T6=f{R!;c|;4gqdw{g|=fyS6wk|gVQ
zfZqE#1C;0aQdQF~D9M#`ZgByvwI2Ys07fsOI{*_AIbFbF<)^9!wAT_nlAJi__TjDq
zi=}e_tCnCYBGosjfo*%1-L41RfGv7f-5!FGJ!{>bf)PDy-J-yIJ)62kgP|wMjjE1|
tqsDI0V0h6O(<k{wQUQF6$p53?>I^xYVK?dVxW)hg002ovPDHLkV1fZIfEEA%

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_cy.png b/static/category/sy_icon_cy.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2acfcd47a60150ae5c3c7ba297260bfe7560136
GIT binary patch
literal 5661
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
DMWf}`

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_gs.png b/static/category/sy_icon_gs.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f44e63a2b6c5ee8c55bdb0e2d7e95658802d834
GIT binary patch
literal 5078
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

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_hp.png b/static/category/sy_icon_hp.png
new file mode 100644
index 0000000000000000000000000000000000000000..48dee172125e061d17f0c215d2c18a06b732afe1
GIT binary patch
literal 6484
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

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_hz.png b/static/category/sy_icon_hz.png
new file mode 100644
index 0000000000000000000000000000000000000000..c97a1bdffe3beb402ed4cf85a177c7799e772588
GIT binary patch
literal 6092
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
S^S2=Y0000<MNUMnLSTYVw(a5o

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_ls.png b/static/category/sy_icon_ls.png
new file mode 100644
index 0000000000000000000000000000000000000000..06e04a020f8a0cde32dd8910e7ea2d2f48a6ea69
GIT binary patch
literal 6159
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

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_np.png b/static/category/sy_icon_np.png
new file mode 100644
index 0000000000000000000000000000000000000000..862c400309d3256bf8e5a0e514aa5f760d50b75f
GIT binary patch
literal 6793
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

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_rs.png b/static/category/sy_icon_rs.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc436ed2cbad1b1bf19a08d72c0ce313eb4da346
GIT binary patch
literal 5984
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
O0000<MNUMnLSTYKx@9c@

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_sj.png b/static/category/sy_icon_sj.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d98d0d110b028c8c7644070dccf6c362c6381f8
GIT binary patch
literal 7419
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

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_tw.png b/static/category/sy_icon_tw.png
new file mode 100644
index 0000000000000000000000000000000000000000..b36813d6cbdf46b69669da0509ad876dca1ff08b
GIT binary patch
literal 6022
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
AZU6uP

literal 0
HcmV?d00001

diff --git a/static/category/sy_icon_yp.png b/static/category/sy_icon_yp.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ed9d2ad29db46a7413fa9bdb01f0a405c87cdf8
GIT binary patch
literal 6099
zcmV;^7cA(BP)<h;3K|Lk000e1NJLTq00341003491^@s6RaRm500001b5ch_0Itp)
z=>Py1jY&j7RCr#^U1^YA#dSV?-)uq}W<e1sU@Q<qVi6#Lga8?|5Eo$MQjr8>FpDCz
zT1GPkCJDHbxRSz&UBp091|ucd#@a{)h*@moScnRXK!6npL@SFhj({1>u9?xBcTcKs
zZ>N{Lj5ebmlIFhqdinZ0-#LBy+&c_DBY!Sl-8G@As&-Nw4^0HdCPIu8kg+BJs0W04
zWKhqCiikactOo&m0H6Z_cL1<$jInKH9NPNIbqzZ{3sYi$s6otG*Et?o^&CK)gTQ7X
z;&Ey$h~j_pAMt;B4G|Fd(8a~%Z}mB2dk}GB#G(y@L*)&x-_*G44>89h3hWmj!!bkq
z`>zGS>j7}80*iv^fr<uT4krNPtkqa4P_0Ff4JLOp_68z6Qi73dUb=yOa-={$BEVky
zZ~e0n<69wy%Mh^2W1yUEI;av*4VcZ;G*B%zGZ;c-zr?6?_iNXW*m$@BKCHn0$@;!4
z5ZE1vcoFBF0>ERc#Y!my1T76CGTlm%wn7UiS^px$@m;UYZ+PZ#0eo11ox84YTEyV~
z7-70#je^0LaTYLKK7CE)Eh%8d4Z01gv5Ngf4vZG7hV=ryTEWutE%QfiKGXmoQebDU
z#-_TeeRlz{g@{-(pbAHm@01eklKV7a`47xlkO0H^7s87b)@8HQtO5ut_t#YJc<Z{x
zjzb0TAp>^q`oVdO4gClZ#uxy_q$sFaj>?w^<NZ@31dExrjJVD&TZ_44!^K<XAN|Ck
z0QaDQJ>yZVIWF$|9%Jklj-v3`#AJ&wm4s8q;e<mf%lsWst*}c)5K?HfK-F5z81MAH
z@~Ba_zkM~^e=q<a6tI`A?H@N3;iCXJje20CekR5=rcJ{qBZ#(M766sTwQek%7M8j3
za9T71u$i&ytGCP_@&18=d%(b6y0&i$M8Lgj64(nfCTz{q!Qi9{#;KX0N@dTz$CV8O
zVPbWR?TJ`)`Ih;kwj2n!2L$Zg_5HIMR-ORHjuxN_2O}Ja436l;q}1A;UQR6e=McoH
zWTz(9SO;mUc_-2cSdPW$<on$*MDyNWQ2*R;!5ucRbJzFHV*u*_pq7lEgj6O}vgLsQ
zNxi-{W5-d279-P9DFzZiQ%pT;$ET^GiNOXLz%_5(JUpj1EMOC+Li~#&pt_+?NMjZ7
zW{a8<rxMQ-Zdcifif>6C!Ck~)TPk`n)~CiK*v|$bVwVqxxrKpEG?n2-ZvG+f>jmtd
zLm`P0nqVPOL}3SK>1SA%DJ#ta5*^iSR-pPjL*h2LSaq{f>5{h#YHlH5FMGUy+|d5`
zW#g!blL{q8LM9m8wmOpvIh<f9rewtiHPuQ&ZTNaBeFSx4X2X(PWo%Des=i=rfoLHY
zSRSX2#r_v`NOh2Ls$u1!3aMliKo`>}0i4_z!Kuv=oLC>hs2YHp5`*3{LPtNsj*b}K
zX{$iTpzUyN-{JZOwz<?;KQk}R%>{PuqrLYqWGjp#B2j8a@`Om4_QtlR`uS9sak@_;
zE6Oz``B>`t39$U0@r@B&I<5+iJ&Nl#`Qunci~w(ZT!9TA3_)L6&Mjm)<Qf9pyKPZJ
zOID<i39O6&9uqq%#f<zdss%`%9;QsfS{M>us06p0cThj`(ak!s3checlARPgYDWs}
z6uS7lYY<`0J7xH&H?|}}>8v##p1NS{s_hw(LMpIHLZy1&R<ZY2nra~PVp1<7<tM1c
z1Qq8L#d3CHsb1Vkx<~`KVtf@$A6w;FiO()!Zm1AIfO3qma*G7lvl3Sl;FEz0PTIXJ
zoVZB^_R{rz4*<Xt!&H0ajoT>@w@S)rwh>Be^Ox7?&k0suxMVMk_S^t)-q;dcIlek*
zp^_Wc>4SSCZ;Lbc{@3>>I_xrC^hJ`Oj6Jw*QNz+uhe2R@K9vD%Lcqu*RD57*$Hpo7
z4D{nvXEB1TBn;8p4?9k!Rx`2+pmka;)K=M3qT`|f(0qozE^prS`wBe1y_}NoRo0u(
zJ!TQi*uJR2%jbrHUElW#SV`*Poio`Q%XumS|Dbb{)VFp+8M^GYp)BW%Cso14Csf&v
zDnKR6k&(}7|1l!`)22b#JD?JeLc(0@k|O@<jwKD}yIpy}^5c{k@oCD`^s^{WcZB&U
z`Be6&Ky@9J1FFw@$qq-CLkaWSr`JMbU4X5sQKF>^gjA3L;HjNucy9NQo}iVnbLJ5N
z`_lF$_A!qK?4|4Xy}-|?GEYRMqp&=s?u>#VBM1$&S=Zdtgk&-NkSg>&9#U}`po^MD
z-83-ucjXN`Ix6tP-|i=gCAr;p$&vKRUfi{$VJ2m*1#EJfTB$r2G+76n5U6T!^my7_
zI|QK0#$0etJ0^mg&a82z(z4DVpzcLNn2v!MzVpI>PTHsX5cvUv((Ii}>-Fic1?=2)
zeNQ65mxJe1h4QN+emVEJ2%4l>5;gD?&tDv+m?lsU0pd>bk4G_>bWC!@mJTjqTF9}u
z{S3tjt-t9vRuGagn)3km)VoU?u2ciieTZU;eIEf}m4EhR@0pW60)-SRAA9Sx8fYF7
z5drr8>wqlfgTfL(G)oiH5X~}ut+j!hc)0af8~g1l8)daba}*W;FvM8t_+3lulcEp}
z?3{J`S^(l7<ZGV`s`}ZC?wAn_7M)cC^|jeMW@|oH4uTKN)DXB-FKPvzi3FB2Z7o0Q
ziQ%r72fUNzY<yVj`^y^cae(c69Ra868YqvIl63?P!(4SyhGh(3bRC1m=SXmkg=fw+
z*Rg1dc~Hw?tNa7W!l>=6eJN9x_=nH$9)h*+?6>R3T&B8bXbj$Xe`({n8dzSShFG<e
zjysgkw9Q`u?dT%u?2nFOu#|&alM=K$qL_t$I_Pp=%8WJ@GJk(<EH%0JwZSCwmFCEO
zd_@11Dt5|;iyL<(GoG`yZy^Fcl<N6X^O;H;ZDpr}88ec>vMCO@YL8xk$sS0S#e^HM
zB_?bn+QvwZL*4mdcMO03(g5(xS3*+9afPmtB-Ntb-)LN!06S}4?^-~(hJJytKIo`a
zVuqd((FxJP96OT1@+mbiiZC~mRnCW@d);eZ{I4+gGFv{-*7g<w{(18tyxmp_f=cz>
zjDc7As924y`(SzF*OKwfUfa6|0gf%SI^-l)gYSl7ffYWEgFDp*Hx$ID0bX<=@?^mN
z+`s$D9c6fId)We&k}S+#(T@0=?b-c}#<A?;)dLfvXlQ#d#0nfKTNx_Zn#EM-TJo6$
zp2wTFOs#>Dj^>7pH5H)1qJ@oJ_8ZvBiuqeXXadTH56bY!{|JZW<$DRb8pcqfpMSR$
zoysm*-*+Wc@aIWcKu%$qRW~p!P*oxZfP>p|UJZ<_HV&<bCR)<uB1yq^BfOLqqL=&2
z2<x|&6JUc@sLCcRe5eq}0m;u9D}9B{TD$Ky#Q6Imx|>eyB%8}_#Y(FUHF-T4v-dx~
zK7v*UTynbwn|3k|n0i`DOH%;k`PGrt0Hw%}soVNv*z{2ap59f4p8b-C0gJHNYpNzg
ziy*9leT&Un)3-7Pyjf3-3^0L{6#FI($%$B<1q(1li-}q3IL*`ze6C(3PWYq`L<-Ut
zg0}TRR}BBSX#mQxI0I{}Wl&S%$!vg+_r>tL?$}NRx>hLXWl3EiV`qP!$jmBs@tWR^
z4B(QGt_UCvCGvGAPz0yShiE=ij^xCnBe->XEgVI`&0t`v?h-WBJ-fSN`0l1b=oyS<
z`BO^WfU;tTsi8PEE9|nQ3gLNn$(r6b5n;0JfW++F^Ql}1=MGMSN{=%%>m{2%e>8*J
zrgP>BQ!N6X#n!+Vc6W>IX!oGXacFmA%*e_cTbEPfR$o&y^3-p!i`VqM2Z-a;*X%qj
z$*1OoR7z(_&b?SZ6#+iq5W(%|bLLVVRMZu4y9^2o2mlB5A6^=OZmyZ~q%c^hSAeNT
z$Nd865Xm%#4BqEb@F^mUHbU$iK{&c&05nr`otM&P#XsF)hPj>8z~C=u)WHbr%qpM1
zX7T`P$HX;ME{7hZJ8pN()W_J|Ot)Oxw;^WYyxKTp2N1DVbmXs0I6pu@wZIBXh-?1z
zXS1N(!3c0|<~j>VbbxaD!=4I!=f%O~lr>9wXn$0Cd<Hs^P>5h@*MJSOFK}SvxK=zs
zLDtz}7afqbI(jFjG*X_|JEoR53Dy58O%eR{j9M5$<J=tL@)Y0SzAylt38*$(J-|Z2
zzgnR{oJzaS&{X3elD0UotGN{5XdkR}Q`d~M5*P)Zipfl9NVWsQgr*4Yyr2&1oTKcJ
zuKtdL`d<U0{)%k3LuOjYavVKRlMoAV!Wwa%wXvD2``$&2Pf9hBA|{||K^}0+V7$+M
zQ{Sq>yNS&V?!3@wu18t~_<e5--{zq9$C5E79~+EloI}v`eZM~ss=@wqXf&GPBaPl;
zGk@0mCISz){Cs9e;QbYpb`*$Hv&`R^s9~zB=chGC@a>E0pswWanz;FMQ1^0B$#Y;K
zR%S8Pief@!px2zwH9m>uiVr1Y-()ja_il_4FQJpl(o-8Ovx&~qqI7K{&XP2sWeEXJ
zA05HpTxiPzFI>Cx`2lE8nCd?U>N#AmOiAgmaRi=er)jbJO30Fp<v!0YTHUh}5pK?k
z%WR-2!!qgy9Ovb09;uHFWr@g4Z#=Uau9_&0x7+r`u;M@ah4)WD6{E|tu8`%}M4)Vw
zpu6mJ7v5SdlLwKEUBxb1-Fq9x_<hY1XC;E{C96Q$rFF;w)t?vvwE#12II|l5Tmt)U
zXAIx`^*)QKK~pE4rq9jfLi~j%x*6CU*$lTMAqLU6*o-xOSF%d{^N=a~1C}hY^dwMi
zm<kqQd(f0@6ICp{adI_WJxMTjS7!{%pWSCCPf|=hUE`gQkTAkpgq&lUVEqMei&cGv
zoxi$kLKH{avsT>*yvbAzi>Z7ebetS$BW+?5u$v}V!&gs}z;?v2>{(t&A<Z{Mn>|py
zh=7>CSa0t+FxrN1x#6M`-V{RV)WqG+c%=9L0P#52WURpjqK4pNIND^smf@&!7&m`%
z4P0}&0=5E6eq|UNa#Y!xnw?KoR^mA`l2_LAb{9hsWX~rnn#U%<p8wOHwE*NWF=chL
z222mx+|@OkL$&V?CwI~Yyubl=(XaZg=MO@T%U*OzNs<OlP0Xa^mJR6)y@OWEVBM!H
zn#Ez_jGy%_#5fKge@ipAp5w|eKLu(iPR-h0hS)EzAuKq%7QQAKyR)MLi+({ED`kWp
zE7>d#071S(RETVcZO0|%L~;j#C`R>(5G`tJk;mWX{<w2|DJt!>_t}PBG#wFQhnE1?
za^O!Y(@Z@{5Z_;Lb~RjghA7kIz%F=(M+IT89hN7<gjDaJ6Y>Q&P>we9zF8EV^2sf-
zU_;13@9T&-H8mgWoX@*v;G0G9I5ntiQd{_E3(u~GuS;Ng-RfUZU>!|2i>zj?qg)f~
z2DC9d!Q#fL=A^{-L+p*VmL^kTB!O*-5r3e}&oYrh$HC$o!X%ZZ1;UzK4KoL8%2F1d
zT?^OC`qv$MD{vDBwm>uxd<=D1GA8FF?L4TdN>-A|v(~oOCc7x^!k^-pGWLFi0LimF
zmREEKlWH~s(5$?J6?w?zriQAjxalN#aor7*g%oVxTY(#&5>k*ZD*?~%^p$3DMoPpT
zY3F<vKBDcRQeE}&AG>9o{Ih94>3tG0{&Hx*>66HQUx6N+QzI43Ea}P1Ny(oVPpO3)
zC1baDRN#guZReGqr6MMq`5c;FCjz9=m@G1o#NJbFEzN%6F>m_3M|i1xIeF=UHs+iJ
z2KD~#Q-gXjQnrLD$!9x6!W0R{(kV4?BVp{<pCpX+G}bJNZa>fBtTwXq4ix01eK|J<
zY<62~Q@B)~199$8dR_qja7T($2s2l8=bsOGSu?j?NojFe#kcl*wU$k(g`3V28-#7`
z6}XNw)&k4z-^fuW+mxKpw)8HM2vm-qGX^iVwKS(c+>x;M;jSxUU{6y3J*}}AD9eZ3
z=b(avc65>GgbvsPTDW{_EzCblXe<Zzn*Zq2wrfW*r2QgJQZi00XV5uG)3p}TAx9L!
zmp)z5Y`t~P&meQw{<!-U^_I7wfa``$uK_X7PLzZ|4Os~T;J_}Bz;11?z*i-(E~t78
z!vIySP->h?>krJ$#JRIq+gqFRAE4vkJ?G)BX%R#($ABfXX^?Et@ugN_KY0<_Lwh=_
z;#@&drL&gl${)UYZf&yr;(s`>S3l9GLps4EqpP7)<=m6z<Ochhhp<DmEe?QHfK@JN
zZy8<ekx%~hDG&ENfQU;hNs!>^V2m&<#Fo@+S?_;!HX^)#4(!5n46uLtxR3(xb*DLL
zKHt;@Ig;(FrL!)8;i_(6@L+pObMc3id9#yOcQ%#wm$o9}7$XN}AP3A0_f;p3`G=%u
zg#+wWkN5gzKpFdYO%6-KLUm^THDVA}Y!ARb8LDNIx`z8$y^w_Nd5G{BCUxMXZop-R
zBk=xU)Pe}BO><Nf0LreGX|=FeGWLJlD=_chIb&_}&pJ5`TaLXe4E0SH*|OZEb9PmG
zYg6ib5QEN3yIc<LzxLb{Bd(z4KWs;(k@k<3CpJg$XOn86wq!rsMGLXd7+r#i^2x)_
z0fgVYFA9X|A3CPJ{Rk`ndl1_DLosQ1R~Fo1Ni=EOQY7weZ$0L~UtPi*;V;{XdXw08
znpc6C;(h7rD(4~wr=9~d-fiQxqhQQP`4poESAh%etmTS4y|WC<o)tL->jcD!Q`1a6
z<h;aa*yi@G#+mSU*)NsMWvq~d{&AJK{IYsMd1x^1HDi86mz4qQ-3q{_8|ua5@IEc%
zJS4bjpDXO0nf&^_a*_q}>U%?5>%g^OcMSGakX_K(+LZe;$wI*Lv7f!FV@icZ8v)_y
z;)w}z97AYK^>g~zQj%b)lkdiHcWPOj<)AVC@PyWU(Q;cq!riY9Ce??cTiZjr(SiP1
zb>>*2yxbj?*sM=)Y5HveJ2KDG7P<M1f9aVGv3LcaHJG3z4DX2BfFo5*W-DwdQO-}@
zW7zD1<868KavrIAn)ETqB6fM(il)LZk1Whs1^nby-SaAl$x9={-d4~j^m__irVtVb
z_Wps_r4)%%EdWzaQVWE5glK~R?3%0yAVkVx1IruX%#ABC4>iPl4r%a{vx8AuY(*C2
z2Ngu+CV?Dq>~_QFQ+k{!*|q>c-7I4BhQrhp$uA-Z;-1r2bxc7lJ;NQE;HRjs)xZ!s
zhCs|_uWCguTJSk5Ggi6FmJxvZj@?Ecs4B&%TV=2(ir5uJHPuD#fEcS9ne=eSI4GAM
z#UvCXj>=<TxLQW(stvpYNbVt@t-G{3MS&TNVnncFErtPyZLR=ZUBvsRQSqRFO=RIw
ztQqR;{vHC{!ij6%er(J!>)6{ieUgtQ=S-QhL3VN`&UPvg3&h(-(b#?MU5&Tr#i@C=
zebB(F4o+RwJr67RBLLK|>sO3)nPKavppN|_TtBR(bpt-b<$|Q>uH_`<53~(2hvfIr
zEFP|tI&6%k4WIbK&ZgRk-GzXQcv*ASHc`wk0BXqd=jK<<4Mp_a0W}5&4-M5sccdj$
z^4J;r{E#u0Hh%I$UDKi%?ngxVD^ZLSGVD>H8i+N+ja|ww8U`Dur$kaNP{7mYGnKsx
ztg<|mPdyMY>30qbu&RTTAMCmU5bgkQ&(O$=69N@2G(OG(CzKcphI6D5{y74?Sc>2-
z_c-NX!8~HXs*X;1pl4PE;#&dnGG4ckm7vxbWSW0CP7Q`|Mt6r8W4{E1yXk4_p#<}Y
z1FJe5|3J@}3dYwW%3qYGOg<w#)1i`=C@C1H0(%4aFG{PcTBC|74i}hzFkorNpS!Pf
zJS)K*hA;;KW+ULSS!S%+=#=|VhD){n7=S&85N(Je*uV?ajs%cyABR<AhclrQ9_*SB
zRoEnicwz-%B14=20L?K%J&V{VMD@!kp$7na5uk@5>_vbbnEW!zcw3C6t)H&=Z2U6H
Z{|7(^nGq+AND=@5002ovPDHLkV1i-%qvikr

literal 0
HcmV?d00001