<template>

    <div class="spr">

        <img src="../../assets/images/activity/shier/shier1.jpg" alt="" srcset="">

        <img src="../../assets/images/activity/shier/shier2.jpg" alt="" srcset="">

        <img src="../../assets/images/activity/shier/shier3.jpg" alt="" srcset="">

        <img src="../../assets/images/activity/shier/shier4.jpg" @click="goProduct('49a586a43d6a4768ac2dbb64052b72b0')" alt="" srcset="">

        <img src="../../assets/images/activity/shier/shier5.jpg" alt="" srcset="">

        <img src="../../assets/images/activity/shier/shier6.jpg" alt="" srcset="">

        <div class="btm" @click="goProduct('49a586a43d6a4768ac2dbb64052b72b0')">

            立即购买

        </div>

    </div>

</template>

<script>

import config from '../../config.js'

import jumpNative from '../../utils/JumpNative.js'

import ShareService from '../../services/ShareService'

export default {

    data() {

        return {

        }

    },

    mounted() {

    },

    created() {

        this.init();

    },

    mounted() {

        this.fontSize = document.body.clientWidth / 11.25

        window.addEventListener('scroll', this.scrollBar, true);

    },

    destroyed () {

        window.removeEventListener('scroll', this.scrollBar, true);

    },

    methods: {

        init(){

            if(!jumpNative.isAppH5()){

                ShareService.shareProduct({

                    name: '国粹洗沐原浆 唤活秀发之美',

                    desc: '秘方配制 十二味植物熬制原浆 无硅油 无化学成分 呵护您的秀发  体验猛戳',

                    shareUrl: window.location.href,

                    thumbUrl: config.app.shier,

                });

            }else{

                jumpNative.topRightShare(1,config.app.shier,'国粹洗沐原浆 唤活秀发之美','秘方配制 十二味植物熬制原浆 无硅油 无化学成分 呵护您的秀发  体验猛戳')

            }

        },

        //跳转商品详情

        goProduct(skuId){

            if(!jumpNative.isAppH5()){

                console.log(config.baseUrl+'p/'+skuId+'/'+this.$route.query.inviteCode);

                location.href=config.baseUrl+'p/'+skuId+'/'+this.$route.query.inviteCode

            }else{

                jumpNative.jumpProduct(skuId)

            }

        },

    },

    beforeCreate: function() {

        document.getElementsByTagName("body")[0].className="body-sp01";

    },

    beforeDestroy: function() {

        document.body.removeAttribute("class","body-sp01");

    }

}

</script>

<style lang="less">

.body-sp01{

    background: #fff;

}

</style>

<style scoped>

.spr {

    padding-bottom: 1.45rem;

}

.spr img {

    margin: 0px;

    padding: 0px;

    vertical-align: middle;

    width: 100%;

}

.spr .btm {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1.45rem;

    line-height: 1.45rem;

    text-align: center;

    background: #ff4646;

    color: #fff;

    font-size: 0.48rem;

}

</style>

import Config from '../config.js';

export default {

    initShare() {

        if (window.wx === undefined) return;

        let title = Config.app.name;

        let desc = Config.app.desc;

        let imgUrl = Config.app.Logo;

        let link = Config.app.shareUrl;

        this.doShare(title, desc, link, imgUrl);

    },

    shareProduct(product) {

        if (window.wx === undefined) return;

        let title = product.name;

        let desc = product.desc||Config.app.desc;

        let imgUrl = product.thumbUrl || Config.app.Logo;

        let link = product.shareUrl;

        this.doShare(title, desc, link, imgUrl);

    },

    shareCoupon(title, desc, link, imgUrl) {

        if (window.wx === undefined) return;

        imgUrl = imgUrl || Config.app.icon;

        this.doShare(title, desc, link, imgUrl);

    },

    doShare(title, desc, link, imgUrl) {

        // WeChatService.initConfig(['onMenuShareTimeline', 'onMenuShareAppMessage', 'showMenuItems']);

        wx.ready(() => {

            wx.showMenuItems({

                menuList: [

                    'menuItem:share:appMessage', // 发送给朋友

                    'menuItem:share:timeline', // 分享到朋友圈

                    'onMenuShareTimeline',

                    'onMenuShareAppMessage',

                ]

            });

            setTimeout(() => {

                //分享到朋友圈

                wx.onMenuShareTimeline({

                    title,

                    desc,

                    link,

                    imgUrl,

                    success: function () {

                        console.log('分享成功 title: '+title+' desc:'+desc);

                    },

                    fail: (err) => {

                        console.log(err);

                        error && error(err);

                    }

                    });

                //分享给朋友

                wx.onMenuShareAppMessage({

                    title,

                    desc,

                    link,

                    imgUrl ,

                    success: function () {

                        console.log('分享成功 title: '+title+' desc:'+desc);

                    },

                    fail: (err) => {

                        console.log(err);

                        error && error(err);

                    },

                    complete:(complete)=>{

                        console.log(JSON.stringify(complete));

                    }

                })

            }, 60)

        });

        wx.error(function(res){

            console.log('wx.error:');

            console.log(JSON.stringify(res));

            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

        });

    }

}

