tangdehang
/
android-cloud-H5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="分享朋友">
    <title></title>
    <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
    <link rel="stylesheet" href="../static/css/index.css">
    <link rel="stylesheet" href="../static/css/vant.css" />
    <script src="../static/js/vender/vue/vue.min.js"></script>
    <script src="../static/js/vender/vue/vant.min.js"></script>
    <script src="../static/js/vender/config.js"></script>
    <style>
        .container {
            display: flex;
            height: 100vh;
            padding: 0.2rem 0.3rem;
            /* align-items: center;
			justify-content: center; */
        }

        .top-banner {
            width: 6.82rem;
            height: 0.82rem;
            background: url("../static/offImg/share-top.png") no-repeat;
            background-size: 100% 100%;
        }

        .footer {
            position: fixed;
            bottom: 0.5rem;
            padding: 0 0.3rem;
            width: 100%;
            left: 0;


        }

        .download-btn {
            width: 6.9rem;
            height: 1.3rem;
            background: url('../static/offImg/btn-down.png') no-repeat scroll top center #3B7FFF;
            background-size: 100% 100%;
            box-shadow: 0rem 0.06rem 0.4rem 0rem rgba(59, 127, 255, 0.6);
            border-radius: 0.2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0.4rem;

        }

        .button-download {
            width: 2.5rem;
            height: 0.8rem;
            line-height: 0.8rem;
            background: linear-gradient(360deg, #FF8300 0%, #FEC000 100%);
            border-radius: 0.2rem;
            text-align: center;
            font-size: 0.3rem;
            font-family: PingFangSC-Medium, PingFang SC;
            color: #FFFFFF;
        }


        .download-btn .left-nav p:first-of-type {
            font-size: 0.24rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 0.02rem;
        }

        .download-btn .left-nav p+p {
            font-size: 0.28rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.9);
        }

        .hideContainer {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: calc(100vh - 1.36rem);
            text-align: center;

        }

        .hideContainer img {
            width: 2.8rem;
            height: 2.8rem;
        }

        .hideContainer p {
            margin-top: 0.3rem;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #999999;
            font-size: 0.28rem;
        }

        .top-content {
            width: 100%;
            padding-bottom: 0.3rem;

        }

        .top-content .title {
            font-size: 0.44rem;
            font-family: PingFangSC-Medium, PingFang SC;
            color: #000000;
            letter-spacing: 0.01rem;
            margin-bottom: 0.2rem;
        }

        .topic-info {
            padding-bottom: 1.6rem;

        }

        .topic-info img {
            max-width: 100%;
            width: auto;
            height: auto;
            border-radius: 0.2rem;
            margin-bottom: 0.2rem;
            margin-top: 0.2rem;
        }

        .topic-info p {
            font-size: 0.36rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #333333;
            letter-spacing: 0.02rem;

        }

        .van-notice-bar {
            height: 100%;
            background: none;
            width: 100%;
        }

        .notice-swipe {
            height: 0.8rem;
            line-height: 0.8rem;
        }

        .van-swipe-item {
            display: flex;
            align-items: center;
        }

        .van-swipe-item img {
            width: 0.6rem;
            margin-left: 0.3rem;
            border-radius: 50%;
            margin-right: 0.1rem;
            height: 0.6rem;
        }

        .van-swipe-item p {
            font-size: 0.28rem;
            font-family: PingFangSC-Regular, PingFang SC;
            color: #FFFFFF;
        }
        .van-swipe-item p:first-of-type{
            max-width: 2.4rem;
            display: block;
			overflow: hidden;
			word-break: keep-all;
			white-space: nowrap;
			text-overflow: ellipsis;
        }
        .topic-info img {
			max-width: 100%;
			width: auto;
			height: auto;
			border-radius: 0.2rem;
			margin-bottom: 0.2rem;
			margin-top: 0.2rem;
		}

		.topic-info p {
			font-size: 0.3rem;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			letter-spacing: 0.02rem;

		}
    </style>
</head>

