1093 lines
139 KiB
Vue
1093 lines
139 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view :style="'height:'+systemH+'px'"></view>
|
|||
|
|
<view class='bargain'>
|
|||
|
|
<view class='iconfont icon-xiangzuo' v-if='retunTop' @tap='goBack' :style="'top:'+navH+'px'"></view>
|
|||
|
|
<view class="header" :class="bargainUid != userInfo.uid ? 'on' : ''">
|
|||
|
|
<view class='people' >
|
|||
|
|
<!-- :style="'top:'+navH/2+'rpx'" -->
|
|||
|
|
{{bargainCount.lookCount}}人查看 丨 {{bargainCount.shareCount}}人分享 丨 {{bargainCount.userCount}}人参与
|
|||
|
|
</view>
|
|||
|
|
<!-- <view class='time font-color' v-if="bargainUid == userInfo.uid">
|
|||
|
|
倒计时
|
|||
|
|
<text>{{countDownDay}}</text>
|
|||
|
|
天
|
|||
|
|
<text>{{countDownHour}}</text>
|
|||
|
|
时
|
|||
|
|
<text>{{countDownMinute}}</text>
|
|||
|
|
分
|
|||
|
|
<text>{{countDownSecond}}</text>
|
|||
|
|
秒
|
|||
|
|
</view> -->
|
|||
|
|
<countDown :tipText="'倒计时'" :dayText="'天'" :hourText="'时'" :minuteText="'分'" :secondText="'秒'" :datatime="datatime" :isDay="true" v-if="bargainUid == userInfo.uid"></countDown>
|
|||
|
|
<view v-if="bargainUid != userInfo.uid" class='pictxt acea-row row-center-wrapper'>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image :src='bargainUserInfo.avatar'></image>
|
|||
|
|
</view>
|
|||
|
|
<view class='text'>
|
|||
|
|
{{bargainUserInfo.nickname}}
|
|||
|
|
<text>邀请您帮忙砍价</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='wrapper'>
|
|||
|
|
<view class='pictxt acea-row row-between-wrapper' @tap="goProduct">
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image :src='bargainInfo.image'></image>
|
|||
|
|
<view class="bargain_view">
|
|||
|
|
查看商品
|
|||
|
|
<text class="iconfont icon-jiantou iconfonts"></text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='text acea-row row-column-around'>
|
|||
|
|
<view class='line2'>{{bargainInfo.title}}</view>
|
|||
|
|
<view class='money font-color'>
|
|||
|
|
当前: ￥
|
|||
|
|
<text class='num'>{{bargainInfo.price}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class='successNum'>最低:￥{{bargainInfo.min_price}}</view>
|
|||
|
|
<!-- <view class='successNum'>已有{{bargainSumCount}}人砍价成功</view> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 进度条 -->
|
|||
|
|
<block v-if="bargainUserHelpInfo.price > 0">
|
|||
|
|
<view class="cu-progress acea-row row-middle round margin-top" >
|
|||
|
|
<view class='acea-row row-middle bg-red' :style="'width:'+ bargainUserHelpInfo.pricePercent +'%;'"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class='money acea-row row-between-wrapper'>
|
|||
|
|
<view>已砍{{bargainUserHelpInfo.alreadyPrice}}元</view>
|
|||
|
|
<view>还剩{{bargainUserHelpInfo.price}}元</view>
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
<!-- 自己砍价 -->
|
|||
|
|
<view v-if="bargainUid == userInfo.uid && !userBargainStatus && bargainUserHelpInfo.price > 0">
|
|||
|
|
<view class='bargainBnt' @tap='userBargain' v-if="productStock>0&"a>0">
|
|||
|
|
立即参与砍价
|
|||
|
|
</view>
|
|||
|
|
<view class='bargainBnt grey' v-if="productStock<=0||quota<=0">立即参与砍价</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 帮助砍价、帮砍成功： -->
|
|||
|
|
<view v-if="bargainUid == userInfo.uid && bargainUserHelpInfo.price > 0 && userBargainStatus">
|
|||
|
|
<!-- #ifdef H5 -->
|
|||
|
|
<view class='bargainBnt' v-if="$wechat.isWeixin()" @click="H5ShareBox = true">邀请好友帮砍价</view>
|
|||
|
|
<view class='bargainBnt' v-else @tap='getBargainUserBargainPricePoster'>邀请好友帮砍价</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<!-- #ifdef MP -->
|
|||
|
|
<button open-type='share' class='bargainBnt'>邀请好友帮砍价</button>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<view class='tip'>
|
|||
|
|
已有
|
|||
|
|
<text class='font-color'>{{bargainUserHelpInfo.count}}</text>
|
|||
|
|
位好友成功砍价
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view v-if="bargainUid != userInfo.uid && userBargainStatusHelp && bargainUserHelpInfo.price>0">
|
|||
|
|
<view class='bargainBnt' @tap='setBargainHelp'>帮好友砍一刀</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="bargainUid != userInfo.uid && userBargainStatusHelp && bargainUserHelpInfo.price==0">
|
|||
|
|
<view class='bargainSuccess'>
|
|||
|
|
<text class='iconfont icon-xiaolian'></text>
|
|||
|
|
好友已砍价成功
|
|||
|
|
</view>
|
|||
|
|
<view class='bargainBnt' @tap='currentBargainUser'>我也要参与</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view v-if="bargainUid != userInfo.uid && !userBargainStatusHelp">
|
|||
|
|
<view class='bargainSuccess'>
|
|||
|
|
<text class='iconfont icon-xiaolian'></text>
|
|||
|
|
已成功帮助好友砍价
|
|||
|
|
</view>
|
|||
|
|
<view class='bargainBnt' @tap='currentBargainUser'>我也要参与</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="bargainUserHelpInfo.price == 0 && bargainUid == userInfo.uid && statusPay!=3">
|
|||
|
|
<view class='bargainSuccess'>
|
|||
|
|
<text class='iconfont icon-xiaolian'></text>
|
|||
|
|
恭喜您砍价成功，快去支付
|
|||
|
|
</view>
|
|||
|
|
<view class='bargainBnt' @tap='goPay'>立即支付</view>
|
|||
|
|
<view class='bargainBnt on' @tap='goBargainList'>抢更多商品</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class='lock'></view>
|
|||
|
|
</view>
|
|||
|
|
<view class='bargainGang'>
|
|||
|
|
<view class='title font-color acea-row row-center-wrapper'>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image src='../../../static/images/left.png'></image>
|
|||
|
|
</view>
|
|||
|
|
<view class='titleCon'>砍价帮</view>
|
|||
|
|
<view class='pictrue on'>
|
|||
|
|
<image src='../../../static/images/left.png'></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='list'>
|
|||
|
|
<block v-for="(item,index) in bargainUserHelpList" :key='index'>
|
|||
|
|
<view class='item acea-row row-between-wrapper'>
|
|||
|
|
<view class='pictxt acea-row row-between-wrapper'>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image :src='item.avatar'></image>
|
|||
|
|
</view>
|
|||
|
|
<view class='text'>
|
|||
|
|
<view class='name line1'>{{item.nickname}}</view>
|
|||
|
|
<view class='line1'>{{item.add_time}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='money font-color'>
|
|||
|
|
<text class="iconfont icon-kanjia"></text>
|
|||
|
|
砍掉{{item.price}}元
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</block>
|
|||
|
|
</view>
|
|||
|
|
<view class='load font-color' v-if="!limitStatus" @tap='getBargainUser'>点击加载更多</view>
|
|||
|
|
<view class='lock'></view>
|
|||
|
|
</view>
|
|||
|
|
<view class='goodsDetails'>
|
|||
|
|
<view class='title font-color acea-row row-center-wrapper'>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image src='/images/left.png'></image>
|
|||
|
|
</view>
|
|||
|
|
<view class='titleCon'>商品详情</view>
|
|||
|
|
<view class='pictrue on'>
|
|||
|
|
<image src='/images/left.png'></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='conter'>
|
|||
|
|
<!-- <template is="wxParse" data="{{wxParseData:description.nodes}}" /> -->
|
|||
|
|
<jyf-parser :html="bargainInfo.description" ref="article" :tag-style="tagStyle"></jyf-parser>
|
|||
|
|
<!-- <rich-text :nodes="bargainInfo.description" class="conter"></rich-text> -->
|
|||
|
|
</view>
|
|||
|
|
<view class='lock'></view>
|
|||
|
|
</view>
|
|||
|
|
<view class='goodsDetails'>
|
|||
|
|
<view class='title font-color acea-row row-center-wrapper'>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image src='/images/left.png'></image>
|
|||
|
|
</view>
|
|||
|
|
<view class='titleCon'>砍价规则</view>
|
|||
|
|
<view class='pictrue on'>
|
|||
|
|
<image src='/images/left.png'></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='conter'>
|
|||
|
|
<!-- <template is="wxParse" :data="wxParseData:rule.nodes" /> -->
|
|||
|
|
<jyf-parser :html="bargainInfo.rule" ref="article"></jyf-parser>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='bargainTip' :class='active==true?"on":""'>
|
|||
|
|
<view class='pictrue'>
|
|||
|
|
<image src="../../../static/images/bargainBg.jpg"></image>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="bargainUid == userInfo.uid">
|
|||
|
|
<view class='cutOff'>
|
|||
|
|
您已砍掉
|
|||
|
|
<text class='font-color'>{{bargainUserBargainPrice.price}}</text>
|
|||
|
|
元，听说分享次数越多砍价成功的机会越大哦！
|
|||
|
|
</view>
|
|||
|
|
<!-- #ifdef MP -->
|
|||
|
|
<button open-type='share' class='tipBnt'>邀请好友帮砍价</button>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<!-- #ifdef H5 -->
|
|||
|
|
<view class='tipBnt' @tap='getBargainUserBargainPricePoster'>邀请好友帮砍价</view>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
</view>
|
|||
|
|
<view v-else>
|
|||
|
|
<view class='help font-color'>成功帮砍{{bargainUserBargainPrice.price}}元</view>
|
|||
|
|
<view class='cutOff on'>您也可以砍价低价拿哦，快去挑选心仪的商品吧~</view>
|
|||
|
|
<view @tap='currentBargainUser' class='tipBnt'>我也要参与</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class='mask' catchtouchmove="true" v-show='active==true' @tap='close'></view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 发送给朋友图片 -->
|
|||
|
|
<view class="share-box" v-if="H5ShareBox">
|
|||
|
|
<image src="/static/images/share-info.png" @click="H5ShareBox = false"></image>
|
|||
|
|
</view>
|
|||
|
|
<!-- #ifdef MP -->
|
|||
|
|
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
|
|||
|
|
<!-- #endif -->
|
|||
|
|
<home></home>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getBargainDetail,
|
|||
|
|
postBargainStartUser,
|
|||
|
|
postBargainStart,
|
|||
|
|
postBargainHelpPrice,
|
|||
|
|
postBargainHelpCount,
|
|||
|
|
postBargainHelp,
|
|||
|
|
postBargainHelpList,
|
|||
|
|
postBargainShare
|
|||
|
|
} from '../../../api/activity.js';
|
|||
|
|
import {
|
|||
|
|
postCartAdd
|
|||
|
|
} from '../../../api/store.js';
|
|||
|
|
// import wxh from '../../../utils/wxh.js';
|
|||
|
|
// import wxParse from '../../../wxParse/wxParse.js';
|
|||
|
|
import util from '../../../utils/util.js';
|
|||
|
|
import {
|
|||
|
|
toLogin
|
|||
|
|
} from '@/libs/login.js';
|
|||
|
|
import {
|
|||
|
|
mapGetters
|
|||
|
|
} from "vuex";
|
|||
|
|
// #ifdef MP
|
|||
|
|
import authorize from '@/components/Authorize';
|
|||
|
|
// #endif
|
|||
|
|
import countDown from '@/components/countDown';
|
|||
|
|
import home from '@/components/home';
|
|||
|
|
import parser from "@/components/jyf-parser/jyf-parser";
|
|||
|
|
import { silenceBindingSpread } from "@/utils";
|
|||
|
|
const app = getApp();
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
countDown,
|
|||
|
|
// #ifdef MP
|
|||
|
|
authorize,
|
|||
|
|
// #endif
|
|||
|
|
home,
|
|||
|
|
"jyf-parser": parser
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 页面的初始数据
|
|||
|
|
*/
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
countDownDay: '00',
|
|||
|
|
countDownHour: '00',
|
|||
|
|
countDownMinute: '00',
|
|||
|
|
countDownSecond: '00',
|
|||
|
|
active: false,
|
|||
|
|
id: 0, //砍价产品编号
|
|||
|
|
userInfo: {}, //当前用户信息
|
|||
|
|
bargainUid: 0, //开启砍价用户
|
|||
|
|
bargainUserInfo: {}, //开启砍价用户信息
|
|||
|
|
bargainUserId: 0, //开启砍价编号
|
|||
|
|
bargainInfo: [], //砍价产品
|
|||
|
|
offset: 0,
|
|||
|
|
limit: 20,
|
|||
|
|
limitStatus: false,
|
|||
|
|
bargainUserHelpList: [],
|
|||
|
|
bargainUserHelpInfo: [],
|
|||
|
|
bargainUserBargainPrice: 0,
|
|||
|
|
status: '', // 0 开启砍价 1 朋友帮忙砍价 2 朋友帮忙砍价成功 3 完成砍价 4 砍价失败 5已创建订单
|
|||
|
|
bargainCount: [], //分享人数 浏览人数 参与人数
|
|||
|
|
retunTop: true,
|
|||
|
|
bargainPartake: 0,
|
|||
|
|
isHelp: false,
|
|||
|
|
interval: null,
|
|||
|
|
userBargainStatus: 0, //判断自己是否砍价
|
|||
|
|
productStock: 0, //判断是否售罄；
|
|||
|
|
quota: 0, //判断是否已限量；
|
|||
|
|
userBargainStatusHelp: true,
|
|||
|
|
navH: '',
|
|||
|
|
statusPay: '',
|
|||
|
|
bargainSumCount:0,
|
|||
|
|
bargainPrice:0,
|
|||
|
|
datatime:0,
|
|||
|
|
offest:'',
|
|||
|
|
tagStyle: {
|
|||
|
|
img: 'width:100%;'
|
|||
|
|
},
|
|||
|
|
H5ShareBox: false, //公众号分享图片
|
|||
|
|
systemH:0,
|
|||
|
|
isAuto: false, //没有授权的不会自动授权
|
|||
|
|
isShowAuth: false, //是否隐藏授权
|
|||
|
|
pages:'',
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
computed: mapGetters(['isLogin']),
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面加载
|
|||
|
|
*/
|
|||
|
|
onLoad: function(options) {
|
|||
|
|
var that = this;
|
|||
|
|
// #ifdef MP
|
|||
|
|
uni.getSystemInfo({
|
|||
|
|
success: function (res) {
|
|||
|
|
that.systemH = res.statusBarHeight
|
|||
|
|
that.navH = that.systemH+10
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
|
|||
|
|
var pages = getCurrentPages();
|
|||
|
|
if (pages.length <= 1) {
|
|||
|
|
that.retunTop = false
|
|||
|
|
}
|
|||
|
|
//扫码携带参数处理
|
|||
|
|
// #ifdef MP
|
|||
|
|
if (options.scene) {
|
|||
|
|
var value = util.getUrlParams(decodeURIComponent(options.scene));
|
|||
|
|
if (typeof value === 'object') {
|
|||
|
|
if (value.id) options.id = value.id;
|
|||
|
|
if (value.bargain) options.bargain = value.bargain;
|
|||
|
|
//记录推广人uid
|
|||
|
|
if (value.pid) app.globalData.spid = value.pid;
|
|||
|
|
} else {
|
|||
|
|
app.globalData.spid = value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//记录推广人uid
|
|||
|
|
if (options.spid) app.globalData.spid = options.spid;
|
|||
|
|
// #endif
|
|||
|
|
if (options.hasOwnProperty('id')) {
|
|||
|
|
that.id = options.id;
|
|||
|
|
that.bargainUid = options.bargain || 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (this.isLogin) {
|
|||
|
|
console.log(that.bargainUid,'that.bargainUid')
|
|||
|
|
if(that.bargainUid == 'undefined'){
|
|||
|
|
that.bargainUid = that.$store.state.app.uid
|
|||
|
|
}
|
|||
|
|
this.getBargainDetails();
|
|||
|
|
this.addShareBargain();
|
|||
|
|
// app.globalData.openPages = '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
|
|||
|
|
// '&spid=' + e.detail.uid;
|
|||
|
|
// this.$set(that, 'bargainPartake', e.detail.uid);
|
|||
|
|
} else {
|
|||
|
|
// #ifdef H5 || APP-PLUS
|
|||
|
|
toLogin();
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef MP
|
|||
|
|
this.isAuto = true;
|
|||
|
|
this.$set(this, 'isShowAuth', true)
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.isLogin && silenceBindingSpread();
|
|||
|
|
uni.setNavigationBarTitle({
|
|||
|
|
title: '砍价详情'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 授权关闭
|
|||
|
|
authColse: function(e) {
|
|||
|
|
this.isShowAuth = e;
|
|||
|
|
},
|
|||
|
|
// 去商品页
|
|||
|
|
goProduct(){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:`/pages/goods_details/index?id=${this.bargainInfo.product_id}`
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 自己砍价；
|
|||
|
|
userBargain:function(){
|
|||
|
|
let that = this;
|
|||
|
|
if (that.userInfo.uid == that.bargainUid){
|
|||
|
|
that.setBargain();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
goBack: function() {
|
|||
|
|
uni.navigateBack({
|
|||
|
|
delta: 1
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
gobargainUserInfo: function() { //获取开启砍价用户信息
|
|||
|
|
var that = this;
|
|||
|
|
var data = {
|
|||
|
|
userId: that.bargainUid
|
|||
|
|
};
|
|||
|
|
postBargainStartUser({
|
|||
|
|
bargainId: that.id,
|
|||
|
|
bargainUserUid: that.bargainUid
|
|||
|
|
}).then(res => {
|
|||
|
|
that.$set(that, 'bargainUserInfo', res.data);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goPay: function() { //立即支付
|
|||
|
|
var that = this;
|
|||
|
|
var data = {
|
|||
|
|
productId: that.bargainInfo.product_id,
|
|||
|
|
bargainId: that.id,
|
|||
|
|
cartNum: that.bargainInfo.num,
|
|||
|
|
uniqueId: '',
|
|||
|
|
combinationId: 0,
|
|||
|
|
secKillId: 0,
|
|||
|
|
'new': 1
|
|||
|
|
};
|
|||
|
|
postCartAdd(data).then(res => {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/users/order_confirm/index?cartId=' + res.data.cartId
|
|||
|
|
});
|
|||
|
|
}).catch(err => {
|
|||
|
|
return app.Tips({
|
|||
|
|
title: err
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getBargainDetails: function() { //获取砍价产品详情
|
|||
|
|
var that = this;
|
|||
|
|
var id = that.id;
|
|||
|
|
getBargainDetail(id).then(function(res) {
|
|||
|
|
that.bargainInfo = res.data.bargain;
|
|||
|
|
that.bargainPrice = res.data.bargain.price;
|
|||
|
|
that.userInfo = res.data.userInfo;
|
|||
|
|
that.bargainSumCount = res.data.bargainSumCount;
|
|||
|
|
that.userBargainStatus = res.data.userBargainStatus;
|
|||
|
|
that.productStock = res.data.bargain.attr.product_stock;
|
|||
|
|
that.quota = res.data.bargain.attr.quota;
|
|||
|
|
that.datatime = res.data.bargain.stop_time
|
|||
|
|
that.pages = '/pages/activity/goods_bargain_details/index?id=' + that.id + '&bargain=' +
|
|||
|
|
that.bargainUid + '&scene=' + that.userInfo.uid;
|
|||
|
|
console.log(that.pages);
|
|||
|
|
uni.setNavigationBarTitle({
|
|||
|
|
title:res.data.bargain.title.substring(0,13)+'...'
|
|||
|
|
})
|
|||
|
|
that.getBargainHelpCount();
|
|||
|
|
that.bargainUserHelpList = []
|
|||
|
|
that.getBargainUser();
|
|||
|
|
that.gobargainUserInfo();
|
|||
|
|
//#ifdef H5
|
|||
|
|
that.setOpenShare();
|
|||
|
|
//#endif
|
|||
|
|
}).catch(function(err) {
|
|||
|
|
that.$util.Tips({title:err})
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getBargainHelpCount: function () {//获取砍价帮总人数、剩余金额、进度条、已经砍掉的价格
|
|||
|
|
var that = this;
|
|||
|
|
var data = { bargainId: that.id, bargainUserUid:that.bargainUid };
|
|||
|
|
postBargainHelpCount(data).then(res=>{
|
|||
|
|
var price = util.$h.Sub(that.bargainPrice, res.data.alreadyPrice);
|
|||
|
|
that.bargainUserHelpInfo = res.data;
|
|||
|
|
that.bargainInfo.price = parseFloat(price) <= 0 ? 0 : price;
|
|||
|
|
that.userBargainStatusHelp = res.data.userBargainStatus;
|
|||
|
|
that.statusPay = res.data.status;
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
currentBargainUser: function() { //当前用户砍价
|
|||
|
|
this.$set(this, 'bargainUid', this.userInfo.uid);
|
|||
|
|
this.setBargain();
|
|||
|
|
},
|
|||
|
|
setBargain: function() { //参与砍价
|
|||
|
|
var that = this;
|
|||
|
|
postBargainStart(that.id).then(res => {
|
|||
|
|
that.$set(that, 'bargainUserId', res.data);
|
|||
|
|
that.getBargainUserBargainPrice();
|
|||
|
|
that.setBargainHelp();
|
|||
|
|
that.getBargainHelpCount();
|
|||
|
|
that.userBargainStatus = 1;
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
setBargainHelp: function() { //帮好友砍价
|
|||
|
|
var that = this;
|
|||
|
|
var data = {
|
|||
|
|
bargainId: that.id,
|
|||
|
|
bargainUserUid: that.bargainUid
|
|||
|
|
};
|
|||
|
|
postBargainHelp(data).then(res => {
|
|||
|
|
that.$set(that, 'bargainUserHelpList', []);
|
|||
|
|
that.$set(that, 'isHelp', true);
|
|||
|
|
that.getBargainUser();
|
|||
|
|
that.getBargainUserBargainPrice();
|
|||
|
|
that.getBargainHelpCount();
|
|||
|
|
}).catch(err => {
|
|||
|
|
that.$util.Tips({
|
|||
|
|
title:err
|
|||
|
|
})
|
|||
|
|
that.$set(that, 'bargainUserHelpList', []);
|
|||
|
|
that.getBargainUser();
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getBargainUser: function() { //获取砍价帮
|
|||
|
|
var that = this;
|
|||
|
|
var data = {
|
|||
|
|
bargainId: that.id,
|
|||
|
|
bargainUserUid: that.bargainUid,
|
|||
|
|
offset: that.offset,
|
|||
|
|
limit: that.limit,
|
|||
|
|
};
|
|||
|
|
postBargainHelpList(data).then(res => {
|
|||
|
|
var bargainUserHelpListNew = [];
|
|||
|
|
var bargainUserHelpList = that.bargainUserHelpList;
|
|||
|
|
var len = res.data.length;
|
|||
|
|
|
|||
|
|
bargainUserHelpListNew = bargainUserHelpList.concat(res.data);
|
|||
|
|
|
|||
|
|
that.$set(that, 'bargainUserHelpList', res.data);
|
|||
|
|
that.$set(that, 'limitStatus', data.limit > len);
|
|||
|
|
that.$set(that, 'offest', (Number(data.offset) + Number(data.limit)));
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getBargainUserBargainPricePoster: function() {
|
|||
|
|
var that = this;
|
|||
|
|
this.active = false
|
|||
|
|
this.H5ShareBox = true
|
|||
|
|
// uni.navigateTo({
|
|||
|
|
// url: '/pages/activity/poster-poster/index?type=1&id=' + that.id,
|
|||
|
|
// });
|
|||
|
|
},
|
|||
|
|
getBargainUserBargainPrice: function() { //获取帮忙砍价砍掉多少金额
|
|||
|
|
var that = this;
|
|||
|
|
var data = {
|
|||
|
|
bargainId: that.id,
|
|||
|
|
bargainUserUid: that.bargainUid
|
|||
|
|
};
|
|||
|
|
postBargainHelpPrice(data).then(res => {
|
|||
|
|
that.$set(that, 'bargainUserBargainPrice', res.data);
|
|||
|
|
that.$set(that, 'active', true);
|
|||
|
|
}).catch(err => {
|
|||
|
|
that.$set(that, 'active', false);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goBargainList: function() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/activity/goods_bargain/index',
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
close: function() {
|
|||
|
|
this.$set(this, 'active', false);
|
|||
|
|
},
|
|||
|
|
onLoadFun: function(e) {
|
|||
|
|
this.getBargainDetails();
|
|||
|
|
this.addShareBargain();
|
|||
|
|
// this.pages = '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
|
|||
|
|
// '&spid=' + e.uid;
|
|||
|
|
this.$set(this, 'bargainPartake', e.uid);
|
|||
|
|
},
|
|||
|
|
addShareBargain: function() { //添加分享次数 获取人数
|
|||
|
|
var that = this;
|
|||
|
|
postBargainShare(this.id).then(res => {
|
|||
|
|
that.$set(that, 'bargainCount', res.data);
|
|||
|
|
this.pages = '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
|
|||
|
|
'&spid=' + this.userInfo.uid;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//#ifdef H5
|
|||
|
|
setOpenShare() {
|
|||
|
|
let that = this;
|
|||
|
|
let configTimeline = {
|
|||
|
|
title:
|
|||
|
|
"您的好友" +
|
|||
|
|
that.userInfo.nickname +
|
|||
|
|
"邀请您砍价" +
|
|||
|
|
that.bargainInfo.title,
|
|||
|
|
desc: that.bargainInfo.info,
|
|||
|
|
link:
|
|||
|
|
window.location.protocol +
|
|||
|
|
"//" +
|
|||
|
|
window.location.host +
|
|||
|
|
"/pages/activity/goods_bargain_details/index?id=" +
|
|||
|
|
that.id +
|
|||
|
|
"&bargain=" +
|
|||
|
|
that.userInfo.uid,
|
|||
|
|
imgUrl: that.bargainInfo.image
|
|||
|
|
};
|
|||
|
|
if (this.$wechat.isWeixin()) {
|
|||
|
|
this.$wechat.wechatEvevt([
|
|||
|
|
"updateAppMessageShareData",
|
|||
|
|
"updateTimelineShareData",
|
|||
|
|
"onMenuShareAppMessage",
|
|||
|
|
"onMenuShareTimeline"
|
|||
|
|
],
|
|||
|
|
configTimeline
|
|||
|
|
)
|
|||
|
|
.then(res => {
|
|||
|
|
console.log(res);
|
|||
|
|
})
|
|||
|
|
.catch(res => {
|
|||
|
|
if (res.is_ready) {
|
|||
|
|
res.wx.updateAppMessageShareData(configTimeline);
|
|||
|
|
res.wx.updateTimelineShareData(configTimeline);
|
|||
|
|
res.wx.onMenuShareAppMessage(configTimeline);
|
|||
|
|
res.wx.onMenuShareTimeline(configTimeline);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//#endif
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面初次渲染完成
|
|||
|
|
*/
|
|||
|
|
onReady: function() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面显示
|
|||
|
|
*/
|
|||
|
|
onShow: function() {},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面隐藏
|
|||
|
|
*/
|
|||
|
|
onHide: function() {
|
|||
|
|
if (this.interval !== null) clearInterval(this.interval);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面卸载
|
|||
|
|
*/
|
|||
|
|
onUnload: function() {
|
|||
|
|
if (this.interval !== null) clearInterval(this.interval);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|||
|
|
*/
|
|||
|
|
onPullDownRefresh: function() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面上拉触底事件的处理函数
|
|||
|
|
*/
|
|||
|
|
onReachBottom: function() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//#ifdef MP
|
|||
|
|
/**
|
|||
|
|
* 用户点击右上角分享
|
|||
|
|
*/
|
|||
|
|
onShareAppMessage: function() {
|
|||
|
|
let that = this,share = {
|
|||
|
|
title: '您的好友' + that.userInfo.nickname + '邀请您帮他砍' + that.bargainInfo.title + ' 快去帮忙吧！',
|
|||
|
|
path: '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
|
|||
|
|
'&spid=' + this.userInfo.uid,
|
|||
|
|
imageUrl: that.bargainInfo.image,
|
|||
|
|
};
|
|||
|
|
that.close();
|
|||
|
|
that.addShareBargain();
|
|||
|
|
return share;
|
|||
|
|
},
|
|||
|
|
//#endif
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
page {
|
|||
|
|
background-color: #e93323 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .icon-xiangzuo {
|
|||
|
|
font-size: 40rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
position: fixed;
|
|||
|
|
top: 56rpx;
|
|||
|
|
left: 30rpx;
|
|||
|
|
z-index: 99;
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header {
|
|||
|
|
background-image: url('data:image/png;base64,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
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
width: 698rpx;
|
|||
|
|
height: 572rpx;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
padding-top: 0.1rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header.on {
|
|||
|
|
background-image: url('data:image/png;base64,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
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header .pictxt {
|
|||
|
|
margin: 330rpx auto 0 auto;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header .pictxt .pictrue {
|
|||
|
|
width: 56rpx;
|
|||
|
|
height: 56rpx;
|
|||
|
|
margin-right: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header .pictxt .pictrue image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
border: 2rpx solid #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header .pictxt .text text {
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header .time {
|
|||
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAACmCAMAAACfv2reAAAAk1BMVEUAAAD/nSL/oCj/oCj/nSH/nSH/oCj/mhr/mhr/oCj/oCj/oCj/nSH/niT/mhr/mhr/oCj/mhr/oCj/oCj/mhr/niP/oCj/oCj/mhr/////oCj/mhr/nyT/w3f/rkf/rEL/pjT/tlr/xXv/uF3//vz/vmv/wXP/vWr/79r/1aD/05r/wXL/nB//5MH/+/X/t1r/5MP28hXaAAAAGXRSTlMABvndiVtUVPjkOC8Dk+DarKyQC+QH86amYv5b+wAAA6JJREFUeNrs3Nlu4kAQheEyGOywBkImcR8Sh7Avycz7P920G8l3MYtccko63wXc969GXuiS20XJ6ygF1SQdvyaRiL5kDKrZOBFtgxjID7tVRjVZ7Q45EA9EV4z5ntVqttqfEIuqBKevjGr3dUIiiqIZ9hkp2GMWiZ4Ocv5Oqljl6IieCQ4ZqThgInpG2GWkYoeR6EnBX0olK6SiB8hICSAlhjOE4YxiOKMYziiGM4rhjGI4o5TCIWA4PQhqzzcPGE4PMA9q3m0fAcPpKdfYk3o47z1gOD3Ae+A8qUfuLby/C4bTA5zXOPekHktvu11v12uG0wOc13jpybWi7ku75X6yOR43bwHD6QHegmK13U/+tF+6kZS6bVfls8RweoDPkqvS7pZ/lXTVNpvNkTtOW7nj/Gq7avFACrG7YOlt196W4fQA5zVeeu6CWLyu81rT3lP1VWWBV5WKgEVQeVX51Bu2nNcViR7890Of93EKVO7j+iFYJJ1iv/XlEj450QZ8BHJJv9hzHXn0n1M+q2ze9c8qpz7Zo7T9Z4+vdZoHyJV6Pllbin0XMVzzrg/37JO1xHl8kfoLAHIt5zHcb8FwRjGcUQxnFMMZdU84HrNq3jdSxXBjHmzUssPo9nA8Sty8Aya3h+Ph/caFw/s3h+O4jMbtMXtWDCcJTv8yqqQ/oKYMx5FQDSpHQumGGww5hK1e32EI23BwTziOPWzYOBFRDydRZ8JBo/VJR5NOJHeGI1MYziiGM4rhjGI4oxjOKIYziuGMYjijGM4ohjOK4YxiOKMYziiGM4rhjGI4oxjOKIYziuH+s0cHJAAAAACC/r9uR6AXnBI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxU+KmxE2JmxI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxU+KmxE2JmxI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxtUdHJwzDUAxFZTs2xInBxLQf2n/QvrTQGSLQ+ZAGuKIcTpTDiXI4UQ4nyuFEOZwohxPlcKIcTpTDiXI4UQ4nyuFEOZwohxPlcKIcThQD3jEJJmSRzCixHSakkyyYsRdMyCA5UWPzAZNxZJIVaY/bXU7G8Q32AhpDvvqCPd7qIzM0hI0mZsPtHDQp48RPKzQZpeEv1Vky7fFymTXh9gGY1gZJcqJI8QAAAABJRU5ErkJggg==');
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
width: 440rpx;
|
|||
|
|
height: 166rpx;
|
|||
|
|
margin: 340rpx auto 0 auto;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
padding-top: 11rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.bargain .header .time .red{
|
|||
|
|
color: #fc4141;
|
|||
|
|
}
|
|||
|
|
.bargain .header .people {
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
position: absolute;
|
|||
|
|
width: 85%;
|
|||
|
|
/* #ifdef MP */
|
|||
|
|
height: 44px;
|
|||
|
|
line-height: 44px;
|
|||
|
|
/* #endif */
|
|||
|
|
/* #ifdef H5 */
|
|||
|
|
top: 58rpx;
|
|||
|
|
/* #endif */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .header .time text {
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper,
|
|||
|
|
.bargain .bargainGang,
|
|||
|
|
.bargain .goodsDetails {
|
|||
|
|
width: 660rpx;
|
|||
|
|
border: 6rpx solid #fc8b42;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
margin: -162rpx auto 0 auto;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 0 24rpx 47rpx 24rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt {
|
|||
|
|
margin: 26rpx 0 37rpx 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt .pictrue {
|
|||
|
|
width: 180rpx;
|
|||
|
|
height: 180rpx;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt .pictrue image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 6rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt .text {
|
|||
|
|
width: 395rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #282828;
|
|||
|
|
height: 180rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt .text .money {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt .text .money .num {
|
|||
|
|
font-size: 36rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .pictxt .text .successNum {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .cu-progress {
|
|||
|
|
overflow: hidden;
|
|||
|
|
height: 12rpx;
|
|||
|
|
background-color: #eee;
|
|||
|
|
width: 100%;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .cu-progress .bg-red {
|
|||
|
|
width: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
transition: width 0.6s ease;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .money {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: #999;
|
|||
|
|
margin-top: 15rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .bargainSuccess {
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #282828;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .bargainSuccess .iconfont {
|
|||
|
|
font-size: 45rpx;
|
|||
|
|
color: #54c762;
|
|||
|
|
padding-right: 18rpx;
|
|||
|
|
vertical-align: -5rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .bargainBnt {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #fff;
|
|||
|
|
width: 600rpx;
|
|||
|
|
height: 80rpx;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 80rpx;
|
|||
|
|
margin-top: 32rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .bargainBnt.on {
|
|||
|
|
border: 2rpx solid #e93323;
|
|||
|
|
color: #e93323;
|
|||
|
|
background-image: linear-gradient(to right, #fff 0%, #fff 100%);
|
|||
|
|
width: 596rpx;
|
|||
|
|
height: 76rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .bargainBnt.grey {
|
|||
|
|
color: #fff;
|
|||
|
|
background-image: linear-gradient(to right, #BBBBBB 0%, #BBBBBB 100%);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .tip {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: #999;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .wrapper .lock,
|
|||
|
|
.bargain .bargainGang .lock,
|
|||
|
|
.bargain .goodsDetails .lock {
|
|||
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAABCCAYAAABnwc0eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YmQzMTQ1Ny01MGY2LWFmNDMtYmY4Yi1kNWRjZTMxZDg5MTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RCMkU3QUEzQzBCMTFFOUI2N0VEOEJBMDUwMTU2ODMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RCMkU3QTkzQzBCMTFFOUI2N0VEOEJBMDUwMTU2ODMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDRmMWQxNmItZTIxMC1lYzQwLWJmODYtYzE4OWRiYzNmOGYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhiZDMxNDU3LTUwZjYtYWY0My1iZjhiLWQ1ZGNlMzFkODkxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoRfwVwAAAlWSURBVHja7J3NqhxFHEer+uOaGL2ECG5U1IBgEkgeQBcqLiLJ3hcIJAs34k7XZhkRFBSSjbs8QCCLEF3oA0iuBjfBr+xcRWPCzHSXVdVVM9XV1X1nrvbC6XPg78ztnuqBDh5+9THV8sfTL4qIk7ou6HpH18vu2D1dN3Vd1fVj3ODE9z8LANhO7p55KXUYTwDAf+qJLHi/o+szXXd0va/rVV1PuDrhjplzX+g6zO0HmCR4AgBG8UQRNL6h6+19vsQEmIu6XnGJZ8Z9B5iUZPAEAIziCT9C8skajUPe0nWF+w4wKfAEAIzmCRNITrmUsiSXUhzJM3G0yMWxsrBl3ptj5pzjkmsLANsPngCAUT1hAolZcJL7o77hoaz5sPm4dBc1x/yFZNPmAvcfYBLgCQAY1RMmkJz1jXddw/0wn3m6sN95lvsPMAnwBACM6gnz6eM+yZSr4ZN9KZthmOPcf4BJgCcAYFRP2Pjih082RbeZ5Rt8KQD8f8ETADCmJ8zPfu8dyuSr4YmdFyqx+8ZcZE8q+3f9txQPvinF7Lc8vsYvui3/AgDbD54AgFE9YWLMzXhoZffNSmRH9DGpT8vcvjfHEtwq6fkATIEBT+TWFXgCAE+kPZG5PJHZ932eMIHkWi5l62zTuNBvciebvDnWxrS5ylAswCToeuIp7YbMeML5QheeAMATnTyRNYMb1hculKQ8YY7u6fqydcoEERtGitX7rDO8YtrsKf4BAKZA1xNGMCL0hAsmeAIATyzzRNEKI8u/E56wMaVSyuwrf6t1AV+251M271fcFs1e9KJWqAZgCiQ9kQeeyPAEAJ6IPGFnWZwbvCPyMukJG0jmSplnTZzT9blxh23khmCtcHIXSsy5JsmcF+75FHNEAzAJOp7wjpBOML4TgycA8IT3RB6FEf8+4QkbSB7XVhbmwHu6TjcNy0Yy0lVzgTOi2eL1kf9y1xYAtpykJ/JyFUZk6Xs+eAIATzSe8F5YzraUfmq34wk/ZaMvUtsDz35w7IelaELh6NLn9tpfXNu2ALD9dDzhHRF2YDLjiWfwBACeaHsib+eKVJ6QKhbF9dfMf5Uwq+LtOb863n5Oine/444DTJ3rrztPqKUamvfSeeJb7hEAnhAuSLgsoYLXbp7oLIkX+c4qf/gn4Zjr2Vd+ugcAIliU5js0uAEAIjLnCd9ZaY1vdEdNu4Ek2xHtRBI0wjkA4EUT6aE7qgoAdFzCAKG63hgOJGWrbQs8AwBWNNFIKgDAkCeiXJLyRpFONOF8sBL9CQUAJklWivb4K6kEABKeaEWHYU+k15D4xuHurmQRAFiKZqfd48ERANDnCRm4YmDZWTHc8xFRIqEXBAAi3mmxbRuCCQD4PCHXn13pX0PiBbP6KR8AgAskO5Fj6LAAQF/HJbX8Q24SSIIwIpENAIR9lbLxgu/9KOZtACDOE37K5j8ZIRHNOhIcAwAtLxT988H0XQDAeyLZoVk7kBRrNwaAqYqmFMs9BQAANgkkYpNAstwTTUULUrAPABhP5M1rPJvL7C4AdPJEMK0rNwkkMncNfBgBAOjxBJsnAsB+nhBirbWoiUCSid7JYcliEgCIRCNcB2ZoC0YAmKYnQj+ED+NcP5D0NUA0ACBWo6dSJgIJAIAmy4LnWwXPsulxRTqQqCjRmFc6PgCwMk0kF//z34xbAwBRpvCucH6wf2drBJK4B0QKAYCOHxJuCB8vDgAg4pFUMZgruoFEqf5V8+zYCgChGPxwrBQ80wYAunnC548wP8i0KIpkoFGp+WDmhwEgDB110/NRKpjmBQCIYoPNFMEPZdS6W8fXVXQ1L6CanwEDwMoH4WtLQngCAHyeCBazqmVCSXqi6BVN61iwsBUAQFWid1c0PAEAcZ6In62X8ERihGThhmEFC9QAoL/nk9qHRLGhIgAMdFz89O5agcRcwA+rtJaQ0PMBAO+JRb8P8AQA2I7LonusNXWzbyBZpLeDrrm3ABCJhrXvALBOx2UNN3QDSTVvN26FEYZiAcA4YZ7wAQ/hBIBEngi3jd9ohKQjGv87YqZsACD0hEi7AgDAemKR6LT0d1gGAklqnIWeDwCEgSR2BJ4AgMgT4YarAzs6F/0XiNzCr24AIBVI4gf9MlACANYTs64jBvotiTUkM5F+jDiWAQDviXm3p2LmiGt6LQAQ5wmRyBLrbIyWWtQKABCLpveZV9weABDtGZfObMtaP/udMQQLAGuIhlFUABjquMxFZ55mYCR1YMomSjO4BgBCT/if8fmn/eIKAOjkieTwSDqQ3D3zUuvAiY+ebxop/7vh9oXiz9s23//MjQfYUpL/z3/4XKvTs+rx4AkAPBF6IprL9U8Il902WeeiH/9+0g6zmNWx/tXWXNy9rM8BAPK5fP+knbYxhScAoNcTKzc0vnCe+Ph+xxNhINnR9ZmuO41gomoWu97R9YWuw9xqgEnS9UQVBRM8AYAnvCe8G+JckfBEETS+oett+5fZf772G5nIcFMTE2Au6npF1zu6Ztx3gElJJvDEfLVepHaLR/AEAJ4IPVHP+55n0/GEHyH5ZNl4eQEdSqqFSzOLeAvYt3Rd4b4DTIrIE84LoScqPAGAJwJPVC5P+Eyh5r15wgSSUy6liFYgqcMLNOI5kmcil8sVspdcWwDYfhKeWKw84V8VngDAEwGqilxR2VCS8oQJJBd05f6o+VD9V925QP1XJQ5lmTha5PYzsmlzgfsPMAkSnqhWjhDNa/1wgScA8ETgicUqT1hfVDZj
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
width: 548rpx;
|
|||
|
|
height: 66rpx;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translateX(-50%);
|
|||
|
|
bottom: -43rpx;
|
|||
|
|
z-index: 5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang {
|
|||
|
|
margin: 13rpx auto 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .title,
|
|||
|
|
.bargain .goodsDetails .title {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
height: 80rpx;
|
|||
|
|
margin-top: 30rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .title .pictrue,
|
|||
|
|
.bargain .goodsDetails .title .pictrue {
|
|||
|
|
width: 46rpx;
|
|||
|
|
height: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .title .pictrue.on,
|
|||
|
|
.bargain .goodsDetails .title .pictrue.on {
|
|||
|
|
transform: rotate(180deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .title .pictrue image,
|
|||
|
|
.bargain .goodsDetails .title .pictrue image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .title .titleCon,
|
|||
|
|
.bargain .goodsDetails .title .titleCon {
|
|||
|
|
margin: 0 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item {
|
|||
|
|
border-bottom: 1rpx dashed #ddd;
|
|||
|
|
height: 112rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .pictxt {
|
|||
|
|
width: 310rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .pictxt .pictrue {
|
|||
|
|
width: 70rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .pictxt .pictrue image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
border: 2rpx solid #e93323;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .pictxt .text {
|
|||
|
|
width: 225rpx;
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .pictxt .text .name {
|
|||
|
|
font-size: 25rpx;
|
|||
|
|
color: #282828;
|
|||
|
|
margin-bottom: 7rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .money {
|
|||
|
|
font-size: 25rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .list .item .money .iconfont {
|
|||
|
|
font-size: 35rpx;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainGang .load {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 80rpx;
|
|||
|
|
height: 80rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .goodsDetails {
|
|||
|
|
margin: 13rpx auto 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .goodsDetails~.goodsDetails {
|
|||
|
|
margin-bottom: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .goodsDetails .conter {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .goodsDetails .conter image {
|
|||
|
|
width: 100% !important;
|
|||
|
|
display: block !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
width: 560rpx;
|
|||
|
|
margin-left: -280rpx;
|
|||
|
|
z-index: 111;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
background-color: #fff;
|
|||
|
|
transition: all 0.3s ease-in-out 0s;
|
|||
|
|
opacity: 0;
|
|||
|
|
transform: scale(0);
|
|||
|
|
padding-bottom: 60rpx;
|
|||
|
|
margin-top: -330rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip.on {
|
|||
|
|
opacity: 1;
|
|||
|
|
transform: scale(1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip .pictrue {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 321rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip .pictrue image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 20rpx 20rpx 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip .cutOff {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #666;
|
|||
|
|
padding: 0 29rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip .cutOff.on {
|
|||
|
|
margin-top: 26rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip .help {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 40rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .bargainTip .tipBnt {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
width: 360rpx;
|
|||
|
|
height: 82rpx;
|
|||
|
|
border-radius: 41rpx;
|
|||
|
|
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 82rpx;
|
|||
|
|
margin: 50rpx auto 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain_view {
|
|||
|
|
width: 180rpx;
|
|||
|
|
height: 48rpx;
|
|||
|
|
background: rgba(0, 0, 0, 0.5);
|
|||
|
|
opacity: 1;
|
|||
|
|
border-radius: 0 0 6rpx 6rpx;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 48rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.iconfonts {
|
|||
|
|
font-size: 22rpx !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.wxParse-div {
|
|||
|
|
width: auto !important;
|
|||
|
|
height: auto !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bargain .mask {
|
|||
|
|
z-index: 100;
|
|||
|
|
}
|
|||
|
|
.share-box {
|
|||
|
|
z-index: 1000;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|