var dev_env = require('../config/dev.env');

var test_env = require('../config/test.env');

var pro_env = require('../config/prod.env');

var baseUrl = process.env.BASE_API;//研发后台接口

var h5Url = process.env.H5_URL;//静态H5地址的主站

var wechatUrl = process.env.WECHAT_URL;//微商城URL 用作APP里跳转用

var Logo = process.env.BASE_LOGO;//logo

var Zero = process.env._zero;//0元购商品

export default {

    h5Url:h5Url,

    wechatUrl:wechatUrl,

    baseUrl: baseUrl,

    apiPrefix: baseUrl + 'ddmallapi',

    Logo:Logo,

    Zero:Zero,

    app: {

        name: '',

        desc: '',

        company: '',

        Logo: 'https://oss.dodomall.com/logo/logo.png',

        url: baseUrl,

        version: 'v1.0',

        csphone: '4000063037',

        //普通用户的邀请有奖

        normalInviteUrl: wechatUrl + 'tobeowener',

        //店主用户的邀请有奖

        vipInviteUrl: wechatUrl + 'beowener',

        //关注我们

        followUrl: wechatUrl + 'share-qrcode',

        //注册协议

        agreementUrl: wechatUrl + 'register-protocol',

        //隐私协议

        privacyUrl: wechatUrl + 'privacy-protocol',

        //常见问题

        commonIssues: wechatUrl + 'mine/common-issues',

        //常见问题

        newComerGuideUrl: wechatUrl + 'mine/newcomer-guide',

        //logo

        //新手指引

        newcomerGuide: 'https://oss.dodomall.com/app/newcomerLogo.png',

        //关于我们

        aboutUs: 'https://oss.dodomall.com/app/newcomerLogo.png',

        //成为店主

        joinUrl:'https://oss.dodomall.com/app/giftLogo.png',

        //邀请有奖

        inviteLogo: 'https://oss.dodomall.com/app/inviteLogo.png',

        //每日上新

        dailyNew:'https://oss.dodomall.com/wap/meirishangxin.png',

        //新人专享

        newComer:'https://oss.dodomall.com/wap/xinrenzhuanxiang.png',

        //佣金翻倍

        commssion:'https://oss.dodomall.com/wap/yongjinfanbei.png',

        //母婴活动

        mom:'https://oss.dodomall.com/app/2019-01/mom-body.jpg',

        qingrenjie:'http://oss.dianduoduo.store/product/2019-02/20190213063815268WQ.png',

        spring: 'https://oss.dodomall.com/app/2019-01/activity-beauty.jpg',

        spr: 'https://oss.dodomall.com/app/2019-01/activity-buy.jpg',

        //0元领

        fansActivity:'https://oss.dodomall.com/activity/activity1/activity1_1.png'

    },

    enableAlipay: true,

    enableWepay: true,

    offlinePayMinMoney: 9900,

    withdrawMin: 1,

    withdrawMax: 1000000,

    agreementName: '店多多用户服务协议',

    refundReasons: ['拍错了 / 信息填写错误', '不想要了', '其它'],

    refundGoodsReasons: ['拍错了 / 信息填写错误', '不想要了', '其它'],

    expressNames: ['圆通快递', '申通快递', '顺丰快递', '韵达快递', '德邦物流', '中通快递', '百世快递', '邮政包裹', 'EMS', '邮政国际'],

    toast: [{

        id: 'noLogin',

        title: '你还未设置密码',

        message: '密码可用于登录、转帐、提现等，为保证帐户安全，请设置密码'

    }]

}