1、首页
广告位、淘宝返佣、拼多多返佣、京东返佣、热销榜、聚划算、天猫超市、母婴精选、9.9包邮、免单中心、超值大牌、新人攻略 爆款没事、每日上新、6.9包邮、9.9包邮、精选包邮、3.9包邮、热门抖货、商品推荐、商品详情、商品海报 、APP检测升级、配置动态化、分享海报、会员授权、获取剪切板
2、分类
商品分类 、分类详情、多平台比较、海报生成
3、超级搜索
热门搜索、搜索历史、搜索
4、超值精选
精选单品、好货专场
5、我的
提现、提现明细、会员、订单明细、浏览历史、我的收藏、推广中心、推广订单、免单中心、账号安全、设置、提现设置、换绑手机号、修改密码、邀请成员、推广海报、我的特权、会员升级
6、免费的uniapp视频学习资料
关注技术公众号【码兄】回复【uniapp】免费获取
7、uniapp qq技术交流群
850289230
8、项目截图
本项目使用uni-app开发支持多端使用！目前适配h5、安卓、IOS、公众号
9、体验说明
1、微信公众号【省钱兄】体验 （H5+公众号） 版本
2、 Android APP体验地址
3、 IOS APP 市场搜索【凡省】【咖哧优品】【微鲤淘】体验
拼多多版本
拼多多、京东版本
10、CSDN积分下载地址：
公众号+h5+app源码下载地址
https://download.csdn.net/download/weixin_39706415/12766980
微信小程序源码
https://download.csdn.net/download/weixin_39706415/12767042
11、免费下载方式
关注【码兄】技术公众号 点击【开源项目】下载
目前只提供学习使用！不可商用！
12、详情页面源码
-
<template>
-
<view class="s-page-wrapper">
-
<view class="index-goods" v-if="loadGoods">
-
<view class="swiper">
-
<swiper class="swiper-container" :autoplay="true" :interval="4000" :circular="true" :indicator-dots="true"
-
indicator-active-color=
"#FC3F78"
indicator-color=
"#cccccc">
-
<block v-for="item in goods.images" :key="item">
-
<swiper-item class="swiper-wrapper">
-
<image lazy-load :src="item" mode="widthFix" class="is-response" @longpress="toSave(item)">
</image>
-
</swiper-item>
-
</block>
-
</swiper>
-
</view>
-
<view class="goods_info" style="padding-top: 6px">
-
<view style="padding: 8px">
-
<image v-if="goods.shoptype=='B'" style="height: 14px;width:12px;margin-right: 4px" src="../../static/img/mao.png">
</image>
-
<text style="font-weight: bold">{{ goods.itemtitle }}
</text>
-
</view>
-
<view class="coupon-price s-row" style="margin-bottom: 16upx;">
-
<view class="price" style="width: 60%">
-
<text style="font-size: 14px"> 券后价
-
<text style="font-size: 12px">￥
</text>
-
</text>
-
<text style="font-weight: 700;">{{ goods.itemendprice }}
</text>
-
<text style="font-size: 12px;color: grey;text-decoration:line-through;margin-left: 8px">
-
￥{{goods.itemprice }}
-
</text>
-
</view>
-
<view class="volume" style="padding-top: 14rpx;font-size: 14px;width: 40%">{{ goods.itemsale }}人付款
-
</view>
-
</view>
-
<view class="coupon-price s-row">
-
-
</view>
-
-
</view>
-
<view class="goods_quan s-row">
-
<view class="row getGoodsLink">
-
<view class="is-col-16 money">
-
<view style="font-weight: bold">
-
<text>{{goods.couponmoney}}
</text>
-
元优惠券
-
</view>
-
<view class="date-coupon" v-if="goods.start_time">使用期限: {{goods.start_time}} -
-
{{goods.end_time}}
-
</view>
-
</view>
-
<view class="is-col-8 name">
-
<text @tap="shopCartShare('quan')">立即领取
</text>
-
</view>
-
</view>
-
<image lazy-load src="../../static/img/goods/goods_quan.png" mode="widthFix" class="is-response">
</image>
-
</view>
-
<view class="goods_reco" style="margin-top: 10px;display: flex">
-
<view class="goods-info-title" style="color: #FC3F78;width: 20%;text-align: center">必买理由
</view>
-
<view class="goods_desc" style="padding-bottom: 8px;padding-top:8px;width: 80%">{{ goods.itemdesc }}
-
</view>
-
</view>
-
<view class="goods_reco" style="margin-top: -100rpx" v-if="goods.images">
-
<view class="goods-info-title">宝贝详情
</view>
-
<view class="imglist">
-
<block v-for="(item,index) in goods.images">
-
<image lazy-load :src="item" mode="widthFix" class="is-response" @longpress="toSave(item)">
</image>
-
</block>
-
</view>
-
</view>
-
<!-- 购买按钮 -->
-
<view class="goods_shop_cart">
-
<view class="cent" style="display: flex">
-
<view style="text-align: center;width: 25%;margin-top: 4px;margin-bottom: 4px;display: flex">
-
<view style="width: 50%;text-align: center">
-
<view class="iconfont icon-shouye" @tap="goBackUp()">
</view>
-
<view style="font-size: 12px">返回
</view>
-
</view>
-
<view style="width: 50%;text-align: center">
-
<view class="iconfont icon-shoucang" :style="collect.isCollect" @tap="clickCollect()">
</view>
-
<view style="font-size: 12px" :style="collect.isCollect">{{collect.name}}
</view>
-
</view>
-
</view>
-
-
<view style="width: 75%;display: flex;color: white">
-
<view style="width: 50%;background: #FF6DB2;text-align: center;padding-top: 12px" @tap="shopCartShare('showPic')">{{buyDes}}
-
</view>
-
<view class="getTbk" style="width: 50%;background:#F15B6C; text-align: center;padding-top: 12px" @tap="shopCartShare('quan')">立即领券
-
</view>
-
</view>
-
</view>
-
-
</view>
-
-
<!-- 购买按钮 active-->
-
<view v-if="shopCartBg" class="goods_shop_cart_bg" @tap="showShopCartBg('cart')" @touchmove.stop.prevent="moveHandleStop">
</view>
-
<view class="goods_share" v-bind:class="[shopCartBg ? 'active' : '','']">
-
<view class="cent">
-
<view class="" @tap="shareFc()">
-
<text class="iconfont icon-kouling">
</text>
-
生成海报
-
</view>
-
<text class="em">
</text>
-
<view class="" @tap="shopCartShare('tklbuy')">
-
<text class="iconfont icon-tupian">
</text>
-
素材分享
-
</view>
-
<view class="" @tap="copyHref">
-
<text class="cuIcon cuIcon-copy">
</text>
-
复制链接
-
</view>
-
<view @tap="shopCartShares('tkl')" v-if="isWeiXin">
-
<text class="cuIcon cuIcon-share">
</text>
-
发送给朋友
-
</view>
-
</view>
-
</view>
-
-
<view class="navBarButtonBox">
-
<!-- 顶部右侧菜单 -->
-
<view v-if="navBarButton" class="goods_shop_cart_bg navBarButton" @tap="showShopCartBg('nav')"
-
@
touchmove.stop.prevent=
"moveHandleStop">
</view>
-
<view class="h_newlit" v-bind:class="[navBarButton ? 'active' : '','']">
-
<view class="em">
-
<view style="font-size: 14px" @tap="navBarButtontO('home')">
-
<text class="iconfont icon-shouye">
</text>
-
返回首页
-
</view>
-
<view style="font-size: 14px" @tap="navBarButtontO('search')">
-
<text class="iconfont icon-sousuo">
</text>
-
超级搜索
-
</view>
-
<view style="font-size: 14px" @tap="navBarButtontO('footer')">
-
<text class="iconfont icon-zuji">
</text>
-
我的足迹
-
</view>
-
<view style="font-size: 14px" @tap="navBarButtontO('like')">
-
<text class="iconfont icon-shoucang">
</text>
-
个人中心
-
</view>
-
</view>
-
</view>
-
</view>
-
<!-- 顶部右侧菜单 -->
-
-
<!-- 淘口令分享 -->
-
<simpleModal ref="simpleModalTkl" @maskClose="TklmaskClose">
-
<view class="buy-box-title">复制分享文案
</view>
-
<view class="buy-box-center">
-
<view class="code-cent">
-
<div class="cente-text">
-
<div>
-
<view class="textarea">{{goods.itemtitle}}
<br>【在售价】{{goods.itemprice}}元
<br>【券后价】{{goods.itemendprice}}元
<br>复製此信息进入【手机Tao宝】即可查看并下单{{tkl}}
-
<br>【必买理由】{{goods.itemdesc}}
<br>
-
</view>
-
</div>
-
</div>
-
<view class="closeTips">长按上方轮播图片可保存图片素材哦~
</view>
-
</view>
-
<view class="buy-btn-copy" v-bind:class="[copyTklStatus ? 'active' : '','']" @tap="copyTklWenAns">
-
{{copyTklStatus?"已复制到剪切板":"一键复制"}}
-
</view>
-
</view>
-
</simpleModal>
-
<!-- 淘口令分享 -->
-
-
<!-- 淘口令购买 -->
-
<simpleModal ref="simpleModalTklBuy" @maskClose="TklBuymaskClose">
-
<view class="buy-box-center">
-
<view class="code-cent" style="margin-top: 10px;">
-
<div class="cente-text" style="height: auto;">
-
<div>
-
<view class="textarea" style="height: auto;">复制框内整段文字，打开【手机淘宝APP】即可领券购买。{{tkl}}
-
</view>
-
</div>
-
</div>
-
</view>
-
<button class="buy-btn-copy" v-bind:class="[copyTklStatus ? 'active' : '','']" @tap="copyTklWenAn">
-
{{copyTklStatus?" 复制成功！请打开【手机淘宝】购买":"一键复制"}}
-
</button>
-
</view>
-
</simpleModal>
-
<!-- 淘口令购买 -->
-
</view>
-
<view class="" v-if="!loadGoods">
-
<view class="s-page">
-
<view class="is-100vh is-flex is-column is-justify-center is-align-center ">
-
<image src="../../static/img/load.gif" style="width:75px;height: 75px;" class="is-response" mode="widthFix">
</image>
-
</view>
-
</view>
-
</view>
-
-
<view v-if="couponlist.length > 0" style="text-align: center;font-size: 18px;color: #FC3F78;background: white;margin-top: -60px;padding: 16px">
-
猜你喜欢
-
</view>
-
<view class="goods-list" style="margin-bottom: 60px" v-if="couponlist.length > 0">
-
<orange-goods-card-home v-for="(item,index) in couponlist" :index="index%2" :tkmoney='"￥"+item.tkmoney' :itemid="item.itemid"
-
:itempic=
"item.itempic?item.itempic+'_310x310.jpg':'https://www.gomyorder.cn/logo.png'"
:itemtitle=
"item.itemtitle"
-
:itemprice=
'"¥"+item.itemprice'
:itemsale=
'item.itemsale'
:itemendprice=
'""+item.itemendprice'
:couponmoney=
"item.couponmoney">
</orange-goods-card-home>
-
</view>
-
<view id="shareit" v-if="show_share" @tap="closeShare">
-
<image class="arrow" src="../../static/img/jiant.png">
</image>
-
<text id="follow">点击右上角按钮！【发送给朋友】
</text>
-
</view>
-
<view class="scroll_top active " @click="copyTkl()" style="bottom: 56px;width: 100px;right: -12px;padding-right: 10px">
-
<text>
-
<text class="cuIcon cuIcon-copy">
</text>
-
淘口令
-
</text>
-
</view>
-
<view class="content">
-
<view class="flex_row_c_c modalView" :class="qrShow?'show':''" @tap="hideQr()">
-
<view class="flex_column">
-
<view class="backgroundColor-white padding1vh border_radius_10px">
-
<image :src="poster.finalPath" mode="widthFix" class="posterImage">
</image>
-
</view>
-
<button class="marginTop2vh" type="primary" size="mini" @tap.prevent.stop="saveImage()">保存图片
-
</button>
-
</view>
-
</view>
-
<view class="hideCanvasView">
-
<canvas class="hideCanvas" canvas-id="default_PosterCanvasId" :style="{width: (poster.width||0) + 'px', height: (poster.height||0) + 'px'}">
</canvas>
-
</view>
-
</view>
-
</view>
-
</template>
-
-
<script>
-
import simpleModal
from
'../../components/simple-pro/customModal.vue';
-
-
-
export
default {
-
onShareAppMessage(res) {
-
return {
-
title:
this.goods.itemtitle,
-
path:
'/pages/detail/goodsinfo?itemid=' +
this.itemid
-
}
-
},
-
data() {
-
return {
-
buyDes:
"口令购买",
-
collect: {
-
name:
'收藏',
-
isCollect:
"",
-
},
-
show_share:
false,
-
itemid:
'',
-
loadGoods:
true,
-
goods: {},
-
taoBaoBuy:
true,
-
shopCartBg:
false,
-
scrollTop:
false,
-
couponlist: [],
-
navBarButton:
false,
-
copyTklStatus:
false,
-
save:
false,
-
tkl:
'',
-
relation_id:
null,
-
money:
0,
-
showFollow:
false,
-
isWeiXin:
false,
-
footprintKey:
'orange-sqx-footprint',
-
collectKey:
'orange-sqx-collect',
-
poster: {},
-
qrShow:
false,
-
canvasId:
'default_PosterCanvasId'
-
};
-
},
-
components: {
-
simpleModal
-
},
-
onShow:
function() {
-
this.copyTklStatus =
false;
-
},
-
onLoad:
function(e) {
-
if (e.itemid) {
-
this.itemid = e.itemid;
-
this.loadGoodsInfo();
-
if (
this.$queue.getData(
"openid")) {
-
this.$Request.get(
"/tao/wx/follow/" +
this.$queue.getData(
"openid")).then(
res => {
-
this.showFollow = res.status !==
500 && res !==
true;
-
});
-
}
-
let userId =
this.$queue.getData(
"userId");
-
if (!userId) {
-
this.$Request.getT(
"/user/" + userId).then(
res => {
-
if (res.status ===
0) {
-
this.$queue.setData(
"openid", res.data.openId);
-
this.$queue.setData(
"image_url", res.data.image_url);
-
this.$queue.setData(
"mobile", res.data.phone);
-
this.$queue.setData(
"nickName", res.data.nickName);
-
this.$queue.setData(
"relation_id", res.data.relationId);
-
this.$queue.setData(
"gender",
parseInt(res.data.gender));
-
}
-
});
-
}
-
}
else {
-
uni.navigateBack();
-
}
-
},
-
onPageScroll:
function(e) {
-
this.scrollTop = e.scrollTop >
200;
-
},
-
-
onNavigationBarButtonTap:
function() {
-
this.navBarButton = !
this.navBarButton;
-
},
-
methods: {
-
//初始化加载详情数据
-
loadGoodsInfo:
function() {
-
let that =
this;
-
uni.showLoading({
-
title:
'加载中...'
-
});
-
this.$Request.get(
"/item_detail/apikey/maxd/itemid/" +
this.itemid).then(
res => {
-
if (res.code ===
1) {
-
if (res.data.taobao_image && res.data.taobao_image.length >
0) {
-
let images = res.data.taobao_image.split(
',');
-
res.data.images = [];
-
for (
let i =
0; i < images.length; i++) {
-
res.data.images.push(images[i])
-
}
-
}
else {
-
res.data.images = [];
-
res.data.images.push(res.data.itempic);
-
}
-
if (res.data.start_time && res.data.end_time) {
-
res.data.start_time =
this.formatDate(
new
Date(res.data.start_time *
1000));
-
res.data.end_time =
this.formatDate(
new
Date(res.data.end_time *
1000));
-
}
-
res.data.itemsale = res.data.itemsale >
10000 ? (res.data.itemsale /
10000).toFixed(
1) +
"万" : res.data.itemsale;
-
that.goods = res.data;
-
that.loadGoods =
true;
-
that.money = (res.data.tkmoney /
2).toFixed(
2);
-
try {
-
let isExist =
this.$queue.isExist(
this.collectKey, res.data.itemid);
-
if (isExist ===
true) {
-
this.collect.name =
"已收藏";
-
this.collect.isCollect =
"color: #FC3F78";
-
}
else {
-
this.collect.name =
"收藏";
-
this.collect.isCollect =
false;
-
}
-
let isExists =
this.$queue.isExist(
this.footprintKey, res.data.itemid);
-
if (isExists ===
false) {
-
this.$queue.insert({
-
key:
this.footprintKey,
-
value:
this.goods,
-
});
-
}
-
this.$queue.setData(
"itempic", res.data.itempic);
-
this.$queue.setData(
"itemtitle", res.data.itemtitle);
-
this.$queue.setData(
"itemprice", res.data.itemprice);
-
this.$queue.setData(
"itemendprice", res.data.itemendprice);
-
this.buyDes =
"分享给朋友";
-
this.loadTkl();
-
-
}
catch (e) {
-
console.log(e);
-
}
-
}
else {
-
uni.navigateBack();
-
}
-
uni.hideLoading();
-
});
-
this.$Request.get(
"/get_similar_info/apikey/maxd/itemid/" +
this.itemid).then(
res => {
-
if (res.code ===
1) {
-
res.data.forEach(
d => {
-
d.tkmoney = (d.tkmoney /
2).toFixed(
2);
-
d.itemsale = d.itemsale >
10000 ?
"已售 " + (d.itemsale /
10000).toFixed(
1) +
"万" :
"已售 " + d.itemsale;
-
this.couponlist.push(d);
-
});
-
}
-
});
-
-
},
-
-
-
goPublisher() {
-
uni.navigateTo({
-
url:
'/pages/member/publisher'
-
});
-
},
-
/**
-
* 保存图片
-
* @param url
-
*/
-
toSave(url) {
-
//#ifndef H5
-
uni.getImageInfo({
-
src: url,
-
success:
function(image) {
-
console.log(
'图片信息：',
JSON.stringify(image));
-
uni.saveImageToPhotosAlbum({
-
filePath: image.path,
-
success:
function() {
-
console.log(
'save success');
-
uni.showToast({
-
title:
'图片保存成功',
-
icon:
'none',
-
duration:
3000
-
});
-
}
-
});
-
}
-
});
-
-
//#endif
-
},
-
/**
-
* 返回
-
*/
-
goBackUp() {
-
uni.navigateBack();
-
},
-
-
closeShare() {
-
this.show_share =
false;
-
},
-
clickCollect() {
//收藏
-
let isExist =
this.$queue.isExist(
this.collectKey,
this.goods.itemid);
-
if (isExist) {
-
let items = [];
-
items.push(
this.goods.itemid);
-
this.$queue.removeItem(
this.collectKey, items);
-
this.collect.name =
"收藏";
-
this.collect.isCollect =
"";
-
}
else {
-
this.$queue.insert({
-
key:
this.collectKey,
-
value:
this.goods,
-
});
-
this.collect.name =
"已收藏";
-
this.collect.isCollect =
"color: #FC3F78";
-
}
-
},
-
getQuan:
function() {
-
uni.showLoading({
-
title:
'加载中...'
-
});
-
let that =
this;
-
this.$Request.post(
"/ratesurl", {
-
itemid:
this.itemid,
-
tb_name:
this.$queue.getTaoBaoName(),
-
pid:
this.$queue.getTaoBaoPid(),
-
apikey:
this.$queue.getTaoBaoKey(),
-
}).then(
res => {
-
if (res.code ===
1) {
-
that.shopCartShare(
'tttt');
-
}
-
});
-
},
-
/**
-
*获取佣金结算
-
* @param type
-
*/
-
getTkl:
function(type) {
-
let that =
this;
-
let relation_id = that.$queue.getData(
"relation_id");
-
if (
this.tkl) {
-
if (type ===
"tkl" && type !==
"tklbuy") {
-
this.$refs.simpleModalTkl.show({
-
showConfirmButton:
false,
-
});
-
}
else
if (type ===
"tttt") {
-
this.$refs.simpleModalTklBuy.show({
-
showConfirmButton:
false,
-
});
-
}
else
if (type ===
"copy") {
-
that.copyTkl();
-
}
else
if (relation_id) {
-
this.$refs.simpleModalTkl.show({
-
showConfirmButton:
false,
-
});
-
}
else {
-
this.$refs.simpleModalTklBuy.show({
-
showConfirmButton:
false,
-
});
-
}
-
uni.hideLoading();
-
}
else {
-
uni.showLoading({
-
title:
'加载中...'
-
});
-
this.$Request.post(
"/ratesurl", {
-
itemid:
this.itemid,
-
tb_name:
this.$queue.getTaoBaoName(),
-
pid:
this.$queue.getTaoBaoPid(),
-
apikey:
this.$queue.getTaoBaoKey()
-
}).then(
res => {
-
if (res.code ===
1) {
-
this.$Request.postF(
"/taobao/tbwd", {
-
"appKey":
this.$queue.getTaoBaoAppid(),
-
"appSecret":
this.$queue.getTaoBaoSecret(),
-
"logo":
this.goods.itempic,
-
"text":
this.goods.itemtitle,
-
"url": res.data.coupon_click_url
-
}).then(
res => {
-
if (res && res.tbk_tpwd_create_response.data.model) {
-
this.tkl = res.tbk_tpwd_create_response.data.model;
-
if (type ===
"tkl" && type !==
"tklbuy") {
-
this.$refs.simpleModalTkl.show({
-
showConfirmButton:
false,
-
});
-
}
else
if (type ===
"tttt") {
-
this.$refs.simpleModalTklBuy.show({
-
showConfirmButton:
false,
-
});
-
}
else
if (type ===
"copy") {
-
that.copyTkl();
-
}
else
if (type ===
"save") {}
else
if (relation_id) {
-
this.$refs.simpleModalTkl.show({
-
showConfirmButton:
false,
-
});
-
}
else {
-
this.$refs.simpleModalTklBuy.show({
-
showConfirmButton:
false,
-
});
-
}
-
}
-
uni.hideLoading();
-
})
-
}
else {
-
uni.hideLoading();
-
}
-
});
-
}
-
},
-
-
formatDate:
function(now) {
-
const year = now.getFullYear();
-
const month = now.getMonth() +
1;
-
const date = now.getDate();
-
return year +
"-" + month +
"-" + date;
-
},
-
loadTkl() {
-
let that =
this;
-
this.$Request.post(
"/ratesurl", {
-
itemid:
this.itemid,
-
tb_name:
this.$queue.getTaoBaoName(),
-
pid:
this.$queue.getTaoBaoPid(),
-
apikey:
this.$queue.getTaoBaoKey(),
-
}).then(
res => {
-
if (res.code ===
1) {
-
this.$Request.postF(
"/taobao/tbwd", {
-
"appKey":
this.$queue.getTaoBaoAppid(),
-
"appSecret":
this.$queue.getTaoBaoSecret(),
-
"logo":
this.goods.itempic,
-
"text":
this.goods.itemtitle,
-
"url": res.data.coupon_click_url
-
}).then(
res => {
-
if (res && res.tbk_tpwd_create_response.data.model) {
-
this.tkl = res.tbk_tpwd_create_response.data.model;
-
-
}
-
})
-
}
-
});
-
},
-
copyTkl:
function() {
-
uni.setClipboardData({
-
data:
this.tkl,
-
success: (
r => {
-
uni.showToast({
-
title:
"复制成功",
-
duration:
1500,
-
});
-
}),
-
})
-
},
-
-
moveHandleStop:
function() {
-
console.log(
"111")
-
},
-
showShopCartBg:
function(type) {
-
if (type ===
"cart") {
-
this.shopCartBg = !
this.shopCartBg;
-
}
-
if (type ===
"nav") {
-
this.navBarButton = !
this.navBarButton;
-
}
-
},
-
topScrollTap:
function() {
-
uni.pageScrollTo({
-
scrollTop:
0,
-
duration:
300
-
});
-
},
-
navBarButtontO:
function(type) {
-
if (type ===
"search") {
-
uni.switchTab({
-
url:
"/pages/homeSearch/index"
-
})
-
}
else
if (type ===
"like") {
-
uni.switchTab({
-
url:
"/pages/member/user"
-
})
-
}
else
if (type ===
"footer") {
-
uni.navigateTo({
-
url:
"/pages/footer/index"
-
})
-
}
else
if (type ===
"home") {
-
uni.switchTab({
-
url:
"/pages/index/index"
-
})
-
}
-
-
},
-
-
shopCartShare:
function(type) {
-
if (type ===
"tkl") {
-
this.copyTklStatus =
false;
-
this.getTkl(type);
-
}
else
if (type ===
"tklbuy") {
-
let relation_id =
this.$queue.getData(
"relation_id");
-
if (relation_id) {
-
// // 淘口令购买
-
this.copyTklStatus =
false;
-
this.getTkl(type);
-
}
else {
-
this.$queue.setData(
"href",
'/pages/detail/goodsinfo?itemid=' +
this.itemid);
-
let token =
this.$queue.getData(
"token");
-
let userId =
this.$queue.getData(
"userId");
-
if (token) {
-
uni.navigateTo({
-
url:
'/pages/member/publisher?uid=' + userId +
'&token=' + token
-
});
-
}
else {
-
uni.navigateTo({
-
url:
'/pages/public/login'
-
})
-
}
-
}
-
}
else
if (type ===
"showPic") {
-
this.copyTklStatus =
false;
-
this.$refs.simpleModalTkl.show({
-
showConfirmButton:
false,
-
});
-
}
else
if (type ===
"quan") {
-
this.getQuan();
-
}
else {
-
this.copyTklStatus =
false;
-
this.getTkl(type);
-
}
-
},
-
-
shopCartShares:
function(type) {
-
// tkl = 淘口令 picture = 图片
-
if (type ===
"tklbuy") {
-
// // 淘口令购买
-
this.copyTklStatus =
false;
-
this.getTkl(type);
-
}
else
if (type ===
"quan") {
-
this.getQuan();
-
}
-
},
-
TklmaskClose:
function(e) {
-
this.$refs.simpleModalTkl.hide();
-
this.copyTklStatus =
false;
-
},
-
copyTklWenAn:
function() {
-
uni.setClipboardData({
-
data:
"椱ァ製这段文字，打开【◇綯℡寳】即可领券购买。$" +
this.tkl,
-
success: (
r => {
-
this.copyTklStatus =
true;
-
}),
-
})
-
},
-
copyTklWenAns:
function() {
-
let relation_id =
this.$queue.getData(
"relation_id");
-
uni.setClipboardData({
-
data:
this.goods.itemtitle +
"\n【在售价】" +
this.goods.itemprice +
"元\n【券后价】" +
this.goods.itemendprice +
-
"元\n【必买理由】\n" +
this.goods.itemdesc +
"+\n$" +
this.tkl +
"椱ァ製此信息进入【◇綯℡寳】即可查看并下单\n",
-
success: (
r => {
-
this.copyTklStatus =
true;
-
})
-
})
-
},
-
TklBuymaskClose:
function() {
-
this.$refs.simpleModalTklBuy.hide();
-
this.copyTklStatus =
false;
-
},
-
-
hideQr() {
-
this.qrShow =
false;
-
}
-
}
-
};
-
</script>
-
-
<style>
-
@import
'../../static/css/index.css';
-
-
.swiper-container {
-
min-height:
100vw;
-
}
-
-
.hideCanvasView {
-
position: relative;
-
}
-
-
.hideCanvas {
-
position: fixed;
-
top: -
99999 upx;
-
left: -
99999 upx;
-
z-index: -
99999;
-
}
-
-
.flex_row_c_c {
-
display: flex;
-
flex-direction: row;
-
justify-content: center;
-
align-items: center;
-
}
-
-
.modalView {
-
width:
100%;
-
height:
100%;
-
position: fixed;
-
top:
0;
-
left:
0;
-
right:
0;
-
bottom:
0;
-
opacity:
0;
-
outline:
0;
-
transform:
scale(
3);
-
perspective:
2500 upx;
-
background:
rgba(
0,
0,
0,
0.6);
-
transition: all .
3s ease-in-out;
-
pointer-events: none;
-
backface-visibility: hidden;
-
z-index:
999;
-
}
-
-
.modalView
.show {
-
opacity:
1;
-
transform:
scale(
1);
-
pointer-events: auto;
-
}
-
-
.flex_column {
-
display: flex;
-
flex-direction: column;
-
}
-
-
.backgroundColor-white {
-
background-color: white;
-
}
-
-
.border_radius_10px {
-
border-radius:
10px;
-
}
-
-
.padding1vh {
-
padding:
1vh;
-
}
-
-
.posterImage {
-
width:
60vw;
-
}
-
-
.flex_row {
-
display: flex;
-
flex-direction: row;
-
}
-
-
.marginTop2vh {
-
margin-top:
2vh;
-
}
-
-
.shareInfos {
-
color:
#FC3F78;
-
}
-
-
.shareInfo
::after {
-
border: none;
-
}
-
-
button {
-
font-size:
14px;
-
}
-
-
#shareit {
-
-webkit-user-select: none;
-
position: fixed;
-
width:
100%;
-
height:
2000px;
-
background:
rgba(
0,
0,
0,
0.85);
-
text-align: center;
-
top:
0;
-
left:
0;
-
z-index:
999;
-
}
-
-
#shareit
img {
-
max-width:
100%;
-
}
-
-
.arrow {
-
width:
100px;
-
height:
150px;
-
position: absolute;
-
right:
5%;
-
top:
1%;
-
}
-
-
#follow {
-
width:
100%;
-
height:
50px;
-
line-height:
50px;
-
text-align: center;
-
text-decoration: none;
-
font-size:
18px;
-
color: white;
-
float: left;
-
margin-top:
160px;
-
}
-
-
#follow1 {
-
width:
100%;
-
height:
50px;
-
line-height:
50px;
-
text-align: center;
-
text-decoration: none;
-
font-size:
18px;
-
color: white;
-
float: left;
-
margin-top:
170px;
-
}
-
-
button
::after {
-
border: none;
-
}
-
-
.swiper-wrapper {
-
width:
100%;
-
}
-
</style>
转载：https://blog.csdn.net/weixin_39706415/article/details/104985930
查看评论