From 48393c72ed682cbe0311fd9debccb1631e168863 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 20:20:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=B8=8D=E9=9C=80=E8=A6=81?=
 =?UTF-8?q?=E7=9A=84=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |  27 -
 .../category-index - 副本.vue                 | 876 ------------------
 2 files changed, 903 deletions(-)
 delete mode 100644 package-lock.json
 delete mode 100644 pages/index/goods-category-search/category-index - 副本.vue

diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index fd7e9d5..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "shitong-app",
-  "lockfileVersion": 2,
-  "requires": true,
-  "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",
-      "resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.35.tgz",
-      "integrity": "sha512-OfMttN3XkHvQosXfd8bjz8ASTvypPoGzBWmQZBJ871bYMCA7t2bDFPlzjbxUj/5ykAjKnZ8zMUapSwSisVt99g=="
-    }
-  }
-}
diff --git a/pages/index/goods-category-search/category-index - 副本.vue b/pages/index/goods-category-search/category-index - 副本.vue
deleted file mode 100644
index 266bc01..0000000
--- a/pages/index/goods-category-search/category-index - 副本.vue	
+++ /dev/null
@@ -1,876 +0,0 @@
-<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>