省钱兄（APP+H5+公众号+微信小程序）淘宝客APP源码社交电商uniapp源码前端源码自营商城源码

骑猪看日落 2023-07-17 06:42 10阅读 0赞

# 1、首页 #

广告位、淘宝返佣、拼多多返佣、京东返佣、热销榜、聚划算、天猫超市、母婴精选、9.9包邮、免单中心、超值大牌、新人攻略 爆款没事、每日上新、6.9包邮、9.9包邮、精选包邮、3.9包邮、热门抖货、商品推荐、商品详情、商品海报 、APP检测升级、配置动态化、分享海报、会员授权、获取剪切板

# 2、分类 #

商品分类 、分类详情、多平台比较、海报生成

# 3、超级搜索 #

热门搜索、搜索历史、搜索

# 4、超值精选 #

精选单品、好货专场

# 5、我的 #

提现、提现明细、会员、订单明细、浏览历史、我的收藏、推广中心、推广订单、免单中心、账号安全、设置、提现设置、换绑手机号、修改密码、邀请成员、推广海报、我的特权、会员升级

# 6、免费的uniapp视频学习资料 #

关注技术公众号【码兄】回复【uniapp】免费获取

![图片][format_png]

# 7、uniapp qq技术交流群 #

850289230

# 8、项目截图 #

本项目使用uni-app开发支持多端使用！目前适配h5、安卓、IOS、公众号

![format_png 1][]

# 9、体验说明 #

1、微信公众号【省钱兄】体验 （H5+公众号） 版本

![图片][format_png 2]

2、 Android APP体验地址

[https://www.pgyer.com/shengqx][https_www.pgyer.com_shengqx]

3、 IOS APP 市场搜索【凡省】【咖哧优品】【微鲤淘】体验

拼多多版本

![图片][format_png 3]

拼多多、京东版本

![图片][format_png 4]

## ##

## 10、CSDN积分下载地址： ##

公众号+h5+app源码下载地址

[https://download.csdn.net/download/weixin\_39706415/12766980][https_download.csdn.net_download_weixin_39706415_12766980]

微信小程序源码

[https://download.csdn.net/download/weixin\_39706415/12767042][https_download.csdn.net_download_weixin_39706415_12767042]

# 11、免费下载方式 #

关注【码兄】技术公众号 点击【开源项目】下载

# ![图片][format_png] #

# 目前只提供学习使用！不可商用！ #

# 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>
    
    			
    			<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>

[format_png]: /images/20230528/a4e0d7890aa843b482e2cbd06f1ff576.png
[format_png 1]: /images/20230528/85247cfdb5c7463f8a44f6d1d7184ec6.png
[format_png 2]: /images/20230528/1af24853cfb24159975289923f74df35.png
[https_www.pgyer.com_shengqx]: https://www.pgyer.com/shengqx
[format_png 3]: /images/20230528/c91f4ba9e59a4357b1493b665aa937fd.png
[format_png 4]: /images/20230528/93b9f2be4cfc47e7b8543f352abdab16.png
[https_download.csdn.net_download_weixin_39706415_12766980]: https://download.csdn.net/download/weixin_39706415/12766980
[https_download.csdn.net_download_weixin_39706415_12767042]: https://download.csdn.net/download/weixin_39706415/12767042