优化

mallApp/src/pages/home/category.vue

@@ -15,21 +15,14 @@
 			<view class="search-bar">
 				<app-search-module v-model="searchText" placeholder="搜索商品" @input="searchFn" :height="66" :fontSize="28" />
 			</view>
-		</view>
-
-	<!-- 商品筛选标签栏 -->
-	<view class="filter-tabs-container">
-		<view class="filter-tabs">
-			<view 
-				v-for="(filterItem, filterIndex) in filterTabs" 
-				:key="filterIndex"
-        :class="[filterItem.value == 99 ? 'filter-tab-item-tb':'filter-tab-item',currentFilterTab === filterIndex?'active':'']"
-				@click="switchFilterTab(filterIndex)"
-			>
-				<text>{{ filterItem.name }}</text>
+			<view class="buy-flower-container">
+				<button class="buy-mall-btn" @click="buyProduct()">
+					<view class="btn-content">
+						<text class="btn-text">买绿植花材</text>
+					</view>
+				</button>
 			</view>
 		</view>
-	</view>
 
     <scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop">
       <view v-for="(item,index) in tabbar" :key="index" class="tab-bar-item" :class="[!isSearchMode && currentTab==index ? 'active' : '']" :data-current="index" @tap.stop="swichNav($event ,item)" >
@@ -191,10 +184,6 @@ export default {
       let account = this.option.account?this.option.account:0
       this.$util.pageTo({url:"/pages/item/item?account="+account+'&hdId='+this.hdId,type:2})
     },
-    buyAlbum(){
-      let account = this.option.account ? this.option.account : 0
-      this.$util.pageTo({url: "/pages/home/mall?account="+account+'&hdId='+this.hdId,type:2})
-    },
     loginTo() {
       let account = this.option.account?this.option.account:0
       this.$util.pageTo({url:"/pages/login/index?needBack=1&account="+account})
@@ -724,7 +713,7 @@ page {
 	border-radius: 50upx;
 	padding: 0;
 	height: 80upx;
-	min-width: 200upx;
+	min-width: 220upx;
 	box-shadow: 0 8upx 20upx rgba(233, 30, 99, 0.3);
 	overflow: hidden;
 
@@ -744,7 +733,7 @@ page {
 
 	.btn-text {
 		color: white;
-		font-size: 28upx;
+		font-size: 32upx;
 		font-weight: bold;
 		text-shadow: 0 2upx 4upx rgba(0, 0, 0, 0.2);
 		text-align: center;
@@ -793,6 +782,43 @@ page {
 	}
 }
 
+.buy-mall-btn {
+	position: relative;
+	background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
+	border: none;
+	padding: 0;
+	height: 80upx;
+	min-width: 200upx;
+	box-shadow: 0 8upx 20upx rgba(165, 94, 234, 0.3);
+	overflow: hidden;
+	&:active {
+		box-shadow: 0 4upx 10upx rgba(165, 94, 234, 0.4);
+	}
+
+	.btn-content {
+		display: flex;
+		min-width: 200upx;
+		align-items: center;
+		justify-content: center;
+		height: 100%;
+		position: relative;
+		z-index: 1;
+		text-align: center;
+	}
+
+	.btn-text {
+		color: #fff;
+		font-size: 32upx;
+		font-weight: bold;
+		text-shadow: 0 2upx 4upx rgba(0, 0, 0, 0.2);
+		text-align: center;
+		line-height: 1;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+}
+
 
 
 @keyframes fadeInFrames {