<body>
    <div id="app" v-cloak class="container">
        <div v-if='isshow&&topic'>

            <div class="top-banner">
                <van-notice-bar :scrollable="false">
                    <van-swipe vertical class="notice-swipe" :autoplay="2000" :show-indicators="false">
                        <van-swipe-item v-for="(item,index) in marqueeList">
                            <img :src="standarImg(item.headImgUrl)" :onerror="defaultImg" alt="">
							<p>{{item.surfaceName}}</p>
							<p>已获得星动云手机套餐</p>
                        </van-swipe-item>
                      
                    </van-swipe>
                </van-notice-bar>
            </div>
            <div class="top-content" >
                <div v-html="topic" class="topic-info"></div>

            </div>
            <div class="footer">
                <div class="download-btn">
                    <div class="left-nav">
                        <p>激活码：</p>
                        <p>AS4*********SD3</p>
                    </div>
                    <div class="button-download">点击复制并下载</div>
                </div>
            </div>
        </div>
        <div v-if='!isshow' class="hideContainer">
            <div>
                <img src="../static/offImg/no-data.png" alt="" />
                <p>活动已下架，敬请期待</p>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../static/js/vender/vue/axios.min.js"></script>
    <script src="../static/js/vender/vue/config.js"></script>
    <script src="../static/js/vender/vue/api.js"></script>

    <script type="text/javascript">
        new Vue({
            el: '#app',
            data: {
                isshow: true,
                id: GetRequest().id ? GetRequest().id : 404,
                topic:null,
                defaultImg: 'this.src="' + "../static/offImg/tou.png" + '"',
                marqueeList:[],

            },
            created() {
                // window.location.href = 'investigate.html'
            },
            mounted() {
                this.getActDetail();
             
                this.getMarquee(); //跑马灯
                
               
            },
            methods: {
                //查看活动是否下架
                getActDetail() { //获取活动状态
					getActDetail().then(res => {
						this.$toast.clear();
						if (res.status === 0) {
                            if( res.data.actStatus==1){
                                this.isshow=true;
                                this.getStrategy();
                            }else{
                                this.isshow=false;
                            }
							
						} else {
							this.$toast(res.msg);
						}
					})
				},
                getCheck() {
                    getEvantCheck(this.id).then(res => {
                        console.log(res)
                    })
                },
                download() {
                    var u = navigator.userAgent,
                        app = navigator.appVersion;
                    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
                    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                    if (isAndroid) {
                        window.location.href =
                            'http://www.androidscloud.com/admin/attachment/download/2117e9b7f3734b16b81b9d7bb1c5a601';
                    } else if (isIOS) {
                        window.location.href = 'https://www.pgyer.com/gemini6';
                    } else {

                    }
                },
                standarImg(id) {
					return `${fileCenterApi}/file-center/fileOperate/getImage?id=${id}`;
				},
                getList() {
                    this.$toast.loading({
                        duration: 0,
                        message: '加载中...',
                        forbidClick: true,
                        loadingType: 'spinner',
                    });
                    // getEvantDetails(this.id).then(res => {
                    //     this.$toast.clear();
                    //     if (res.status == 0) {
                    //         if (res.data) {
                    //             this.isshow = false;
                    //             this.topic = res.data;
                    //         } else {
                    //             this.isshow = true;

                    //         }


                    //     } else {

                    //     }
                    // })
                },
                getMarquee() {
					getMarquee().then(res => {
						if (res.status === 0) {
							this.marqueeList = res.data;
						} else {
							this.$toast(res.msg);
						}
					})
				},
                getStrategy(){
                    this.$toast.loading({
						duration: 0,
						message: '加载中...',
						forbidClick: true,
						loadingType: 'spinner',
					});
                    getStrategy().then(res=>{
                       this.$toast.clear();
                        if(res.status==0){
                            if (res.data) {
								this.isshow = true;
                                this.topic=  res.data.content;
                                console.log(this.topic)
							} else {
								this.isshow = false;

							}
                         
                        }
                        console.log(res)

                    })
                }

            }
        })
    </script>
</body>

</html>