|
|
@@ -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 {
|
