TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

交易市场支付

Browse Source
This commit is contained in:
唐明明
2021-11-04 11:31:50 +08:00
parent d9b4d459ae c011538220
commit 3de021f92f
7 changed files with 236 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/goods/details.vue
View File

@@ -87,7 +87,7 @@
<label class="title">服务</label>
<view class="goods-serve" @click="serveOpne">
<image class="goods-serve-img" src="../../static/icons/goods_buy.png" mode="aspectFill"></image>
<view class="nowrap goods-serve-name"><textv-for="(item, index) in goodsObj.services">{{item.name}}</text></view>
<view class="nowrap goods-serve-name"><text v-for="(item, index) in goodsObj.services" :key='item.service_id'>{{item.name}}</text></view>
<image class="goods-serve-img" src="../../static/icons/goods_spot.png" mode="aspectFill">
</image>
</view>
@@ -765,7 +765,7 @@
.coupons-left {
background-color: #fdedee;
color: #e1293f;
color: #aa55ff;
width: 190rpx;
text-align: center;
padding: $padding - 10 0;
@@ -818,7 +818,7 @@
top: 36rpx;
width: 110rpx;
text-align: center;
background-color: #e1293f;
background-color: #aa55ff;
color: #FFFFFF;
border-radius: 80rpx;
font-size: 24rpx;
@@ -833,7 +833,7 @@
}
.coupons-true {
background-image: linear-gradient(to right, #e1293f, #fd275d);
background-image: linear-gradient(to right, #aa55ff, #aa55ff);
color: #FFFFFF;
border-radius: 80rpx;
line-height: 84rpx;

34
pages/goods/lists.vue
View File

@@ -6,16 +6,16 @@
{{goodsType[goodsTypeIndex].name}}
<image class="tabs-item-arrow" src="@/static/icons/search_row.png" mode="" />
</view>
<view class="tabs-item" :class="{'show': tabIndex == 0}" @click="onTabs" data-index="0">最新</view>
<view class="tabs-item" :class="{'show': tabIndex == 1}" @click="onTabs" data-index="1">
<!-- <view class="tabs-item" :class="{'show': tabIndex == 0}" @click="onTabs" data-index="0">最新</view> -->
<view class="tabs-item" :class="{'show': tabIndex == 1 && marketType !== ''}" @click="onTabs" data-index="1">
价格
<image class="icon" mode="widthFix"
:src="require(marketType == 'asc' ? '@/static/icons/market_icon_low.png': '@/static/icons/market_icon_high.png')" />
:src="require(marketType == 'asc' ? '@/static/icons/market_icon_low.png': marketType === ''? '@/static/icons/market_icon_null.png':'@/static/icons/market_icon_high.png')" />
</view>
<view class="tabs-item" :class="{'show': tabIndex == 2}" @click="onTabs" data-index="2">
<view class="tabs-item" :class="{'show': tabIndex == 2 && pvType !== ''}" @click="onTabs" data-index="2">
贡献值
<image class="icon" mode="widthFix"
:src="require(pvType == 'asc' ? '@/static/icons/market_icon_low.png': '@/static/icons/market_icon_high.png')" />
:src="require(pvType == 'asc' ? '@/static/icons/market_icon_low.png': pvType === ''? '@/static/icons/market_icon_null.png':'@/static/icons/market_icon_high.png')" />
</view>
</view>
<view class="lists">
@@ -37,14 +37,14 @@
data() {
return {
tabIndex: 0,
marketType: 'asc',
marketType: '',
goods: [],
page: 1,
has_more: true,
isBaoDan: false, // 是否是报单，默认有id不是报单，无id是报单
goodsType: [],
goodsTypeIndex: 0,
pvType:'asc'
pvType:''
};
},
onReachBottom() {
@@ -86,7 +86,9 @@
this.has_more = true
this.page = 1
this.goods = []
this.tabIndex = ''
// this.tabIndex = ''
// this.pvType = ''
// this.marketType = ''
this.getList()
}
}
@@ -94,9 +96,19 @@
},
onTabs(e) {
let index = e.target.dataset.index
if (index == 0 && index == this.tabIndex) return
if (index == 1 && index == this.tabIndex) this.marketType = this.marketType == 'asc' ? 'desc' : 'asc'
if (index == 2 && index == this.tabIndex) this.pvType = this.pvType == 'asc' ? 'desc' : 'asc'
if (index == 0 ) {
this.marketType = ''
this.pvType = ''
return
}
if (index == 1 ) {
this.marketType = this.marketType == 'asc' ? 'desc' : 'asc'
this.pvType = ''
}
if (index == 2 ) {
this.pvType = this.pvType === 'asc'? 'desc' : 'asc'
this.marketType = ''
}
this.tabIndex = index
this.has_more = true