<template>
|
<view class="container">
|
<view class="flexbox borderBox colCen" :style="'background:rgba(255,255,255,'+ scrollTop/100 +');'">
|
<view class="topbarbox"></view>
|
<view class="leftimgbox rowCenBet" @tap="back()">
|
<view class="shadow rowCenCen" :style="'background:rgba(0,0,0,'+ (0.6-scrollTop/100) +');'">
|
<view class="iconfont" :style="'color:' + ((scrollTop/100)>0.5?'#222222;':'#ffffff;')">
|
</view>
|
</view>
|
<view class="pagetitle" :style="'opacity:'+ (0+scrollTop/100)">
|
商品详情
|
</view>
|
<view class="shadow rowCenCen" style="opacity: 0;">
|
<view class="iconfont"></view>
|
</view>
|
</view>
|
</view>
|
<view class="hdWrap">
|
<view class="topSwiper-container rowCen borderBox">
|
<swiper class="swiper-container" :duration="500" :current='currentIndex' @change="swiperChange">
|
<swiper-item v-for="(items,index) in pageInfo.imgs" :key="index">
|
<view class="swiper-item defIcon">
|
<!-- <image v-if="index==0 && pageType!='jd' && optionsInfo.mainPic" :src="optionsInfo.mainPic" mode="aspectFill"></image> -->
|
<image :src="items" mode="aspectFill"></image>
|
</view>
|
</swiper-item>
|
</swiper>
|
<view class="pagetopBar-container colCen">
|
<view class="topbarbox"></view>
|
</view>
|
<view class="currentbox rowCenCen" v-if="pageInfo.imgs&&pageInfo.imgs.length>0">
|
<view>{{currentIndex+1}}/{{pageInfo.imgs.length}}</view>
|
</view>
|
</view>
|
</view>
|
<view class="ranking-list rowCenBet" v-if="faction=='t'&&pageInfo.subdivisionId != 0">
|
<view class="left-content rowCen">
|
<image class="listimg" src="../../static/images/goods/llist.png" mode="aspectFill"></image>
|
<view class="classname rowCen">
|
<view class="class">{{pageInfo.subdivisionName}}热销</view>
|
<view class="num">
|
第{{pageInfo.subdivisionRank}}名
|
</view>
|
</view>
|
</view>
|
<view class="rightbtn rowCenCen" @tap="gorank()">
|
<view>查看</view>
|
</view>
|
</view>
|
<view class="sectionWrap">
|
<view class="topgoodsname-box colCen" @click="copyTitle()">
|
<view class="goodsName-box rowSta">
|
<view class="typeIcon-content defIcon">
|
<image :src="optionsInfo.labelImg" mode="heightFix"></image>
|
</view>
|
<view class="goodsText">
|
{{optionsInfo.dtitle?optionsInfo.dtitle:pageInfo.dtitle}}
|
</view>
|
</view>
|
</view>
|
|
<view class="rowCenBet priceInfo">
|
<view style="font-size: 24rpx;color: #FF4242;">
|
¥
|
<text
|
style="font-size: 40rpx;">{{optionsInfo.actualPrice?optionsInfo.actualPrice:pageInfo.actualPrice}}</text>
|
<text class="secDesc" style="margin-left: 5rpx;">
|
{{pageType=='wph'?'折后':'券后'}}
|
<text
|
style="text-decoration: line-through;margin-left: 20rpx;">¥{{optionsInfo.originalPrice?optionsInfo.originalPrice:pageInfo.originalPrice}}</text>
|
</text>
|
</view>
|
<view class="secDesc juli" v-if="pageType!='wph'">
|
{{optionsInfo.monthSales?optionsInfo.monthSales:pageInfo.monthSales}}人已购买
|
</view>
|
</view>
|
<view class="vip-info-container rowCenBet" v-if="!showtar || platform!='iOS'">
|
|
<view class="left-info" v-if="user.level != 3">
|
现在升级成为{{pageInfo.topLevelName}},立即赚{{pageInfo.topFanli}}元
|
</view>
|
<view class="left-info" v-else>
|
您已经是最高等级,快去邀请好友赚佣金吧!
|
</view>
|
|
<view class="rt-btn rowCenCen" @tap="golevelRules()" v-if="user.level != 3">
|
<image class="vipimg" src="../../static/images/goods/vip.png" mode="aspectFill"></image>
|
<view class="level-txt">
|
立即升级
|
</view>
|
</view>
|
<view class="rt-btn rowCenCen" @tap="golevelRules()" v-else>
|
<image class="vipimg" src="../../static/images/goods/vip.png" mode="aspectFill"></image>
|
<view class="level-txt">
|
立即查看
|
</view>
|
</view>
|
</view>
|
<view class="quanWrap" v-if="optionsInfo.couponPrice>0 || pageInfo.couponPrice>0">
|
<image src="../../static/images/goods/qbg.png" mode='aspectFit' class="quanBg"></image>
|
<view class="quanCon rowCenEnd">
|
<view class="quanPrice rowCenCen">
|
<text
|
style="font-size: 32rpx;">{{optionsInfo.couponPrice?optionsInfo.couponPrice:pageInfo.couponPrice}}</text>
|
元
|
</view>
|
<view class="colCen quanSc">
|
<view class="quanName">优惠券使用期限</view>
|
<view class="quanDate">{{pageInfo.couponStartTime}}~{{pageInfo.couponEndTime}}</view>
|
</view>
|
<view class="quanBtn rowCenCen" @tap="getCouponUrl()">立即领券</view>
|
</view>
|
</view>
|
<view class="gaoyongWrap" v-if="pageInfo.desc" @click="copyContent()">
|
<view class="gaoyongTitle">好物推荐</view>
|
<view class="gaoyongCon gaoyongVal" v-html="pageInfo.desc">
|
</view>
|
</view>
|
</view>
|
<view class="qijianWrap" v-if="pageType!='jd' && pageType!='wph'">
|
<view class="rowCenBet qianjianHd">
|
<view class="qijianLeft rowCen">
|
<image class="qjLfImg" v-if="pageInfo.shopLogo" :src="pageInfo.shopLogo"></image>
|
<view class="qijianInfo">
|
<view class="qijianName">{{pageInfo.shopName}}</view>
|
<image class="tianmaoLogo" v-if="optionsInfo.sourceType=='tm'"
|
src="../../static/images/goods/tmshop.png"></image>
|
<!-- <view class="qijianGuang">进店逛逛</view> -->
|
</view>
|
</view>
|
</view>
|
<view class="rowCenBet qianjianFt">
|
<view class="pingjia rowCen">
|
<view class="pingjiaKey">宝贝描述:{{pageInfo.descScore||'未知'}}</view>
|
<image class="pingjiaImg" src="/static/images/goods/gao.png"></image>
|
</view>
|
<view class="pingjia rowCen">
|
<view class="pingjiaKey">卖家服务:{{pageInfo.serviceScore||'未知'}}</view>
|
<image class="pingjiaImg" src="/static/images/goods/di.png"></image>
|
</view>
|
<view class="pingjia rowCen">
|
<view class="pingjiaKey">物流服务:{{pageInfo.shipScore||'未知'}}</view>
|
<image class="pingjiaImg" src="/static/images/goods/gao.png"></image>
|
</view>
|
</view>
|
</view>
|
<!-- 相关推荐 -->
|
<view class="recommendWrap" v-if="(pageInfo.faction = 't') && recommendList.length>0">
|
<view class="recommendTitle">相关推荐</view>
|
<scroll-view scroll-x>
|
<view class="recommendList rowCen">
|
<view class="recommendItem" v-for="(items,index) in recommendList" :key="index"
|
@tap="goDetails(items)">
|
<image class="recommendImg" :src="items.mainPic"></image>
|
<view class="recommendName u-line-2">{{items.dtitle}}</view>
|
<view class="couponbac-box colCenCen">
|
<view>{{items.couponPrice}}元券</view>
|
</view>
|
<view class="recommendPrice rowEnd">
|
<view class="rmbicon">
|
¥
|
</view>
|
<view class="price">
|
{{items.actualPrice}}
|
</view>
|
<s>
|
¥{{items.originalPrice}}
|
</s>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
<view class="goodDetail">
|
<!-- 此处应该是富文本 -->
|
<view class="detailsTitle-container rowCenCen">
|
<view class="border"></view>
|
<view class="detTxt">
|
商品详情
|
</view>
|
<view class="border"></view>
|
</view>
|
<view class="detailImgList colCen">
|
<block
|
v-for="(items,index) in (pageType=='jd'?JdDetails:(pageInfo.detailPics?pageInfo.detailPics:pageInfo.imgs))"
|
:key="index">
|
<image class="detailpic" :src="items" mode="widthFix"></image>
|
</block>
|
</view>
|
</view>
|
<view class="bottombox">
|
</view>
|
<view class="footerWrap rowSta">
|
<view class="footBar-container rowCenBet borderBox">
|
<view class="left-content icon-content rowCenCen">
|
<view class="iconContent backHomeIcon colCen" @tap='goindex()'>
|
<view class="iconbox defIcon">
|
<image src="../../static/images/goods/hom.png" mode="aspectFill"></image>
|
</view>
|
<view class="text">
|
首页
|
</view>
|
</view>
|
<view class="iconContent collectIcon colCen" @tap="collectGoods()">
|
<view class="iconbox defIcon">
|
<image v-if="pageInfo.isCollect == 1" src="../../static/images/goods/collect.png"
|
mode="aspectFill"></image>
|
<image v-else src="../../static/images/goods/nocollect.png" mode="aspectFill"></image>
|
</view>
|
<view class="text">
|
{{pageInfo.isCollect == 1?'已收藏':'收藏'}}
|
</view>
|
</view>
|
</view>
|
|
|
|
<!-- <view class="right-container rowCen borderBox" v-if="!showtar || platform!='iOS'">
|
<view class="leftsharebox btnbox colCenCen" @tap="goPath()">
|
<view class="priceText">
|
￥{{optionsInfo.fanli}}
|
</view>
|
<view class="texttips">
|
分享赚
|
</view>
|
</view>
|
<view class="rightbackbox btnbox colCenCen" @tap="getCouponUrl()">
|
<view v-if="frompage=='freebuy'" class="priceText">
|
￥{{optionsInfo.actualPrice}}
|
</view>
|
<view v-else class="priceText">
|
￥{{optionsInfo.fanli}}
|
</view>
|
<view class="texttips">
|
购买返
|
</view>
|
</view>
|
</view> -->
|
|
<view class="right-container rowCen borderBox">
|
<view class="leftsharebox btnbox colCenCen" style="background: #ffb030;" @tap="goPath()">
|
<view class="priceText">
|
￥{{optionsInfo.fanli}}
|
</view>
|
<view class="texttips">
|
分享赚
|
</view>
|
</view>
|
<view class="rightbackbox btnbox colCenCen" style="background: #fe0350;" @tap="getCouponUrl()">
|
<view v-if="frompage=='freebuy'" class="priceText">
|
￥{{optionsInfo.actualPrice}}
|
</view>
|
<view v-else class="priceText">
|
￥{{optionsInfo.fanli}}
|
</view>
|
<view class="texttips">
|
购买返
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- taobao -->
|
<u-popup v-model="empowerModel" mode="center" border-radius="12">
|
<empowerModel @closemodel='closeMdl' @updataInfo='updataUser'></empowerModel>
|
</u-popup>
|
<!-- pdd -->
|
<u-popup v-model="pddempowerModel" mode="center" border-radius="12">
|
<pddEmpower @closemodel='closeMdl'></pddEmpower>
|
</u-popup>
|
<!-- 比价窗 -->
|
<u-popup v-model="remindModel" mode="center" border-radius="10">
|
<pddRemind @closepdd='closeremind()'></pddRemind>
|
</u-popup>
|
<u-popup v-model="inviteCodeShow" mode="center" border-radius="32" :mask-close-able='true'>
|
<inviteCodeModel @closeModel='closeinvite' @confirm='nextStep'></inviteCodeModel>
|
</u-popup>
|
<u-popup v-model="inviterShow" mode="center" border-radius="32" v-if="inviterShow" :mask-close-able='true'>
|
<inviter-model ref='invitermodel' @rewrite='rewriteCode' @setInvite='setCodebtn'></inviter-model>
|
</u-popup>
|
<uni-popup ref="popup_pddtip" type="center">
|
<view class="pdd_pop_contant">
|
<view class="pdd_pop_title">比价订单</view>
|
<view class="pdd_pop_text">本次自购涉及比价行为，自购收益为0，建议先收藏该商品，2小时后通过大返官app购买，可正常获取对应收益。</view>
|
</view>
|
</uni-popup>
|
</view>
|
</template>
|
|
<script>
|
import utils from '../../utils/utils.js'
|
import empowerModel from '../../components/empowerModel.vue'
|
import pddRemind from '../../components/pddremind.vue'
|
import pddEmpower from '../../components/pddempower.vue'
|
import inviteCodeModel from '../../components/inviteCode.vue'
|
import inviterModel from '../../components/inviterModel.vue'
|
|
export default {
|
components: {
|
empowerModel,
|
pddRemind,
|
pddEmpower,
|
inviteCodeModel,
|
inviterModel
|
},
|
data() {
|
return {
|
memberId: '',
|
scrollTop: 0,
|
|
currentIndex: '',
|
optionsInfo: {
|
goodsId: ''
|
},
|
pageType: '',
|
faction: '',
|
pageInfo: {},
|
JdDetails: [],
|
detailText: '',
|
empowerModel: false,
|
remindModel: false,
|
pddempowerModel: false,
|
recommendList: [],
|
shakeprof: true,
|
user: '',
|
appinfo: '',
|
showtar: false,
|
platform: '',
|
inviteCodeShow: false,
|
inviterShow: false,
|
frompage:'',
|
isshowpdd:false
|
};
|
},
|
onPageScroll(e) {
|
this.scrollTop = e.scrollTop
|
},
|
onShow() {
|
if (this.memberId) {
|
this.updataUser()
|
}
|
|
if(!getApp().globalData.hasinit)
|
{
|
getApp().getAppInfo();
|
}
|
if(!getApp().globalData.hasbcinit)
|
{
|
getApp().bcInit();
|
}
|
},
|
onReady(){
|
if(this.isshowpdd)
|
{
|
this.$refs.popup_pddtip.open();
|
}
|
},
|
onLoad(options) {
|
this.appinfo = utils.getCacheSync('appInfo')
|
// #ifdef APP-PLUS
|
this.showtar = getApp().globalData.ifwt == 1 ? false : true;
|
this.platform = plus.os.name
|
// #endif
|
if(options.frompage)
|
{
|
this.frompage=options.frompage;
|
}
|
if (options.id) {
|
this.optionsInfo.goodsId = options.id
|
this.pageType = this.optionsInfo.sourceType ? this.optionsInfo.sourceType : 'tb';
|
this.faction = this.optionsInfo.faction ? this.optionsInfo.faction : 't';
|
} else {
|
console.log(options);
|
if(options.sourcefrom)
|
{
|
console.log(decodeURIComponent(options.info));
|
this.optionsInfo = JSON.parse(decodeURIComponent(options.info));
|
this.pageInfo = JSON.parse(decodeURIComponent(options.info));
|
console.log(this.optionsInfo)
|
}
|
else
|
{
|
this.optionsInfo = JSON.parse(options.info);
|
this.pageInfo = JSON.parse(options.info);
|
}
|
this.pageType = this.optionsInfo.sourceType;
|
if (!this.optionsInfo.faction) {
|
if (this.pageType == 'tb' || this.pageType == 'tm' || this.pageType == 'tmshop') this.faction = 't';
|
if (this.pageType == 'jd') this.faction = 'j';
|
if (this.pageType == 'pdd')
|
{
|
this.faction = 'p';
|
|
}
|
if (this.pageType == 'wph') this.faction = 'w';
|
if (this.pageType == 'dy') this.faction = 'd';
|
} else {
|
this.faction = this.optionsInfo.faction;
|
}
|
}
|
|
try {
|
this.user = uni.getStorageSync('userInfo');
|
if (this.user) {
|
this.memberId = this.user.id
|
} else {
|
this.memberId = ''
|
}
|
} catch (e) {
|
this.memberId = ''
|
}
|
this.getPageInfo()
|
// if (this.pageType == 'tb' || this.pageType == 'tm')
|
if (this.pageType.includes('tb')||this.pageType.includes('tm'))
|
{
|
this.pageInfo.showImgs = []
|
var a = {}
|
a.url = this.optionsInfo.mainPic
|
this.pageInfo.showImgs.push(a)
|
this.getrecommend()
|
} else if (this.pageType == 'pdd') {
|
if(this.optionsInfo.predictPromotionRate==0)
|
{//比价订单
|
this.remindModel=true;
|
}
|
|
} else if (this.pageType == 'jd') {
|
|
} else if (this.pageType == 'wph') {
|
|
}
|
else if(this.pageType=='dy')
|
{
|
//this.optionsInfo.imgs=[]
|
}
|
},
|
methods: {
|
closeMdl() {
|
this.empowerModel = false
|
this.pddempowerModel = false
|
},
|
closeremind()
|
{
|
this.remindModel=false;
|
},
|
getPageInfo(e) {
|
var that = this;
|
if (this.faction == 'j') {
|
this.$u.api.getJdsDetail({
|
goodsId: this.optionsInfo.goodsId,
|
goods: JSON.stringify(this.optionsInfo)
|
}).then(e => {
|
console.log(e)
|
var res = e.data.detailPics;
|
this.JdDetails = that.JdDetails.concat(res)
|
that.$forceUpdate()
|
})
|
} else if (this.faction == 't') {
|
var that = this;
|
this.$u.api.getGoodsDetail({
|
goodsId: this.optionsInfo.goodsId
|
}).then(e => {
|
if (e.code != 0) return that.$alert(e.msg)
|
var res = e.data.info;
|
this.pageInfo = res
|
this.pageInfo.showImgs = []
|
this.pageInfo.imgs.map(items => {
|
var a = {}
|
a.url = items
|
this.pageInfo.showImgs.push(a)
|
})
|
this.optionsInfo = res
|
}).catch(function(err) {})
|
} else if (this.faction == 'p') {
|
var that = this;
|
this.$u.api.getPddDetail({
|
goods_sign: this.optionsInfo.goods_sign
|
}).then(e => {
|
var res = e.data;
|
that.pageInfo = res;
|
that.optionsInfo.imgs = that.pageInfo.imgs;
|
})
|
} else if (this.faction == 'w') {
|
var that = this;
|
this.$u.api.getWphGoodsDetail({
|
goodsId: this.optionsInfo.goodsId
|
}).then(e => {
|
var res = e.data;
|
this.pageInfo = res
|
this.pageInfo.showImgs = []
|
this.pageInfo.imgs.map(items => {
|
var a = {}
|
a.url = items
|
this.pageInfo.showImgs.push(a)
|
})
|
})
|
}else if(this.faction == 'd'){
|
console.log(this.optionsInfo.goodsId);
|
var that = this;
|
this.$u.api.getDyGoodsDetail({
|
goodsId: this.optionsInfo.goodsId
|
}).then(e => {
|
console.log(e);
|
var res = e.data.info;
|
this.pageInfo = res
|
that.optionsInfo.imgs = that.pageInfo.imgs;
|
console.log(this.pageInfo);
|
})
|
}
|
},
|
|
|
goDetails(info) {
|
info.searchSource = 1
|
uni.navigateTo({
|
url: './goodsDetail?info=' + encodeURIComponent(JSON.stringify(info))
|
})
|
},
|
|
|
|
getrecommend() {
|
var that = this;
|
this.$u.api.getSimilerGoods({
|
goodsId: this.optionsInfo.goodsId
|
}).then(e => {
|
if (e.code != 0) return that.$alert(e.msg)
|
var res = e.data.list;
|
that.recommendList = res.slice(0, 6)
|
}).catch(function(err) {})
|
},
|
|
swiperChange(e) {
|
this.currentIndex = e.detail.current
|
},
|
back() {
|
uni.navigateBack({
|
delta: 1
|
})
|
},
|
|
goBack() {
|
uni.navigateBack({
|
delta: 1
|
});
|
},
|
gorank() {
|
uni.navigateTo({
|
url: `./rankpage?id=${this.pageInfo.subdivisionId}&name=${this.pageInfo.subdivisionName}`
|
})
|
},
|
//商品详情
|
toDetail(goodsId) {
|
uni.navigateTo({
|
url: '/pages/goods/goodsDetail?id=' + goodsId
|
})
|
},
|
collectGoods() {
|
var that = this;
|
if (this.pageInfo.isCollect == 1) {
|
this.$u.api.delCollect({
|
"goodsId": this.optionsInfo.goodsId
|
}).then(e => {
|
that.pageInfo.isCollect = e.data.info
|
}).catch(function(err) {})
|
} else {
|
this.$u.api.addCollect({
|
"goods": encodeURIComponent(JSON.stringify(this.optionsInfo))
|
}).then(e => {
|
that.pageInfo.isCollect = e.data.info
|
}).catch(function(err) {})
|
}
|
},
|
getCouponUrl() {
|
if (this.memberId) {
|
if (this.appinfo.appForce == 1 && !this.user.invitation_code) {
|
this.inviteCodeShow = true
|
} else {
|
console.log(this.pageType)
|
if (this.pageType == 'tb' || this.pageType == 'tmshop' || this.pageType == 'tm') {
|
if (this.user.tb_account) {
|
this.getTbsrc()
|
} else {
|
this.empowerModel = true
|
}
|
} else if (this.pageType == 'pdd') {
|
if (this.user.pdd_authority == 1) {
|
this.getPddsrc()
|
} else {
|
this.judgepdd()
|
}
|
} else if (this.pageType == 'jd') {
|
this.getJDsrc()
|
} else if (this.pageType == 'wph') {
|
this.getVphsrc()
|
}else if(this.pageType == 'dy'){
|
this.getDysrc()
|
}
|
}
|
} else {
|
uni.navigateTo({
|
url: '../login/wxlogin'
|
})
|
}
|
},
|
judgepdd() {
|
var that = this;
|
that.$u.api.checkPddAuth({}).then(e => {
|
var res = e.data;
|
if (res.bind == 1) {
|
that.getPddsrc();
|
} else {
|
that.pddempowerModel = true
|
}
|
}).catch(function(err) {})
|
},
|
|
updataUser() {
|
var that = this;
|
this.$u.api.getUserInfo({}).then(e => {
|
utils.setCache('userInfo', e.data.userinfo)
|
that.user = e.data.userinfo;
|
}).catch(function(err) {})
|
},
|
|
getTbsrc() {
|
var that = this;
|
this.$u.api.getPrivilegeLink({
|
goodsId: this.optionsInfo.goodsId,
|
type: 0
|
}).then(e => {
|
if (e.code != 0) return that.$alert(e.msg)
|
if(that.frompage=='freebuy')
|
{//0元购的记录商品id
|
console.log(e.data.info.itemId);
|
this.$u.api.updateFirstFreeBrowse({
|
goodsid:that.optionsInfo.goodsId,
|
new_goodsId:e.data.info.itemId,
|
plateform:'tb'
|
}).then(e=>{
|
|
});
|
}
|
var res = e.data.info;
|
var tburl = res.shortUrl
|
// #ifdef APP-PLUS
|
|
if (plus.runtime.isApplicationExist({
|
pname: 'com.taobao.taobao',
|
action: 'taobao://'
|
})) {
|
const plug = uni.requireNativePlugin('xiguazhu-baichuan')
|
plug.detailPage({
|
url: tburl,
|
"openType": 0
|
}, result => {
|
// console.log(result);
|
});
|
} else {
|
uni.navigateTo({
|
url: '../webView/webView?url=' + tburl
|
})
|
}
|
// #endif
|
}).catch(function(err) {})
|
},
|
|
getPddsrc() {
|
var that = this;
|
this.$u.api.getPrivilegeLink({
|
goodsId: this.optionsInfo.goods_sign,
|
type: 2
|
}).then(e => {
|
if (e.code != 0) return that.$alert(e.msg)
|
var res = e.data.info;
|
const pddurl = res.schema_url
|
const h5pddurl = res.we_app_web_view_short_url
|
// #ifdef APP-PLUS
|
if (plus.os.name == 'Android') {
|
plus.runtime.openURL(pddurl, res => {
|
console.log(res);
|
uni.navigateTo({
|
url: '../webView/webView?url=' + h5pddurl
|
})
|
});
|
} else {
|
plus.runtime.launchApplication({
|
action: "pinduoduo://com.xunmeng.pinduoduo/" + pddurl.replace(/https:\/\/.*\//,
|
"")
|
}, res => {
|
uni.navigateTo({
|
url: '../webView/webView?url=' + h5pddurl
|
})
|
})
|
}
|
// #endif
|
}).catch(function(err) {})
|
},
|
|
getJDsrc() {
|
var that = this;
|
this.$u.api.getPrivilegeLink({
|
goodsId: this.optionsInfo.goodsId,
|
type: 1
|
}).then(e => {
|
var res = e.data;
|
var url = res.info
|
console.log(res)
|
if (url.substr(0, 5) === 'https') {
|
let data = {
|
category: 'jump',
|
des: 'getCoupon',
|
url: url.substr(8)
|
}
|
// var jdurl = `openApp.jdMobile://virtual?params=${JSON.stringify(data)}`;
|
} else if (url.substr(0, 4) === 'http') {
|
let data = {
|
category: 'jump',
|
des: 'getCoupon',
|
url: url.substr(7)
|
}
|
// var jdurl = `openApp.jdMobile://virtual?params=${JSON.stringify(data)}`;
|
}
|
// #ifdef APP-PLUS
|
plus.runtime.openURL('openApp.jdMobile://virtual?params=' + encodeURIComponent(
|
'{"des":"m","url":"' + url +
|
'","category":"jump"}'), res => {
|
uni.navigateTo({
|
url: '../webView/webView?url=' + url
|
})
|
}, 'com.jingdong.app.mall');
|
// #endif
|
})
|
},
|
|
getVphsrc() {
|
var that = this;
|
this.$u.api.getPrivilegeLink({
|
goodsId: this.optionsInfo.goodsId,
|
type: 3
|
}).then(e => {
|
var res = e.data.info;
|
console.log(res.url)
|
// #ifdef APP-PLUS
|
plus.runtime.openURL(res.deeplinkUrl, e => {
|
uni.navigateTo({
|
url: '../webView/webView?url=' + res.url
|
})
|
});
|
// #endif
|
})
|
},
|
getDysrc() {
|
var that = this;
|
this.$u.api.getPrivilegeLink({
|
goodsId: this.optionsInfo.goodsId,
|
type: 4
|
}).then(e => {
|
var res = e.data.info;
|
console.log(res)
|
if(that.frompage=='freebuy')
|
{//0元购的记录商品id
|
this.$u.api.updateFirstFreeBrowse({
|
goodsid:that.optionsInfo.goodsId,
|
new_goodsId:that.optionsInfo.goodsId,
|
plateform:'dy'
|
}).then(e=>{
|
|
});
|
}
|
// #ifdef APP-PLUS
|
plus.runtime.openURL(res.dy_deeplink, e => {
|
uni.navigateTo({
|
url: '../webView/webView?url=' + res.dy_zlink
|
})
|
});
|
// #endif
|
})
|
},
|
|
goPath() {
|
var that = this;
|
if (this.memberId) {
|
if (this.appinfo.appForce == 1 && !this.user.invitation_code) {
|
this.inviteCodeShow = true
|
} else {
|
if (this.pageType == 'jd') {
|
uni.navigateTo({
|
url: './shareGoods?info=' + encodeURIComponent(JSON.stringify(this.optionsInfo))
|
})
|
} else {
|
if (this.pageType == 'tb' || this.pageType == 'tm' || this.pageType == 'tmshop') {
|
if (this.memberId) {
|
if (this.user.tb_account) {
|
uni.navigateTo({
|
url: './shareGoods?info=' + encodeURIComponent(JSON.stringify(this
|
.pageInfo))
|
})
|
} else {
|
this.empowerModel = true
|
}
|
}
|
} else if (this.pageType == 'pdd') {
|
if (this.memberId) {
|
if (this.user.pdd_authority == 1) {
|
uni.navigateTo({
|
url: './shareGoods?info=' + encodeURIComponent(JSON.stringify(this
|
.optionsInfo))
|
})
|
} else {
|
that.$u.api.checkPddAuth({}).then(e => {
|
var res = e.data;
|
if (res.bind == 1) {
|
uni.navigateTo({
|
url: './shareGoods?info=' + encodeURIComponent(JSON
|
.stringify(that.optionsInfo))
|
})
|
} else {
|
that.pddempowerModel = true
|
}
|
}).catch(function(err) {})
|
}
|
}
|
} else if (this.pageType == 'wph') {
|
uni.navigateTo({
|
url: './shareGoods?info=' + encodeURIComponent(JSON.stringify(this.optionsInfo))
|
})
|
} else if (this.pageType == 'dy') {
|
uni.navigateTo({
|
url: './shareGoods?info=' + encodeURIComponent(JSON.stringify(this.optionsInfo))
|
})
|
}
|
}
|
}
|
} else {
|
uni.navigateTo({
|
url: '../login/wxlogin'
|
})
|
}
|
},
|
golevelRules() {
|
if (this.memberId) {
|
uni.navigateTo({
|
url: './privilege'
|
})
|
} else {
|
uni.navigateTo({
|
url: '../login/wxlogin'
|
})
|
}
|
},
|
closeinvite(){
|
this.inviteCodeShow = false
|
},
|
nextStep(e){
|
uni.setStorageSync('inviterInfo',e)
|
this.inviteCodeShow = false
|
this.inviterShow = true
|
},
|
rewriteCode(){
|
this.inviteCodeShow = true
|
this.inviterShow = false
|
},
|
setCodebtn(){
|
this.inviteCodeShow = false
|
this.inviterShow = false
|
this.updataUser()
|
},
|
goindex() {
|
uni.switchTab({
|
url: '../index/index'
|
})
|
}
|
}
|
};
|
</script>
|
|
<style>
|
page {
|
background-color: #F1F0F5;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.pdd_pop_contant{
|
background-color: rgb(255, 255, 255);
|
padding: 40rpx;
|
width: 80%;
|
margin:0 auto;
|
border-radius: 20rpx;
|
.pdd_pop_title
|
{
|
text-align: center;
|
margin-bottom: 30rpx;
|
font-size: 18px;
|
}
|
.pdd_pop_text
|
{
|
margin-bottom: 30rpx;
|
color: #868080;
|
}
|
}
|
.container {
|
.flexbox {
|
position: fixed;
|
z-index: 100;
|
width: 100%;
|
padding: 0 32rpx;
|
|
.leftimgbox {
|
width: 100%;
|
height: 90rpx;
|
|
.shadow {
|
width: 50rpx;
|
height: 50rpx;
|
font-size: 28rpx;
|
border-radius: 50%;
|
}
|
}
|
}
|
|
.ranking-list {
|
width: 100%;
|
height: 66rpx;
|
background: #FF002C;
|
padding: 0 24rpx;
|
|
.left-content {
|
.listimg {
|
width: 54rpx;
|
height: 54rpx;
|
}
|
|
.classname {
|
margin-left: 25rpx;
|
font-size: 24rpx;
|
font-weight: 500;
|
color: #FFFFFF;
|
|
.num {
|
font-weight: bold;
|
margin-left: 10rpx;
|
}
|
}
|
}
|
|
.rightbtn {
|
width: 114rpx;
|
height: 44rpx;
|
background: #FFFFFF;
|
border-radius: 22rpx;
|
font-size: 24rpx;
|
font-weight: 500;
|
color: #FF002C;
|
}
|
}
|
|
.hdWrap {
|
height: 750rpx;
|
position: relative;
|
|
.topSwiper-container {
|
width: 100%;
|
height: 750rpx;
|
position: relative;
|
|
.swiper-container {
|
width: 100%;
|
height: 100%;
|
|
.swiper-item {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.currentbox {
|
position: absolute;
|
width: 60rpx;
|
height: 30rpx;
|
border-radius: 15rpx;
|
bottom: 10rpx;
|
right: 30rpx;
|
background: rgba(0, 0, 0, 0.3);
|
font-size: 24rpx;
|
font-weight: 400;
|
color: #FFFFFF;
|
}
|
|
.pagetopBar-container {
|
width: 100%;
|
position: absolute;
|
top: 0;
|
left: 0;
|
}
|
}
|
|
// .hdZujian {
|
// position: absolute;
|
// width: 100%;
|
// top: 0;
|
|
// .topbarbox {
|
// display: flex;
|
// width: 100%;
|
// height: var(--status-bar-height);
|
// background-color: transparent;
|
// }
|
// }
|
}
|
|
.sectionWrap {
|
padding: 40rpx 32rpx 30rpx;
|
background-color: #FFFFFF;
|
|
.scTitleWrap {
|
.scTitle {
|
width: 46rpx;
|
height: 46rpx;
|
|
.scTitleImg {
|
width: 46rpx;
|
height: 46rpx;
|
}
|
}
|
|
.scTitleText {
|
font-size: 32rpx;
|
margin-left: 10rpx;
|
}
|
}
|
|
.topgoodsname-box {
|
width: 100%;
|
|
.goodsName-box {
|
width: 100%;
|
height: 80rpx;
|
margin-bottom: 35rpx;
|
position: relative;
|
|
.typeIcon-content {
|
width: 60rpx;
|
height: 24rpx;
|
position: absolute;
|
top: 6rpx;
|
}
|
|
.goodsText {
|
flex: 1;
|
font-size: 30rpx;
|
font-weight: 500;
|
color: #333333;
|
text-indent: 2.5em;
|
text-overflow: -o-ellipsis-lastline;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
line-clamp: 2;
|
-webkit-box-orient: vertical;
|
}
|
}
|
}
|
|
.vip-info-container {
|
width: 100%;
|
height: 60rpx;
|
background: #FFF2CF;
|
border-radius: 5rpx;
|
padding: 0 20rpx;
|
margin-bottom: 20rpx;
|
|
.left-info {
|
font-size: 24rpx;
|
font-weight: 500;
|
color: #593A0F;
|
}
|
|
.rt-btn {
|
width: 152rpx;
|
height: 44rpx;
|
background-color: rgba(0, 0, 0, 0.6);
|
border-radius: 22rpx;
|
|
.vipimg {
|
width: 27rpx;
|
height: 24rpx;
|
}
|
|
.level-txt {
|
font-size: 24rpx;
|
font-weight: 500;
|
color: #FFFFFF;
|
margin-left: 10rpx;
|
}
|
}
|
}
|
|
.priceInfo {
|
margin-bottom: 40rpx;
|
}
|
|
.secDesc {
|
color: #999999;
|
font-size: 24rpx;
|
}
|
|
.juli {}
|
|
.scBtns {
|
.scBtn {
|
border-radius: 10rpx;
|
font-size: 20rpx;
|
color: #FFFFFF;
|
padding: 5rpx 15rpx;
|
}
|
|
.scBtn1 {
|
background: linear-gradient(-90deg, #FC3653, #F87721);
|
}
|
|
.scBtn2 {
|
background: linear-gradient(-90deg, #7619EC, #A429F3);
|
margin-left: 10rpx;
|
}
|
}
|
|
.shenjiWrap {
|
position: relative;
|
font-size: 24rpx;
|
margin: 39rpx 0 20rpx;
|
|
.shenjiNew {
|
width: 686rpx;
|
height: 70rpx;
|
line-height: 70rpx;
|
background: #FFF2CF;
|
border-radius: 5rpx;
|
color: #593A0F;
|
padding-left: 10rpx;
|
}
|
|
.shenjiBtn {
|
position: absolute;
|
top: 16rpx;
|
right: 20rpx;
|
background: rgba($color: #000000, $alpha: 0.6);
|
border-radius: 20rpx;
|
width: 150rpx;
|
height: 40rpx;
|
|
.shenjiImg {
|
width: 27rpx;
|
height: 24rpx;
|
}
|
|
.sehnjiText {
|
margin-left: 6rpx;
|
color: #FFFFFF;
|
}
|
}
|
}
|
|
.quanWrap {
|
position: relative;
|
color: #FFFFFF;
|
|
.quanBg {
|
width: 686rpx;
|
height: 140rpx;
|
}
|
|
.quanCon {
|
position: absolute;
|
top: 0;
|
width: 686rpx;
|
height: 140rpx;
|
|
.quanPrice {
|
font-size: 34rpx;
|
}
|
|
.quanSc {
|
width: 340rpx;
|
|
.quanName {
|
font-size: 28rpx;
|
}
|
|
.quanDate {
|
width: 280rpx;
|
height: 40rpx;
|
line-height: 40rpx;
|
text-align: center;
|
background: rgba($color: #FDF6F6, $alpha: 0.2);
|
border-radius: 20rpx;
|
font-size: 20rpx;
|
margin-top: 6rpx;
|
white-space: nowrap;
|
}
|
}
|
|
.quanBtn {
|
font-size: 28rpx;
|
width: 210rpx;
|
height: 90rpx;
|
text-align: center;
|
border-left: 2rpx dotted #FFFFFF;
|
}
|
}
|
}
|
|
.gaoyongWrap {
|
width: 686rpx;
|
background-color: #FFEDED;
|
border-radius: 16rpx;
|
color: #FFFFFF;
|
margin-top: 30rpx;
|
padding-bottom: 24rpx;
|
|
.gaoyongTitle {
|
border-radius: 16rpx 0 20rpx;
|
background-color: #FF4242;
|
width: 150rpx;
|
height: 50rpx;
|
line-height: 50rpx;
|
text-align: center;
|
font-size: 28rpx;
|
}
|
|
.gaoyongCon {
|
margin: 14rpx 18rpx 20rpx;
|
font-size: 24rpx;
|
line-height: 38rpx;
|
color: #FF4242;
|
}
|
}
|
}
|
|
.qijianWrap {
|
margin: 20rpx 0 30rpx;
|
background-color: #FFFFFF;
|
padding: 30rpx 32rpx;
|
|
.qianjianHd {
|
.qijianLeft {
|
.qjLfImg {
|
width: 120rpx;
|
height: 120rpx;
|
}
|
|
.qijianInfo {
|
height: 120rpx;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-start;
|
justify-content: space-around;
|
margin-left: 20rpx;
|
|
.qijianName {
|
font-size: 28rpx;
|
color: #000000;
|
}
|
|
.tianmaoLogo {
|
width: 150rpx;
|
height: 20rpx;
|
}
|
|
.qijianGuang {
|
font-size: 24rpx;
|
color: #FF4242
|
}
|
}
|
}
|
|
.qijianRight {
|
.qijianBtn {
|
width: 180rpx;
|
height: 46rpx;
|
line-height: 46rpx;
|
text-align: center;
|
background: linear-gradient(-90deg, #FC3653, #F87721);
|
border-radius: 20rpx;
|
color: #FFFFFF;
|
font-size: 24rpx;
|
}
|
|
.qjRgImg {
|
width: 12rpx;
|
height: 22rpx;
|
margin-left: 20rpx;
|
}
|
}
|
}
|
|
.qianjianFt {
|
margin-top: 20rpx;
|
|
.pingjiaKey {
|
color: #999999;
|
font-size: 24rpx;
|
}
|
|
.pingjiaImg {
|
width: 28rpx;
|
height: 28rpx;
|
margin-left: 6rpx;
|
}
|
}
|
}
|
|
// 相关推荐
|
.recommendWrap {
|
margin-bottom: 30rpx;
|
background-color: #FFFFFF;
|
padding: 40rpx 32rpx;
|
|
.recommendTitle {
|
font-size: 32rpx;
|
margin-left: 8rpx;
|
}
|
|
.recommendList {
|
margin-top: 20rpx;
|
|
.recommendItem {
|
width: 220rpx;
|
height: 100%;
|
margin-right: 20rpx;
|
|
.recommendImg {
|
width: 220rpx;
|
height: 220rpx;
|
border-radius: 8rpx;
|
}
|
|
.recommendName {
|
font-size: 28rpx;
|
box-sizing: border-box;
|
width: 100%;
|
color: #444444;
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.couponbac-box {
|
width: 100rpx;
|
height: 30rpx;
|
background-image: linear-gradient(9deg,
|
#f8261d 0%,
|
#fe4e04 100%),
|
linear-gradient(#ffe3e3,
|
#ffe3e3);
|
background-blend-mode: normal,
|
normal;
|
border-radius: 5rpx;
|
font-size: 20rpx;
|
color: #FFFFFF;
|
font-weight: normal;
|
font-stretch: normal;
|
margin: 6rpx 0;
|
}
|
|
.recommendPrice {
|
color: #fe3738;
|
font-size: 30rpx;
|
line-height: 34rpx;
|
width: 100%;
|
|
.rmbicon {
|
font-size: 20rpx;
|
line-height: 24rpx;
|
}
|
|
s {
|
font-size: 22rpx;
|
line-height: 26rpx;
|
color: #999999;
|
margin-left: 10rpx;
|
}
|
}
|
}
|
}
|
}
|
|
.goodDetail {
|
width: 100%;
|
|
.detailsTitle-container {
|
width: 100%;
|
height: 90rpx;
|
background-color: #FFFFFF;
|
|
.detTxt {
|
font-size: 30rpx;
|
color: #333333;
|
margin: 0 60rpx;
|
}
|
|
.border {
|
height: 2rpx;
|
width: 80rpx;
|
background-color: #666666;
|
}
|
}
|
|
.detailImgList {
|
width: 100%;
|
|
.detailpic {
|
width: 100%;
|
}
|
}
|
}
|
|
.bottombox {
|
width: 100%;
|
height: 110rpx;
|
margin-top: 20rpx;
|
height: calc(110rpx + constant(safe-area-inset-bottom));
|
height: env(110rpx + constant(safe-area-inset-bottom));
|
}
|
|
// 文章推荐
|
.selectedWrap {
|
margin-bottom: 110rpx;
|
|
.selectedTitle {
|
margin-top: 50rpx;
|
font-size: 32rpx;
|
color: #333333;
|
text-align: center;
|
}
|
|
.selectedList {
|
padding: 10rpx 32rpx 30rpx;
|
flex-wrap: wrap;
|
|
.selectedItem {
|
width: 48.5%;
|
background-color: #FFFFFF;
|
padding: 10rpx;
|
margin-top: 20rpx;
|
|
.goodsLeft {
|
margin-top: 2rpx;
|
|
.goodsLogo {
|
width: 313rpx;
|
height: 310rpx;
|
}
|
}
|
|
.goodsRight {
|
.goodsTitle {
|
overflow: hidden;
|
text-overflow: ellipsis;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
|
.tianmao {
|
width: 50rpx;
|
height: 24rpx;
|
margin-right: 6rpx;
|
}
|
|
.goodsName {
|
width: 82%;
|
font-size: 24rpx;
|
}
|
}
|
|
.goodsPrice {
|
color: #999999;
|
font-size: 24rpx;
|
margin-top: 6rpx;
|
|
.unit {
|
color: #EB4559;
|
margin-left: 8rpx;
|
}
|
|
.price {
|
color: #EB4559;
|
font-size: 36rpx;
|
font-weight: bold;
|
}
|
}
|
|
.quanList {
|
margin-top: 20rpx;
|
|
.quan1 {
|
position: relative;
|
|
.quan1Img {
|
width: 106rpx;
|
height: 34rpx;
|
}
|
|
.quan1Text {
|
position: absolute;
|
top: 0;
|
width: 100%;
|
text-align: center;
|
color: #FF4242;
|
font-size: 24rpx;
|
}
|
}
|
|
.quan2 {
|
width: 100rpx;
|
height: 34rpx;
|
line-height: 30rpx;
|
text-align: center;
|
background: linear-gradient(-90deg, #7619EC, #A429F3);
|
color: #FFFFFF;
|
font-size: 24rpx;
|
border-radius: 6rpx;
|
margin-left: 10rpx;
|
}
|
}
|
|
.yishou {
|
color: #999999;
|
font-size: 24rpx;
|
margin-top: 10rpx;
|
}
|
}
|
}
|
|
.selectedItem:nth-of-type(2n) {
|
margin-left: 20.5rpx;
|
}
|
}
|
}
|
|
.footerWrap {
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
width: 100%;
|
background-color: #FFFFFF;
|
height: 110rpx;
|
height: calc(110rpx + constant(safe-area-inset-bottom));
|
height: env(110rpx + constant(safe-area-inset-bottom));
|
|
.footBar-container {
|
width: 100%;
|
height: 100rpx;
|
padding: 0 32rpx;
|
|
.left-content {
|
width: 190rpx;
|
|
.iconContent {
|
.iconbox {
|
width: 38rpx;
|
height: 38rpx;
|
margin-bottom: 5rpx;
|
}
|
|
.text {
|
font-size: 20rpx;
|
font-weight: 400;
|
color: #666666;
|
}
|
}
|
|
.collectIcon {
|
margin-left: 60rpx;
|
}
|
}
|
|
.right-container {
|
width: 490rpx;
|
height: 80rpx;
|
border-radius: 40rpx;
|
overflow: hidden;
|
|
.btnbox {
|
width: 50%;
|
height: 100%;
|
|
.priceText {
|
font-size: 28rpx;
|
line-height: 1;
|
font-weight: 500;
|
color: #FFFFFF;
|
}
|
|
.texttips {
|
font-size: 24rpx;
|
font-weight: 400;
|
color: #FFFFFF;
|
}
|
}
|
|
.leftsharebox {
|
background: linear-gradient(-90deg, #FC3653, #F87721);
|
}
|
|
.rightbackbox {
|
background: linear-gradient(-90deg, #7619EC, #A429F3);
|
}
|
}
|
}
|
}
|
}
|
</style>
|
