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