209 lines
23 KiB
Vue
209 lines
23 KiB
Vue
|
<template>
|
||
|
|
<view :class="{borderShow:isBorader}" v-if="bargList.length">
|
||
|
|
<view class="combination">
|
||
|
|
<view class="title acea-row row-between">
|
||
|
|
<view class="acea-row row-column">
|
||
|
|
<!-- <image src="../../../static/images/kanjia.png" class="pic"></image> -->
|
||
|
|
</view>
|
||
|
|
<view class="more acea-row row-center-wrapper" @click="toBragainList()">
|
||
|
|
GO<text class="iconfont icon-xiangyou"></text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="conter acea-row">
|
||
|
|
<scroll-view scroll-x="true" style="white-space: nowrap; vertical-align: middle;" show-scrollbar="false">
|
||
|
|
<view class="itemCon" v-for="(item, index) in bargList" :key="index" @click="bargDetail(item)">
|
||
|
|
<view class="item">
|
||
|
|
<view class="pictrue">
|
||
|
|
<image :src="item.image"></image>
|
||
|
|
</view>
|
||
|
|
<view class="text lines1">
|
||
|
|
<view class="name line1">{{item.title}}</view>
|
||
|
|
<view class="x-money">¥<text class="num">{{item.minPrice}}</text></view>
|
||
|
|
<view class="btn">参与砍价</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
let app = getApp();
|
||
|
|
import {
|
||
|
|
toLogin
|
||
|
|
} from '@/libs/login.js';
|
||
|
|
import {
|
||
|
|
getBargainIndexApi
|
||
|
|
} from '@/api/activity.js';
|
||
|
|
import { mapGetters } from 'vuex';
|
||
|
|
import animationType from '@/utils/animationType.js'
|
||
|
|
export default {
|
||
|
|
name: 'c_bargain',
|
||
|
|
computed: mapGetters({
|
||
|
|
'userData': 'userInfo',
|
||
|
|
'uid': 'uid'
|
||
|
|
}),
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
bargList: [{image: '', title: '', price:'',otPrice: ''},{image: '', title: '', price:'',otPrice: ''},{image: '', title: '', price:'',otPrice: ''}],
|
||
|
|
isBorader:false
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.getBargainList();
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
// 砍价列表
|
||
|
|
getBargainList() {
|
||
|
|
getBargainIndexApi().then(res => {
|
||
|
|
this.bargList = res.data ? res.data.productList : [];
|
||
|
|
})
|
||
|
|
},
|
||
|
|
bargDetail(item){
|
||
|
|
uni.navigateTo({
|
||
|
|
animationType: animationType.type,
|
||
|
|
animationDuration: animationType.duration,
|
||
|
|
url: `/pages/activity/goods_bargain_details/index?id=${item.id}&startBargainUid=${this.uid}`
|
||
|
|
});
|
||
|
|
},
|
||
|
|
toBragainList(){
|
||
|
|
uni.navigateTo({
|
||
|
|
animationType: animationType.type,
|
||
|
|
animationDuration: animationType.duration,
|
||
|
|
url: `/pages/activity/goods_bargain/index`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.pic{
|
||
|
|
width: 130rpx;
|
||
|
|
height: 30rpx;
|
||
|
|
}
|
||
|
|
.default{
|
||
|
|
width: 690rpx;
|
||
|
|
height: 300rpx;
|
||
|
|
border-radius: 14rpx;
|
||
|
|
margin: 26rpx auto 0 auto;
|
||
|
|
background-color: #ccc;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 300rpx;
|
||
|
|
.iconfont{
|
||
|
|
font-size: 80rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.combination{
|
||
|
|
width: auto;
|
||
|
|
background-image: url('data:image/png;base64,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
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 14rpx;
|
||
|
|
margin: 30rpx auto 0 auto;
|
||
|
|
padding: 25rpx 20rpx 25rpx 20rpx;
|
||
|
|
|
||
|
|
.title {
|
||
|
|
.sign {
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: $theme-color;
|
||
|
|
margin-bottom: 2rpx;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-bottom: 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.name {
|
||
|
|
|
||
|
|
text {
|
||
|
|
color: #333333;
|
||
|
|
font-size: 26rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.more {
|
||
|
|
width: 86rpx;
|
||
|
|
height: 40rpx;
|
||
|
|
background: linear-gradient(142deg, #FFE9CE 0%, #FFD6A7 100%);
|
||
|
|
opacity: 1;
|
||
|
|
border-radius: 18px;
|
||
|
|
font-size: 22rpx;
|
||
|
|
color: #FE960F;
|
||
|
|
padding-left: 8rpx;
|
||
|
|
font-weight: 800;
|
||
|
|
.iconfont {
|
||
|
|
font-size: 21rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.conter{
|
||
|
|
margin-top: 28rpx;
|
||
|
|
.itemCon {
|
||
|
|
display: inline-block;
|
||
|
|
width: 220rpx;
|
||
|
|
margin-right: 24rpx;
|
||
|
|
}
|
||
|
|
.item{
|
||
|
|
width:100%;
|
||
|
|
.pictrue{
|
||
|
|
width: 100%;
|
||
|
|
height: 220rpx;
|
||
|
|
border-radius: 6rpx;
|
||
|
|
image{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-radius: 6rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.text{
|
||
|
|
margin-top: 4rpx;
|
||
|
|
.y_money {
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: #999999;
|
||
|
|
text-decoration: line-through;
|
||
|
|
}
|
||
|
|
.name {
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: #000;
|
||
|
|
margin-top: 14rpx;
|
||
|
|
}
|
||
|
|
.money {
|
||
|
|
color: #FD502F;
|
||
|
|
font-size: 28rpx;
|
||
|
|
height: 100%;
|
||
|
|
font-weight: bold;
|
||
|
|
margin: 10rpx 0;
|
||
|
|
.num {
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.btn{
|
||
|
|
width: 220rpx;
|
||
|
|
height: 48rpx;
|
||
|
|
line-height: 48rpx;
|
||
|
|
text-align: center;
|
||
|
|
@include linear-gradient(theme);
|
||
|
|
opacity: 1;
|
||
|
|
border-radius: 0px 0px 14rpx 14rpx;
|
||
|
|
color: #FFFFFF;
|
||
|
|
font-size: 26rpx;
|
||
|
|
margin-top: 6rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.x-money{
|
||
|
|
@include price-color(theme);
|
||
|
|
font-size: 28rpx;
|
||
|
|
height: 100%;
|
||
|
|
font-weight: bold;
|
||
|
|
margin: 5rpx 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|