花束图集

mallApp/src/pages/item/item.vue

@@ -15,11 +15,16 @@
 				<app-search-module v-model="py" placeholder="这里搜索" @input="searchFn" />
 			</view>
 			<view class="buy-flower-container">
+				<button class="buy-flower-btn" @click="buyAlbum()">
+					<view class="btn-content">
+						<view class="flower-icon-css"></view>
+						<text class="btn-text">花束图集</text>
+					</view>
+				</button>
 				<button class="buy-flower-btn" @click="buyHs()">
 					<view class="btn-content">
 						<view class="flower-icon-css"></view>
 						<text class="btn-text">花束花礼</text>
-						<view class="sparkle-css"></view>
 					</view>
 				</button>
 			</view>
@@ -306,9 +311,13 @@ export default {
 		hidePopup() {
 			this.popupShow = false;
 		},
+		buyAlbum(){
+			let account = this.option.account ? this.option.account : 0
+			this.$util.pageTo({url: "/pages/home/mall?account="+account+'&hdId='+this.hdId,type:2})
+		},
 		buyHs(){
 			let account = this.option.account ? this.option.account : 0
-			this.$util.pageTo({url: "/pages/home/category?account="+account+'&hdId='+this.hdId,type:2})
+			this.$util.pageTo({url: "/pages/home/category?account="+account+'&hdId='+this.hdId,type:2})
 		},
 		showBigCover(item){
       		this.$util.pageTo({url: "/pages/item/detail?id="+item.id+"&account="+this.option.account+'&hdId='+this.hdId})
@@ -556,6 +565,8 @@ export default {
 	.buy-flower-container {
 		margin-left: 20upx;
 		padding: 0;
+		display: flex;
+		gap: 10upx;
 	}
 
 	.buy-flower-btn {
@@ -582,6 +593,7 @@ export default {
 		height: 100%;
 		position: relative;
 		z-index: 1;
+		text-align: center;
 	}
 
 	.flower-icon-css {
@@ -589,7 +601,6 @@ export default {
 		height: 24upx;
 		margin-right: 8upx;
 		position: relative;
-		animation: bounce 1.5s infinite;
 
 		&::before {
 			content: '';
@@ -627,6 +638,10 @@ export default {
 		font-weight: bold;
 		text-shadow: 0 2upx 4upx rgba(0, 0, 0, 0.2);
 		margin-right: 8upx;
+		text-align: center;
+		line-height: 1;
+		display: flex;
+		align-items: center;
 	}
 
 	.sparkle-css {