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

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

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、公众号

format_png 1

9、体验说明

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

图片

2、 Android APP体验地址

https://www.pgyer.com/shengqx

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

拼多多版本

图片

拼多多、京东版本

图片

#

10、CSDN积分下载地址：

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

https://download.csdn.net/download/weixin_39706415/12766980

微信小程序源码

https://download.csdn.net/download/weixin_39706415/12767042

11、免费下载方式

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

" class="reference-link">图片

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

12、详情页面源码

  1. <template>
  2.     <view class="s-page-wrapper">
  3.         <view class="index-goods" v-if="loadGoods">
  4.             <view class="swiper">
  5.                 <swiper class="swiper-container" :autoplay="true" :interval="4000" :circular="true" :indicator-dots="true"
  6.                  indicator-active-color="#FC3F78" indicator-color="#cccccc">
  7.                     <block v-for="item in goods.images" :key="item">
  8.                         <swiper-item class="swiper-wrapper">
  9.                             <image lazy-load :src="item" mode="widthFix" class="is-response" @longpress="toSave(item)"></image>
  10.                         </swiper-item>
  11.                     </block>
  12.                 </swiper>
  13.             </view>
  14.             <view class="goods_info" style="padding-top: 6px">
  15.                 <view style="padding: 8px">
  16.                     <image v-if="goods.shoptype=='B'" style="height: 14px;width:12px;margin-right: 4px" src="../../static/img/mao.png"></image>
  17.                     <text style="font-weight: bold">{
  18.    { goods.itemtitle }}</text>
  19.                 </view>
  20.                 <view class="coupon-price s-row" style="margin-bottom: 16upx;">
  21.                     <view class="price" style="width: 60%">
  22.                         <text style="font-size: 14px"> 券后价
  23.                             <text style="font-size: 12px">￥</text>
  24.                         </text>
  25.                         <text style="font-weight: 700;">{
  26.    { goods.itemendprice }}</text>
  27.                         <text style="font-size: 12px;color: grey;text-decoration:line-through;margin-left: 8px">
  28.                             ￥{
  29.    {goods.itemprice }}
  30.                         </text>
  31.                     </view>
  32.                     <view class="volume" style="padding-top: 14rpx;font-size: 14px;width: 40%">{
  33.    { goods.itemsale }}人付款
  34.                     </view>
  35.                 </view>
  36.                 <view class="coupon-price s-row">
  38.                 </view>
  40.             </view>
  41.             <view class="goods_quan s-row">
  42.                 <view class="row getGoodsLink">
  43.                     <view class="is-col-16 money">
  44.                         <view style="font-weight: bold">
  45.                             <text>{
  46.    {goods.couponmoney}}</text>
  47.                             元优惠券
  48.                         </view>
  49.                         <view class="date-coupon" v-if="goods.start_time">使用期限: {
  50.    {goods.start_time}} -
  51.                             {
  52.    {goods.end_time}}
  53.                         </view>
  54.                     </view>
  55.                     <view class="is-col-8 name">
  56.                         <text @tap="shopCartShare('quan')">立即领取</text>
  57.                     </view>
  58.                 </view>
  59.                 <image lazy-load src="../../static/img/goods/goods_quan.png" mode="widthFix" class="is-response"></image>
  60.             </view>
  61.             <view class="goods_reco" style="margin-top: 10px;display: flex">
  62.                 <view class="goods-info-title" style="color: #FC3F78;width: 20%;text-align: center">必买理由</view>
  63.                 <view class="goods_desc" style="padding-bottom: 8px;padding-top:8px;width: 80%">{
  64.    { goods.itemdesc }}
  65.                 </view>
  66.             </view>
  67.             <view class="goods_reco" style="margin-top: -100rpx" v-if="goods.images">
  68.                 <view class="goods-info-title">宝贝详情</view>
  69.                 <view class="imglist">
  70.                     <block v-for="(item,index) in goods.images">
  71.                         <image lazy-load :src="item" mode="widthFix" class="is-response" @longpress="toSave(item)"></image>
  72.                     </block>
  73.                 </view>
  74.             </view>
  75.             <!-- 购买按钮 -->
  76.             <view class="goods_shop_cart">
  77.                 <view class="cent" style="display: flex">
  78.                     <view style="text-align: center;width: 25%;margin-top: 4px;margin-bottom: 4px;display: flex">
  79.                         <view style="width: 50%;text-align: center">
  80.                             <view class="iconfont icon-shouye" @tap="goBackUp()"></view>
  81.                             <view style="font-size: 12px">返回</view>
  82.                         </view>
  83.                         <view style="width: 50%;text-align: center">
  84.                             <view class="iconfont icon-shoucang" :style="collect.isCollect" @tap="clickCollect()"></view>
  85.                             <view style="font-size: 12px" :style="collect.isCollect">{
  86.    {collect.name}}</view>
  87.                         </view>
  88.                     </view>
  90.                     <view style="width: 75%;display: flex;color: white">
  91.                         <view style="width: 50%;background: #FF6DB2;text-align: center;padding-top: 12px" @tap="shopCartShare('showPic')">{
  92.    {buyDes}}
  93.                         </view>
  94.                         <view class="getTbk" style="width: 50%;background:#F15B6C; text-align: center;padding-top: 12px" @tap="shopCartShare('quan')">立即领券
  95.                         </view>
  96.                     </view>
  97.                 </view>
  99.             </view>
  101.             <!-- 购买按钮 active-->
  102.             <view v-if="shopCartBg" class="goods_shop_cart_bg" @tap="showShopCartBg('cart')" @touchmove.stop.prevent="moveHandleStop"></view>
  103.             <view class="goods_share" v-bind:class="[shopCartBg ? 'active' : '','']">
  104.                 <view class="cent">
  105.                     <view class="" @tap="shareFc()">
  106.                         <text class="iconfont icon-kouling"></text>
  107.                         生成海报
  108.                     </view>
  109.                     <text class="em"></text>
  110.                     <view class="" @tap="shopCartShare('tklbuy')">
  111.                         <text class="iconfont icon-tupian"></text>
  112.                         素材分享
  113.                     </view>
  114.                     <view class="" @tap="copyHref">
  115.                         <text class="cuIcon cuIcon-copy"></text>
  116.                         复制链接
  117.                     </view>
  118.                     <view @tap="shopCartShares('tkl')" v-if="isWeiXin">
  119.                         <text class="cuIcon cuIcon-share"></text>
  120.                         发送给朋友
  121.                     </view>
  122.                 </view>
  123.             </view>
  125.             <view class="navBarButtonBox">
  126.                 <!-- 顶部右侧菜单 -->
  127.                 <view v-if="navBarButton" class="goods_shop_cart_bg navBarButton" @tap="showShopCartBg('nav')"
  128.                  @touchmove.stop.prevent="moveHandleStop"></view>
  129.                 <view class="h_newlit" v-bind:class="[navBarButton ? 'active' : '','']">
  130.                     <view class="em">
  131.                         <view style="font-size: 14px" @tap="navBarButtontO('home')">
  132.                             <text class="iconfont icon-shouye"></text>
  133.                             返回首页
  134.                         </view>
  135.                         <view style="font-size: 14px" @tap="navBarButtontO('search')">
  136.                             <text class="iconfont icon-sousuo"></text>
  137.                             超级搜索
  138.                         </view>
  139.                         <view style="font-size: 14px" @tap="navBarButtontO('footer')">
  140.                             <text class="iconfont icon-zuji"></text>
  141.                             我的足迹
  142.                         </view>
  143.                         <view style="font-size: 14px" @tap="navBarButtontO('like')">
  144.                             <text class="iconfont icon-shoucang"></text>
  145.                             个人中心
  146.                         </view>
  147.                     </view>
  148.                 </view>
  149.             </view>
  150.             <!-- 顶部右侧菜单 -->
  152.             <!-- 淘口令分享 -->
  153.             <simpleModal ref="simpleModalTkl" @maskClose="TklmaskClose">
  154.                 <view class="buy-box-title">复制分享文案</view>
  155.                 <view class="buy-box-center">
  156.                     <view class="code-cent">
  157.                         <div class="cente-text">
  158.                             <div>
  159.                                 <view class="textarea">{
  160.    {goods.itemtitle}}<br>【在售价】{
  161.    {goods.itemprice}}元<br>【券后价】{
  162.    {goods.itemendprice}}元<br>复製此信息进入【手机Tao宝】即可查看并下单{
  163.    {tkl}}
  164.                                     <br>【必买理由】{
  165.    {goods.itemdesc}}<br>
  166.                                 </view>
  167.                             </div>
  168.                         </div>
  169.                         <view class="closeTips">长按上方轮播图片可保存图片素材哦~</view>
  170.                     </view>
  171.                     <view class="buy-btn-copy" v-bind:class="[copyTklStatus ? 'active' : '','']" @tap="copyTklWenAns">
  172.                         {
  173.    {copyTklStatus?"已复制到剪切板":"一键复制"}}
  174.                     </view>
  175.                 </view>
  176.             </simpleModal>
  177.             <!-- 淘口令分享 -->
  179.             <!-- 淘口令购买 -->
  180.             <simpleModal ref="simpleModalTklBuy" @maskClose="TklBuymaskClose">
  181.                 <view class="buy-box-center">
  182.                     <view class="code-cent" style="margin-top: 10px;">
  183.                         <div class="cente-text" style="height: auto;">
  184.                             <div>
  185.                                 <view class="textarea" style="height: auto;">复制框内整段文字，打开【手机淘宝APP】即可领券购买。{
  186.    {tkl}}
  187.                                 </view>
  188.                             </div>
  189.                         </div>
  190.                     </view>
  191.                     <button class="buy-btn-copy" v-bind:class="[copyTklStatus ? 'active' : '','']" @tap="copyTklWenAn">
  192.                         {
  193.    {copyTklStatus?" 复制成功！请打开【手机淘宝】购买":"一键复制"}}
  194.                     </button>
  195.                 </view>
  196.             </simpleModal>
  197.             <!-- 淘口令购买 -->
  198.         </view>
  199.         <view class="" v-if="!loadGoods">
  200.             <view class="s-page">
  201.                 <view class="is-100vh is-flex is-column is-justify-center is-align-center ">
  202.                     <image src="../../static/img/load.gif" style="width:75px;height: 75px;" class="is-response" mode="widthFix"></image>
  203.                 </view>
  204.             </view>
  205.         </view>
  207.         <view v-if="couponlist.length > 0" style="text-align: center;font-size: 18px;color: #FC3F78;background: white;margin-top: -60px;padding: 16px">
  208.             猜你喜欢
  209.         </view>
  210.         <view class="goods-list" style="margin-bottom: 60px" v-if="couponlist.length > 0">
  211.             <orange-goods-card-home v-for="(item,index) in couponlist" :index="index%2" :tkmoney='"￥"+item.tkmoney' :itemid="item.itemid"
  212.              :itempic="item.itempic?item.itempic+'_310x310.jpg':'https://www.gomyorder.cn/logo.png'" :itemtitle="item.itemtitle"
  213.              :itemprice='"¥"+item.itemprice' :itemsale='item.itemsale' :itemendprice='""+item.itemendprice' :couponmoney="item.couponmoney"></orange-goods-card-home>
  214.         </view>
  215.         <view id="shareit" v-if="show_share" @tap="closeShare">
  216.             <image class="arrow" src="../../static/img/jiant.png"></image>
  217.             <text id="follow">点击右上角按钮！【发送给朋友】</text>
  218.         </view>
  219.         <view class="scroll_top active " @click="copyTkl()" style="bottom: 56px;width: 100px;right: -12px;padding-right: 10px">
  220.             <text>
  221.                 <text class="cuIcon cuIcon-copy"></text>
  222.                 淘口令
  223.             </text>
  224.         </view>
  225.         <view class="content">
  226.             <view class="flex_row_c_c modalView" :class="qrShow?'show':''" @tap="hideQr()">
  227.                 <view class="flex_column">
  228.                     <view class="backgroundColor-white padding1vh border_radius_10px">
  229.                         <image :src="poster.finalPath" mode="widthFix" class="posterImage"></image>
  230.                     </view>
  231.                     <button class="marginTop2vh" type="primary" size="mini" @tap.prevent.stop="saveImage()">保存图片
  232.                     </button>
  233.                 </view>
  234.             </view>
  235.             <view class="hideCanvasView">
  236.                 <canvas class="hideCanvas" canvas-id="default_PosterCanvasId" :style="{width: (poster.width||0) + 'px', height: (poster.height||0) + 'px'}"></canvas>
  237.             </view>
  238.         </view>
  239.     </view>
  240. </template>
  242. <script>
  243.     import simpleModal from '../../components/simple-pro/customModal.vue';
  246.     export default {
  247.         onShareAppMessage(res) {
  248.             return {
  249.                 title: this.goods.itemtitle,
  250.                 path: '/pages/detail/goodsinfo?itemid=' + this.itemid
  251.             }
  252.         },
  253.         data() {
  254.             return {
  255.                 buyDes: "口令购买",
  256.                 collect: {
  257.                     name: '收藏',
  258.                     isCollect: "",
  259.                 },
  260.                 show_share: false,
  261.                 itemid: '',
  262.                 loadGoods: true,
  263.                 goods: {},
  264.                 taoBaoBuy: true,
  265.                 shopCartBg: false,
  266.                 scrollTop: false,
  267.                 couponlist: [],
  268.                 navBarButton: false,
  269.                 copyTklStatus: false,
  270.                 save: false,
  271.                 tkl: '',
  272.                 relation_id: null,
  273.                 money: 0,
  274.                 showFollow: false,
  275.                 isWeiXin: false,
  276.                 footprintKey: 'orange-sqx-footprint',
  277.                 collectKey: 'orange-sqx-collect',
  278.                 poster: {},
  279.                 qrShow: false,
  280.                 canvasId: 'default_PosterCanvasId'
  281.             };
  282.         },
  283.         components: {
  284.             simpleModal
  285.         },
  286.         onShow: function() {
  287.             this.copyTklStatus = false;
  288.         },
  289.         onLoad: function(e) {
  290.             if (e.itemid) {
  291.                 this.itemid = e.itemid;
  292.                 this.loadGoodsInfo();
  293.                 if (this.$queue.getData("openid")) {
  294.                     this.$Request.get("/tao/wx/follow/" + this.$queue.getData("openid")).then(res => {
  295.                         this.showFollow = res.status !== 500 && res !== true;
  296.                     });
  297.                 }
  298.                 let userId = this.$queue.getData("userId");
  299.                 if (!userId) {
  300.                     this.$Request.getT("/user/" + userId).then(res => {
  301.                         if (res.status === 0) {
  302.                             this.$queue.setData("openid", res.data.openId);
  303.                             this.$queue.setData("image_url", res.data.image_url);
  304.                             this.$queue.setData("mobile", res.data.phone);
  305.                             this.$queue.setData("nickName", res.data.nickName);
  306.                             this.$queue.setData("relation_id", res.data.relationId);
  307.                             this.$queue.setData("gender", parseInt(res.data.gender));
  308.                         }
  309.                     });
  310.                 }
  311.             } else {
  312.                 uni.navigateBack();
  313.             }
  314.         },
  315.         onPageScroll: function(e) {
  316.             this.scrollTop = e.scrollTop > 200;
  317.         },
  319.         onNavigationBarButtonTap: function() {
  320.             this.navBarButton = !this.navBarButton;
  321.         },
  322.         methods: {
  323.             //初始化加载详情数据
  324.             loadGoodsInfo: function() {
  325.                 let that = this;
  326.                 uni.showLoading({
  327.                     title: '加载中...'
  328.                 });
  329.                 this.$Request.get("/item_detail/apikey/maxd/itemid/" + this.itemid).then(res => {
  330.                     if (res.code === 1) {
  331.                         if (res.data.taobao_image && res.data.taobao_image.length > 0) {
  332.                             let images = res.data.taobao_image.split(',');
  333.                             res.data.images = [];
  334.                             for (let i = 0; i < images.length; i++) {
  335.                                 res.data.images.push(images[i])
  336.                             }
  337.                         } else {
  338.                             res.data.images = [];
  339.                             res.data.images.push(res.data.itempic);
  340.                         }
  341.                         if (res.data.start_time && res.data.end_time) {
  342.                             res.data.start_time = this.formatDate(new Date(res.data.start_time * 1000));
  343.                             res.data.end_time = this.formatDate(new Date(res.data.end_time * 1000));
  344.                         }
  345.                         res.data.itemsale = res.data.itemsale > 10000 ? (res.data.itemsale / 10000).toFixed(1) + "万" : res.data.itemsale;
  346.                         that.goods = res.data;
  347.                         that.loadGoods = true;
  348.                         that.money = (res.data.tkmoney / 2).toFixed(2);
  349.                         try {
  350.                             let isExist = this.$queue.isExist(this.collectKey, res.data.itemid);
  351.                             if (isExist === true) {
  352.                                 this.collect.name = "已收藏";
  353.                                 this.collect.isCollect = "color: #FC3F78";
  354.                             } else {
  355.                                 this.collect.name = "收藏";
  356.                                 this.collect.isCollect = false;
  357.                             }
  358.                             let isExists = this.$queue.isExist(this.footprintKey, res.data.itemid);
  359.                             if (isExists === false) {
  360.                                 this.$queue.insert({
  361.                                     key: this.footprintKey,
  362.                                     value: this.goods,
  363.                                 });
  364.                             }
  365.                             this.$queue.setData("itempic", res.data.itempic);
  366.                             this.$queue.setData("itemtitle", res.data.itemtitle);
  367.                             this.$queue.setData("itemprice", res.data.itemprice);
  368.                             this.$queue.setData("itemendprice", res.data.itemendprice);
  369.                             this.buyDes = "分享给朋友";
  370.                             this.loadTkl();
  372.                         } catch (e) {
  373.                             console.log(e);
  374.                         }
  375.                     } else {
  376.                         uni.navigateBack();
  377.                     }
  378.                     uni.hideLoading();
  379.                 });
  380.                 this.$Request.get("/get_similar_info/apikey/maxd/itemid/" + this.itemid).then(res => {
  381.                     if (res.code === 1) {
  382.                         res.data.forEach(d => {
  383.                             d.tkmoney = (d.tkmoney / 2).toFixed(2);
  384.                             d.itemsale = d.itemsale > 10000 ? "已售 " + (d.itemsale / 10000).toFixed(1) + "万" : "已售 " + d.itemsale;
  385.                             this.couponlist.push(d);
  386.                         });
  387.                     }
  388.                 });
  390.             },
  393.             goPublisher() {
  394.                 uni.navigateTo({
  395.                     url: '/pages/member/publisher'
  396.                 });
  397.             },
  398.             /**
  399.              * 保存图片
  400.              * @param url
  401.              */
  402.             toSave(url) {
  403.                 //#ifndef H5
  404.                 uni.getImageInfo({
  405.                     src: url,
  406.                     success: function(image) {
  407.                         console.log('图片信息：', JSON.stringify(image));
  408.                         uni.saveImageToPhotosAlbum({
  409.                             filePath: image.path,
  410.                             success: function() {
  411.                                 console.log('save success');
  412.                                 uni.showToast({
  413.                                     title: '图片保存成功',
  414.                                     icon: 'none',
  415.                                     duration: 3000
  416.                                 });
  417.                             }
  418.                         });
  419.                     }
  420.                 });
  422.                 //#endif
  423.             },
  424.             /**
  425.              * 返回
  426.              */
  427.             goBackUp() {
  428.                 uni.navigateBack();
  429.             },
  431.             closeShare() {
  432.                 this.show_share = false;
  433.             },
  434.             clickCollect() { //收藏
  435.                 let isExist = this.$queue.isExist(this.collectKey, this.goods.itemid);
  436.                 if (isExist) {
  437.                     let items = [];
  438.                     items.push(this.goods.itemid);
  439.                     this.$queue.removeItem(this.collectKey, items);
  440.                     this.collect.name = "收藏";
  441.                     this.collect.isCollect = "";
  442.                 } else {
  443.                     this.$queue.insert({
  444.                         key: this.collectKey,
  445.                         value: this.goods,
  446.                     });
  447.                     this.collect.name = "已收藏";
  448.                     this.collect.isCollect = "color: #FC3F78";
  449.                 }
  450.             },
  451.             getQuan: function() {
  452.                 uni.showLoading({
  453.                     title: '加载中...'
  454.                 });
  455.                 let that = this;
  456.                 this.$Request.post("/ratesurl", {
  457.                     itemid: this.itemid,
  458.                     tb_name: this.$queue.getTaoBaoName(),
  459.                     pid: this.$queue.getTaoBaoPid(),
  460.                     apikey: this.$queue.getTaoBaoKey(),
  461.                 }).then(res => {
  462.                     if (res.code === 1) {
  463.                         that.shopCartShare('tttt');
  464.                     }
  465.                 });
  466.             },
  467.             /**
  468.              *获取佣金结算
  469.              * @param type
  470.              */
  471.             getTkl: function(type) {
  472.                 let that = this;
  473.                 let relation_id = that.$queue.getData("relation_id");
  474.                 if (this.tkl) {
  475.                     if (type === "tkl" && type !== "tklbuy") {
  476.                         this.$refs.simpleModalTkl.show({
  477.                             showConfirmButton: false,
  478.                         });
  479.                     } else if (type === "tttt") {
  480.                         this.$refs.simpleModalTklBuy.show({
  481.                             showConfirmButton: false,
  482.                         });
  483.                     } else if (type === "copy") {
  484.                         that.copyTkl();
  485.                     } else if (relation_id) {
  486.                         this.$refs.simpleModalTkl.show({
  487.                             showConfirmButton: false,
  488.                         });
  489.                     } else {
  490.                         this.$refs.simpleModalTklBuy.show({
  491.                             showConfirmButton: false,
  492.                         });
  493.                     }
  494.                     uni.hideLoading();
  495.                 } else {
  496.                     uni.showLoading({
  497.                         title: '加载中...'
  498.                     });
  499.                     this.$Request.post("/ratesurl", {
  500.                         itemid: this.itemid,
  501.                         tb_name: this.$queue.getTaoBaoName(),
  502.                         pid: this.$queue.getTaoBaoPid(),
  503.                         apikey: this.$queue.getTaoBaoKey()
  504.                     }).then(res => {
  505.                         if (res.code === 1) {
  506.                             this.$Request.postF("/taobao/tbwd", {
  507.                                 "appKey": this.$queue.getTaoBaoAppid(),
  508.                                 "appSecret": this.$queue.getTaoBaoSecret(),
  509.                                 "logo": this.goods.itempic,
  510.                                 "text": this.goods.itemtitle,
  511.                                 "url": res.data.coupon_click_url
  512.                             }).then(res => {
  513.                                 if (res && res.tbk_tpwd_create_response.data.model) {
  514.                                     this.tkl = res.tbk_tpwd_create_response.data.model;
  515.                                     if (type === "tkl" && type !== "tklbuy") {
  516.                                         this.$refs.simpleModalTkl.show({
  517.                                             showConfirmButton: false,
  518.                                         });
  519.                                     } else if (type === "tttt") {
  520.                                         this.$refs.simpleModalTklBuy.show({
  521.                                             showConfirmButton: false,
  522.                                         });
  523.                                     } else if (type === "copy") {
  524.                                         that.copyTkl();
  525.                                     } else if (type === "save") {} else if (relation_id) {
  526.                                         this.$refs.simpleModalTkl.show({
  527.                                             showConfirmButton: false,
  528.                                         });
  529.                                     } else {
  530.                                         this.$refs.simpleModalTklBuy.show({
  531.                                             showConfirmButton: false,
  532.                                         });
  533.                                     }
  534.                                 }
  535.                                 uni.hideLoading();
  536.                             })
  537.                         } else {
  538.                             uni.hideLoading();
  539.                         }
  540.                     });
  541.                 }
  542.             },
  544.             formatDate: function(now) {
  545.                 const year = now.getFullYear();
  546.                 const month = now.getMonth() + 1;
  547.                 const date = now.getDate();
  548.                 return year + "-" + month + "-" + date;
  549.             },
  550.             loadTkl() {
  551.                 let that = this;
  552.                 this.$Request.post("/ratesurl", {
  553.                     itemid: this.itemid,
  554.                     tb_name: this.$queue.getTaoBaoName(),
  555.                     pid: this.$queue.getTaoBaoPid(),
  556.                     apikey: this.$queue.getTaoBaoKey(),
  557.                 }).then(res => {
  558.                     if (res.code === 1) {
  559.                         this.$Request.postF("/taobao/tbwd", {
  560.                             "appKey": this.$queue.getTaoBaoAppid(),
  561.                             "appSecret": this.$queue.getTaoBaoSecret(),
  562.                             "logo": this.goods.itempic,
  563.                             "text": this.goods.itemtitle,
  564.                             "url": res.data.coupon_click_url
  565.                         }).then(res => {
  566.                             if (res && res.tbk_tpwd_create_response.data.model) {
  567.                                 this.tkl = res.tbk_tpwd_create_response.data.model;
  569.                             }
  570.                         })
  571.                     }
  572.                 });
  573.             },
  574.             copyTkl: function() {
  575.                 uni.setClipboardData({
  576.                     data: this.tkl,
  577.                     success: (r => {
  578.                         uni.showToast({
  579.                             title: "复制成功",
  580.                             duration: 1500,
  581.                         });
  582.                     }),
  583.                 })
  584.             },
  586.             moveHandleStop: function() {
  587.                 console.log("111")
  588.             },
  589.             showShopCartBg: function(type) {
  590.                 if (type === "cart") {
  591.                     this.shopCartBg = !this.shopCartBg;
  592.                 }
  593.                 if (type === "nav") {
  594.                     this.navBarButton = !this.navBarButton;
  595.                 }
  596.             },
  597.             topScrollTap: function() {
  598.                 uni.pageScrollTo({
  599.                     scrollTop: 0,
  600.                     duration: 300
  601.                 });
  602.             },
  603.             navBarButtontO: function(type) {
  604.                 if (type === "search") {
  605.                     uni.switchTab({
  606.                         url: "/pages/homeSearch/index"
  607.                     })
  608.                 } else if (type === "like") {
  609.                     uni.switchTab({
  610.                         url: "/pages/member/user"
  611.                     })
  612.                 } else if (type === "footer") {
  613.                     uni.navigateTo({
  614.                         url: "/pages/footer/index"
  615.                     })
  616.                 } else if (type === "home") {
  617.                     uni.switchTab({
  618.                         url: "/pages/index/index"
  619.                     })
  620.                 }
  622.             },
  624.             shopCartShare: function(type) {
  625.                 if (type === "tkl") {
  626.                     this.copyTklStatus = false;
  627.                     this.getTkl(type);
  628.                 } else if (type === "tklbuy") {
  629.                     let relation_id = this.$queue.getData("relation_id");
  630.                     if (relation_id) {
  631.                         // // 淘口令购买
  632.                         this.copyTklStatus = false;
  633.                         this.getTkl(type);
  634.                     } else {
  635.                         this.$queue.setData("href", '/pages/detail/goodsinfo?itemid=' + this.itemid);
  636.                         let token = this.$queue.getData("token");
  637.                         let userId = this.$queue.getData("userId");
  638.                         if (token) {
  639.                             uni.navigateTo({
  640.                                 url: '/pages/member/publisher?uid=' + userId + '&token=' + token
  641.                             });
  642.                         } else {
  643.                             uni.navigateTo({
  644.                                 url: '/pages/public/login'
  645.                             })
  646.                         }
  647.                     }
  648.                 } else if (type === "showPic") {
  649.                     this.copyTklStatus = false;
  650.                     this.$refs.simpleModalTkl.show({
  651.                         showConfirmButton: false,
  652.                     });
  653.                 } else if (type === "quan") {
  654.                     this.getQuan();
  655.                 } else {
  656.                     this.copyTklStatus = false;
  657.                     this.getTkl(type);
  658.                 }
  659.             },
  661.             shopCartShares: function(type) {
  662.                 // tkl = 淘口令  picture = 图片
  663.                 if (type === "tklbuy") {
  664.                     // // 淘口令购买
  665.                     this.copyTklStatus = false;
  666.                     this.getTkl(type);
  667.                 } else if (type === "quan") {
  668.                     this.getQuan();
  669.                 }
  670.             },
  671.             TklmaskClose: function(e) {
  672.                 this.$refs.simpleModalTkl.hide();
  673.                 this.copyTklStatus = false;
  674.             },
  675.             copyTklWenAn: function() {
  676.                 uni.setClipboardData({
  677.                     data: "椱ァ製这段文字，打开【◇綯℡寳】即可领券购买。$" + this.tkl,
  678.                     success: (r => {
  679.                         this.copyTklStatus = true;
  680.                     }),
  681.                 })
  682.             },
  683.             copyTklWenAns: function() {
  684.                 let relation_id = this.$queue.getData("relation_id");
  685.                 uni.setClipboardData({
  686.                     data: this.goods.itemtitle + "\n【在售价】" + this.goods.itemprice + "元\n【券后价】" + this.goods.itemendprice +
  687.                         "元\n【必买理由】\n" + this.goods.itemdesc + "+\n$" + this.tkl + "椱ァ製此信息进入【◇綯℡寳】即可查看并下单\n",
  688.                     success: (r => {
  689.                         this.copyTklStatus = true;
  690.                     })
  691.                 })
  692.             },
  693.             TklBuymaskClose: function() {
  694.                 this.$refs.simpleModalTklBuy.hide();
  695.                 this.copyTklStatus = false;
  696.             },
  698.             hideQr() {
  699.                 this.qrShow = false;
  700.             }
  701.         }
  702.     };
  703. </script>
  705. <style>
  706.     @import '../../static/css/index.css';
  708.     .swiper-container {
  709.         min-height: 100vw;
  710.     }
  712.     .hideCanvasView {
  713.         position: relative;
  714.     }
  716.     .hideCanvas {
  717.         position: fixed;
  718.         top: -99999 upx;
  719.         left: -99999 upx;
  720.         z-index: -99999;
  721.     }
  723.     .flex_row_c_c {
  724.         display: flex;
  725.         flex-direction: row;
  726.         justify-content: center;
  727.         align-items: center;
  728.     }
  730.     .modalView {
  731.         width: 100%;
  732.         height: 100%;
  733.         position: fixed;
  734.         top: 0;
  735.         left: 0;
  736.         right: 0;
  737.         bottom: 0;
  738.         opacity: 0;
  739.         outline: 0;
  740.         transform: scale(3);
  741.         perspective: 2500 upx;
  742.         background: rgba(0, 0, 0, 0.6);
  743.         transition: all .3s ease-in-out;
  744.         pointer-events: none;
  745.         backface-visibility: hidden;
  746.         z-index: 999;
  747.     }
  749.     .modalView.show {
  750.         opacity: 1;
  751.         transform: scale(1);
  752.         pointer-events: auto;
  753.     }
  755.     .flex_column {
  756.         display: flex;
  757.         flex-direction: column;
  758.     }
  760.     .backgroundColor-white {
  761.         background-color: white;
  762.     }
  764.     .border_radius_10px {
  765.         border-radius: 10px;
  766.     }
  768.     .padding1vh {
  769.         padding: 1vh;
  770.     }
  772.     .posterImage {
  773.         width: 60vw;
  774.     }
  776.     .flex_row {
  777.         display: flex;
  778.         flex-direction: row;
  779.     }
  781.     .marginTop2vh {
  782.         margin-top: 2vh;
  783.     }
  785.     .shareInfos {
  786.         color: #FC3F78;
  787.     }
  789.     .shareInfo::after {
  790.         border: none;
  791.     }
  793.     button {
  794.         font-size: 14px;
  795.     }
  797.     #shareit {
  798.         -webkit-user-select: none;
  799.         position: fixed;
  800.         width: 100%;
  801.         height: 2000px;
  802.         background: rgba(0, 0, 0, 0.85);
  803.         text-align: center;
  804.         top: 0;
  805.         left: 0;
  806.         z-index: 999;
  807.     }
  809.     #shareit img {
  810.         max-width: 100%;
  811.     }
  813.     .arrow {
  814.         width: 100px;
  815.         height: 150px;
  816.         position: absolute;
  817.         right: 5%;
  818.         top: 1%;
  819.     }
  821.     #follow {
  822.         width: 100%;
  823.         height: 50px;
  824.         line-height: 50px;
  825.         text-align: center;
  826.         text-decoration: none;
  827.         font-size: 18px;
  828.         color: white;
  829.         float: left;
  830.         margin-top: 160px;
  831.     }
  833.     #follow1 {
  834.         width: 100%;
  835.         height: 50px;
  836.         line-height: 50px;
  837.         text-align: center;
  838.         text-decoration: none;
  839.         font-size: 18px;
  840.         color: white;
  841.         float: left;
  842.         margin-top: 170px;
  843.     }
  845.     button::after {
  846.         border: none;
  847.     }
  849.     .swiper-wrapper {
  850.         width: 100%;
  851.     }
  852. </style>

发表评论

表情：
评论列表 （有 0 条评论，47人围观）

还没有评论，来说两句吧...

相关阅读