ss

重庆迈尖科技有限公司

2020-06-18 120b89fe207c8def93678a53b1bbff5510d3f063

ss

 AppInside/cloudPushOrder/openCloudPushOrder.html

@@ -99,7 +99,7 @@
                                    <span style="font-size: 0.32rem;">￥</span>{{item.money}}

                                </div>

                                <div class="openDate">{{item.desc}}</div>

                                <img v-if="listMenu.length==0||listMenu==null" src="img/icon_money_select.png" class="img_moneySelect" :id="nameId(item,index)"

                                <img v-if="listMenu.length==1&&listMenu!=null" src="img/icon_money_select.png" class="img_moneySelect" :id="nameId(item,index)"

                                 style="opacity: 1;">

                                <img v-else src="img/icon_money_select.png" class="img_moneySelect" :id="nameId(item,index)" style="opacity: 0;">

                            </div>

@@ -217,27 +217,27 @@
                                <div v-if="item.goods.shopInfo">{{item.goods.shopInfo.shopName}}</div>

                            </div>



                            <div class="div_coupon_bg">
                                <div v-if="item.goods.shopType!=40&&item.goods.hasCoupon" style="color: white;font-size: 0.24rem;font-weight: bold;width: 0.41rem;height: 0.36rem;background-color: #E5005C;border-radius: 0.06rem 0 0 0.06rem;text-align: center;">
                                    券
                                </div>
                                <div v-else-if="item.goods.shopType==40" style="color: white;font-size: 0.24rem;background-color: #E5005C;border-radius: 0.06rem;line-height: 0.36rem;">
                                    &nbsp;&nbsp;{{item.goods.discount}}&nbsp;&nbsp;
                                </div>
							
                                <div v-if="item.goods.shopType!=40&&item.goods.hasCoupon" class="coupon_money">&nbsp;￥{{item.goods.couponInfo.amount}}
                                    &nbsp;</div>
											
                                <div v-if="item.goods.hasCoupon||item.goods.shopType==40" class="fanli_title">&nbsp;&nbsp; 返
                                    {{item.goods.moneyInfo.fanliMoney}} &nbsp;&nbsp;&nbsp;</div>
                                <div v-else class="fanli_title" style="margin-left: 0rem;">&nbsp;&nbsp; 返 {{item.goods.moneyInfo.fanliMoney}}
                                    &nbsp;&nbsp;&nbsp;</div>
							
                                <img src="img/icon_maxFan.png" style="width: 0.15rem;height: 0.22rem; margin-left: -0.22rem;">
							
                                <div v-if="item.goods.moneyInfo.maxMoney" style="color: #E5005C;font-size: 0.24rem;margin-left: -0.05rem; height: 0.36rem; background-color: #FFBBCB;border-radius: 0 0.06rem 0.06rem 0;display: -webkit-flex;align-items: center;justify-content: center;">
                                    &nbsp; {{item.goods.moneyInfo.maxMoney}} &nbsp;
                                </div>
                            <div class="div_coupon_bg">

                                <div v-if="item.goods.shopType!=40&&item.goods.hasCoupon" style="color: white;font-size: 0.24rem;font-weight: bold;width: 0.41rem;height: 0.36rem;background-color: #E5005C;border-radius: 0.06rem 0 0 0.06rem;text-align: center;">

                                    券

                                </div>

                                <div v-else-if="item.goods.shopType==40" style="color: white;font-size: 0.24rem;background-color: #E5005C;border-radius: 0.06rem;line-height: 0.36rem;">

                                    &nbsp;&nbsp;{{item.goods.discount}}&nbsp;&nbsp;

                                </div>



                                <div v-if="item.goods.shopType!=40&&item.goods.hasCoupon" class="coupon_money">&nbsp;￥{{item.goods.couponInfo.amount}}

                                    &nbsp;</div>



                                <div v-if="item.goods.hasCoupon||item.goods.shopType==40" class="fanli_title">&nbsp;&nbsp; 返

                                    {{item.goods.moneyInfo.fanliMoney}} &nbsp;&nbsp;&nbsp;</div>

                                <div v-else class="fanli_title" style="margin-left: 0rem;">&nbsp;&nbsp; 返 {{item.goods.moneyInfo.fanliMoney}}

                                    &nbsp;&nbsp;&nbsp;</div>



                                <img src="img/icon_maxFan.png" style="width: 0.15rem;height: 0.22rem; margin-left: -0.22rem;">



                                <div v-if="item.goods.moneyInfo.maxMoney" style="color: #E5005C;font-size: 0.24rem;margin-left: -0.05rem; height: 0.36rem; background-color: #FFBBCB;border-radius: 0 0.06rem 0.06rem 0;display: -webkit-flex;align-items: center;justify-content: center;">

                                    &nbsp; {{item.goods.moneyInfo.maxMoney}} &nbsp;

                                </div>

                            </div>



                            <div class="div_payment_sales_bg">

@@ -422,7 +422,7 @@
                                    app.userInfo = result.data;

                                    app.listMenu = result.data.listMenu;



                                    if (app.listMenu.length != 0 && app.listMenu != null) {

                                    if (app.listMenu.length > 1 && app.listMenu != null) {

                                        app.selectOpenPakeg = null;

                                    }



@@ -533,7 +533,7 @@
                            url: host + "/fanli/api/v2/user/cloud/getGoodsList",

                            dataType: "jsonp",

                            async: false,

                            success: function(result) {
                            success: function(result) {

                                load.hidden();

                                yesApp.hideLoading();

                                if (result.code == 0) {


 AppInside/rewardNew/css/stylesheet.css

@@ -1,6 +1,5 @@
* {

    margin: 0;

    top: 0;

    /* 不允许复制 */

    -moz-user-select: none;

    /* Firefox私有属性 */

@@ -25,9 +24,389 @@
    font-family: Arial, "Microsoft YaHei";

}



.div_headertabs_xf {

    top: 0;

    position: fixed;

    z-index: 1000;

    width: 100%;

}



.div_headerBG {

    background-color: #FFFFFF;

    border-radius: 0.2rem;
    margin-left: 0.2rem;
    border-radius: 0.2rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

}



.div_header {

    margin-top: 0.21rem;

}



.div_header_title {

    display: -webkit-flex;

    background-color: white;

    font-size: 0.34rem;

}



.div_header_1 {

    color: #E5005B;

    height: 1.02rem;

    width: 49.5%;

    display: -webkit-flex;

}



.div_header_1 p {

    margin-left: 1.72rem;

    margin-top: 0.29rem;

}



.div_header_mid {

    width: 1%;

    display: -webkit-flex;

    justify-content: center;

}



.div_header_mid :nth-child(1) {

    background-color: #D5D5D5;

    height: 0.5rem;

    width: 1px;

    margin-top: 0.25rem;

}



.div_header_2 {

    color: #333333;

    height: 1.02rem;

    width: 49.5%;

    display: -webkit-flex;

}



.div_header_2 p {

    margin-left: 0.64rem;

    margin-top: 0.29rem;

}



.div_header_line {

    display: -webkit-flex;

    background-color: white;

}



.div_header_line_1 {

    width: 1.3rem;

    height: 0.04rem;

    border-radius: 0.02rem;

    background-color: #E5005B;

    margin-left: 1.75rem;

}



.div_header_line_2 {

    width: 1.7rem;

    height: 0.04rem;

    border-radius: 0.02rem;

    background-color: #E5005B;

    margin-left: 1.4rem;

    opacity: 0;

}



/* 商品css */

.div_goodsLibraryList {

    margin-top: 0.24rem;

}



.div_item_goodsLibrary {

    background-color: white;

    margin-top: 0.2rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 2.94rem;

    border-radius: 0.16rem;

    display: -webkit-flex;

    position: relative;

}



.div_goodsBG {

    position: relative;

}



.topleftImg {

    position: absolute;

    width: 1.02rem;

    height: 1.02rem;

    top: 0.16rem;

    left: 0.16rem;

}



.goodsimg {

    width: 2.6rem;

    height: 2.6rem;

    background-color: #F5F5F5;

    border-radius: 0.1rem;

    margin-top: 0.16rem;

    margin-left: 0.16rem;

}



.div_item_rightBg {

    margin-left: 0.2rem;

    position: relative;

}



.div_goods_title_bg {

    /* background-color: blue; */

    height: 0.7rem;

    margin-top: 0.16rem;

    width: 4rem;

}



.div_goods_title_bg img {

    width: 0.63rem;

    height: 0.31rem;

    /* float: left; */

    position: relative;

    top: -0.62rem;

}



.div_goods_title_bg span {

    text-indent: 0.75rem;

    color: #333333;

    font-size: 0.26rem;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-wrap: break-word;

    word-break: break-all;

    line-height: 0.39rem;

    margin-top: -1.2rem;

}



.div_goods_labels_bg {

    display: -webkit-flex;

    align-items: center;

    font-size: 0.18rem;

    margin-top: 0.2rem;

    margin-left: -0.1rem;

}



.div_goods_label1 {

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    /* color: #FE0014; */

    border: solid 1px;

    height: 0.26rem;

    border-radius: 0.06rem;

}



.div_goods_label2 {

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    color: #FF9600;

    border: #FF9600 solid 0.01rem;

    height: 0.26rem;

    border-radius: 0.06rem;

    margin-left: 0.1rem;

}



.div_store_bg {

    margin-top: 0.1rem;

    display: -webkit-flex;

    align-items: center;

}



.div_store_bg img {

    width: 0.27rem;

    height: 0.24rem;

}



.div_store_bg div {

    color: #000000;

    font-size: 0.24rem;

    margin-left: 0.07rem;

    height: 0.24rem;

    display: -webkit-flex;

    align-items: center;

}



.div_coupon_bg {

    position: absolute;

    display: flex;

    bottom: 0.17rem;

    align-items: center;

    /* height: 0.36rem; */

}



.coupon_money {

    color: #E5005C;

    font-size: 0.24rem;

    border-right: 0.02rem solid #E5005C;

    border-top: 0.02rem solid #E5005C;

    border-bottom: 0.02rem solid #E5005C;

    height: 0.32rem;

    border-radius: 0 0.06rem 0.06rem 0;

    line-height: 0.33rem;

}



.fanli_title {

    color: #E5005C;

    font-size: 0.24rem;

    height: 0.36rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    background-color: #FFE7F1;

    border-radius: 0.06rem;

    margin-left: 0.16rem;

    line-height: 0.2rem;

}



.div_payment_sales_bg {

    position: absolute;

    display: flex;

    height: 0.35rem;

    bottom: 0.7rem;

}



.div_payment_sales_bg :nth-child(1) {

    color: #E5005C;

    font-size: 0.26rem;

}



.div_payment_sales_bg :nth-child(2) {

    margin-top: -0.08rem;

    color: #E5005C;

    font-size: 0.4rem;

    font-weight: bold;

}



.div_payment_sales_bg :nth-child(3) {

    color: #AAAAAA;

    font-size: 0.24rem;

    margin-left: 0.1rem;

    margin-top: 0.01rem;

}



.div_payment_sales_bg :nth-child(4) {

    color: #AAAAAA;

    font-size: 0.24rem;

    margin-left: 0.19rem;

}



/* 排行榜 */

.div_rewardListBG {

    background-color: white;

}



.divItems {

    display: -webkit-flex;

    justify-content: space-between;

    height: 1.26rem;

    align-items: center;

    border-bottom: #E0E0E0 solid 1px;

}



.contentBg_left {

    display: -webkit-flex;

    align-items: center;

}



.flag {

    color: #888888;

    font-size: 0.3rem;

    height: 1.26rem;

    line-height: 1.26rem;

    margin-left: 0.29rem;

}



.imgHeader {

    width: 0.6rem;

    height: 0.6rem;

    border-radius: 50%;

    background-color: #f5f5f5;

    margin-left: 0.28rem;

}



.name {

    color: #000000;

    font-size: 0.26rem;

    margin-left: 0.16rem;

}



.contentBg_right {

    display: -webkit-flex;

    align-items: center;

}



.contentBg_right div {

    color: #333333;

    font-size: 0.34rem;

    margin-right: 0.3rem;

}



.div_tipsBG {

    background-color: white;

    margin-top: 0.36rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

}



.tips {

    color: #333333;

    font-size: 0.34rem;

    height: 0.86rem;

    line-height: 0.86rem;

    padding-left: 0.29rem;

    border-bottom: #E0E0E0 solid 1px;

}



.content {

    color: #333333;

    margin-top: 0.43rem;

    font-size: 0.24rem;

    margin-left: 0.26rem;

    margin-right: 0.15rem;

}



.div_Bottom {

    border-top: #DBDBDB solid 1px;

    position: fixed;

    background-color: white;

    bottom: 0;

    width: 100%;

    height: 0.88rem;

    display: -webkit-flex;

    align-items: center;

}



.buttonLeft {

    color: #FFFFFF;

    font-size: 0.34rem;

    background-color: #E5005C;

    border-radius: 0.34rem;

    margin-left: 0.19rem;

    width: 2.98rem;

    height: 0.68rem;



    text-align: center;

    line-height: 0.68rem;

}



.buttonright {



    color: #FFFFFF;

    font-size: 0.34rem;

    background-color: #E5005C;

    border-radius: 0.34rem;

    margin-left: 0.21rem;

    width: 3.92rem;

    height: 0.68rem;



    text-align: center;

    line-height: 0.68rem;

}



@supports (bottom: env(safe-area-inset-bottom)) {

    .div_Bottom {

        padding-bottom: env(safe-area-inset-bottom);

    }

}

 AppInside/rewardNew/img/icon_jd.png

 AppInside/rewardNew/img/icon_maxFan.png

 AppInside/rewardNew/img/icon_pdd.png

 AppInside/rewardNew/img/icon_sn.png

 AppInside/rewardNew/img/icon_store.png

 AppInside/rewardNew/img/icon_tb.png

 AppInside/rewardNew/img/icon_tm.png

 AppInside/rewardNew/img/icon_wph.png

 AppInside/rewardNew/index.html

@@ -3,7 +3,7 @@
    <head>

        <meta charset="utf-8">

        <title>拉新奖励</title>

        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

        <meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

        <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />

        <script>

            window.onresize = function() {

@@ -14,14 +14,29 @@
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

        <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

        <style type="text/css">

            [v-cloak] {

                display: none !important;

            }

        </style>

    </head>

    <body>

    <body id="body">

        <div id="root">

            <div class="div_headertabs_xf" style="display: none;">

                <div class="div_header_title">

                    <div class="div_header_1" @click="selectTab(1)">

                        <p>拉新商品</p>

                    </div>

                    <div class="div_header_mid">

                        <div></div>

                    </div>

                    <div class="div_header_2" @click="selectTab(2)">

                        <p>拉新排行榜</p>

                    </div>

                </div>



                <div class="div_header_line">

                    <div class="div_header_line_1"></div>

                    <div class="div_header_line_2"></div>

                </div>

            </div>





            <img src="img/icon_header.png" style="width: 7.5rem;height: 5.28rem;">

            <div style="background-color: #FF3567;margin-top: -0.3rem;">

                <div class="div_headerBG">

@@ -37,15 +52,190 @@
                    <div style="color: #E5005B;font-size: 0.24rem;height: 0.24rem;font-weight: bold; display: -webkit-flex;align-items: center;margin-left: 0.43rem;margin-top: 0.3rem;">

                        邀请人有效粉丝奖励：

                    </div>

                    <div style="color: #333333;font-size: 0.24rem; display: -webkit-flex;align-items: center;margin-left: 0.43rem;line-height: 0.3rem;margin-top: 0.1rem;">

                    <div style="color: #333333;font-size: 0.24rem; display: -webkit-flex;align-items: center;margin-left: 0.43rem;margin-right: 0.4rem;line-height: 0.3rem;margin-top: 0.1rem;">

                        直接粉丝首笔订单≥8元（实付款），确认收货后，可获得拉新奖励红包：

                    </div>



                    <div style="display: -webkit-flex;justify-content: space-between;align-items: center;">

                            <div style="">
								
                            </div>

                    <div style="display: -webkit-flex;justify-content: space-between;align-items: center;height: 0.24rem;margin-top: 0.2rem;">

                        <div style="color: #333333;font-size: 0.24rem;margin-left: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            1~100人

                        </div>

                        <div style="color: #333333;font-size: 0.24rem;margin-right: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            奖励0.5元/人

                        </div>

                    </div>



                    <div style="display: -webkit-flex;justify-content: space-between;align-items: center;height: 0.24rem;margin-top: 0.2rem;">

                        <div style="color: #333333;font-size: 0.24rem;margin-left: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            101~200人

                        </div>

                        <div style="color: #333333;font-size: 0.24rem;margin-right: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            奖励1元/人

                        </div>

                    </div>



                    <div style="display: -webkit-flex;justify-content: space-between;align-items: center;height: 0.24rem;margin-top: 0.2rem;">

                        <div style="color: #333333;font-size: 0.24rem;margin-left: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            201~500人

                        </div>

                        <div style="color: #333333;font-size: 0.24rem;margin-right: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            奖励2元/人

                        </div>

                    </div>



                    <div style="display: -webkit-flex;justify-content: space-between;align-items: center;height: 0.24rem;margin-top: 0.2rem;">

                        <div style="color: #333333;font-size: 0.24rem;margin-left: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            500~3000人

                        </div>

                        <div style="color: #333333;font-size: 0.24rem;margin-right: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            奖励5元/人

                        </div>

                    </div>



                    <div style="display: -webkit-flex;justify-content: space-between;align-items: center;height: 0.24rem;margin-top: 0.2rem;">

                        <div style="color: #333333;font-size: 0.24rem;margin-left: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            3001以上

                        </div>

                        <div style="color: #333333;font-size: 0.24rem;margin-right: 0.55rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                            奖励8元/人

                        </div>

                    </div>



                    <div style="height: 0.4rem;"></div>

                </div>

                <div style="height: 0.24rem;"></div>

            </div>



            <div class="div_header">

                <div class="div_header_title">

                    <div class="div_header_1" @click="selectTab(1)">

                        <p>拉新商品</p>

                    </div>

                    <div class="div_header_mid">

                        <div></div>

                    </div>

                    <div class="div_header_2" @click="selectTab(2)">

                        <p>拉新排行榜</p>

                    </div>

                </div>



                <div class="div_header_line">

                    <div class="div_header_line_1"></div>

                    <div class="div_header_line_2"></div>

                </div>

            </div>



            <!-- 拉新商品 -->

            <div v-if="selectTabType==1" class="div_goodsLibraryList">

                <div class="div_item_goodsLibrary" v-for="(item, index) in goodsList" @click="goodsDetail(item)">

                    <div class="div_goodsBG">

                        <img v-bind:src="item.goods.picUrl" class="goodsimg" />

                    </div>



                    <div class="div_item_rightBg">

                        <div class="div_goods_title_bg">

                            <img v-if="item.goods.shopType==10" src="img/icon_tb.png">

                            <img v-else-if="item.goods.shopType==11" src="img/icon_tm.png">

                            <img v-else-if="item.goods.shopType==20" src="img/icon_jd.png">

                            <img v-else-if="item.goods.shopType==30" src="img/icon_pdd.png" style="width: 0.81rem;">

                            <img v-else-if="item.goods.shopType==40" src="img/icon_wph.png" style="width: 0.9rem;">

                            <img v-else-if="item.goods.shopType==50" src="img/icon_sn.png" style="width: 1.12rem;">



                            <span v-if="item.goods.shopType==30" class="goods_title" style="text-indent: 0.93rem;">{{item.goods.title}}</span>

                            <span v-else-if="item.goods.shopType==40" class="goods_title" style="text-indent: 1.02rem;">{{item.goods.title}}</span>

                            <span v-else-if="item.goods.shopType==50" class="goods_title" style="text-indent: 1.24rem;">{{item.goods.title}}</span>

                            <span v-else class="goods_title">{{item.goods.title}}</span>

                        </div>

                        <div v-if="item.goods.labels" class="div_goods_labels_bg">

                            <div v-for="(cell, indexPath) in item.goods.labels" style="margin-left: 0.1rem;">

                                <div class="div_goods_label1" :style="{color: cell.color, borderColor:cell.color}">&nbsp;{{cell.content}}&nbsp;</div>

                            </div>

                        </div>



                        <div class="div_store_bg">

                            <img v-if="item.goods.shopInfo" src="img/icon_store.png">

                            <div v-if="item.goods.shopInfo">{{item.goods.shopInfo.shopName}}</div>

                        </div>



                        <div class="div_coupon_bg">

                            <div v-if="item.goods.shopType!=40&&item.goods.hasCoupon" style="color: white;font-size: 0.24rem;font-weight: bold;width: 0.41rem;height: 0.36rem;background-color: #E5005C;border-radius: 0.06rem 0 0 0.06rem;text-align: center;">

                                券

                            </div>

                            <div v-else-if="item.goods.shopType==40" style="color: white;font-size: 0.24rem;background-color: #E5005C;border-radius: 0.06rem;line-height: 0.36rem;">

                                &nbsp;&nbsp;{{item.goods.discount}}&nbsp;&nbsp;

                            </div>



                            <div v-if="item.goods.shopType!=40&&item.goods.hasCoupon" class="coupon_money">&nbsp;￥{{item.goods.couponInfo.amount}}

                                &nbsp;</div>



                            <div v-if="item.goods.hasCoupon||item.goods.shopType==40" class="fanli_title">&nbsp;&nbsp; 返

                                {{item.goods.moneyInfo.fanliMoney}} &nbsp;&nbsp;&nbsp;</div>

                            <div v-else class="fanli_title" style="margin-left: 0rem;">&nbsp;&nbsp; 返 {{item.goods.moneyInfo.fanliMoney}}

                                &nbsp;&nbsp;&nbsp;</div>



                            <img src="img/icon_maxFan.png" style="width: 0.15rem;height: 0.22rem; margin-left: -0.22rem;">



                            <div v-if="item.goods.moneyInfo.maxMoney" style="color: #E5005C;font-size: 0.24rem;margin-left: -0.05rem; height: 0.36rem; background-color: #FFBBCB;border-radius: 0 0.06rem 0.06rem 0;display: -webkit-flex;align-items: center;justify-content: center;">

                                &nbsp; {{item.goods.moneyInfo.maxMoney}} &nbsp;

                            </div>

                        </div>



                        <div class="div_payment_sales_bg">

                            <div>￥</div>



                            <div v-if="item.goods.couponPrice">{{item.goods.couponPrice}}</div>

                            <div v-else>{{item.goods.zkPrice}}</div>



                            <div>￥{{item.goods.zkPrice}}</div>

                            <div v-if="item.goods.shopType!=40">月销 {{item.goods.salesCount}}</div>

                        </div>

                    </div>

                </div>

            </div>

            <!-- 拉新排行榜 -->

            <div v-if="selectTabType==2" class="div_rewardListBG">

                <div class="divItems" v-for="(item, index) in arrayReward">

                    <div class="contentBg_left">

                        <div v-if="index==0" style="color: #D7B177;" class="flag">{{item.name}}</div>

                        <div v-else-if="index==1" style="color: #AFBCC4;" class="flag">{{item.name}}</div>

                        <div v-else-if="index==2" style="color: #C9C73E;" class="flag">{{item.name}}</div>

                        <div v-else-if="index>=9" style="margin-left: 0.19rem;" class="flag">{{item.name}}</div>

                        <div v-else class="flag">{{item.name}}</div>



                        <img v-if="index>=9" style="margin-left: 0.19rem;" :src="item.por" class="imgHeader">

                        <img v-else :src="item.por" class="imgHeader">



                        <div class="name">昵称昵称昵称</div>

                    </div>

                    <div class="contentBg_right">

                        <div>￥6666.33</div>

                    </div>

                </div>

            </div>



            <div class="div_tipsBG">

                <div class="tips">

                    温馨提示

                </div>

                <div class="content">

                    1.新用户：于板栗快省（2.1.1版）之后注册的用户；<br>

                    2.有效订单：购买本专题页中的商品，且必须是新用户的首笔订单；<br>

                    3.邀请人所得到的红包奖励是来自于平台补贴，且不影响团队奖金的获得；<br>

                    4.每个新用户仅能奖励首单，若首单不满足条件则不奖励邀请人；<br>

                    5.若出现包括但不限于恶意刷取红包行为，将会不结算任何红包和返利；<br>

                    6.本活动最终解释权归板栗快省所有。

                </div>

                <div style="height: 0.31rem;"></div>

            </div>

            <div style="height: 1.1rem;"></div>





            <div class="div_Bottom">

                <div class="buttonLeft" @click="viewHB">

                    查看红包

                </div>

                <div class="buttonright">

                    立即分享

                </div>

            </div>

        </div>

@@ -54,17 +244,232 @@
    <script>

        // "http://api.flqapp.com"; http://192.168.1.253:8080

        var host = "http://192.168.1.253:8080";

        var spaceTop = 0;

        var scrollDistance = 0;



        $(function() {

            var app = new Vue({

                el: "#root",

                data: {



                    selectTabType: 1,

                    goodsList: [{

                        goods: {

                            labels: [],

                            rewardList: [{},

                                {}

                            ]

                        }

                    }],

                    arrayReward: [{

                            name: '1'

                        },

                        {

                            name: '2'

                        },

                        {

                            name: '3'

                        },

                        {

                            name: '4'

                        },

                        {

                            name: '5'

                        },

                        {

                            name: '6'

                        },

                        {

                            name: '7'

                        },

                        {

                            name: '8'

                        },

                        {

                            name: '9'

                        },

                        {

                            name: '10'

                        }

                    ]

                },

                methods: {

                watch: {

                    goodsList: function(val) {

                        $('#body').css('display', 'block');

                    }

                },



                methods: {

                    selectTab: function(type) {

                        if (app.selectTabType == type) return;

                        $('.div_header_line_' + type).css('opacity', '1');

                        $('.div_header_' + type).css('color', '#E5005C');



                        $('.div_header_line_' + app.selectTabType).css('opacity', '0');

                        $('.div_header_' + app.selectTabType).css('color', '#000000');



                        if (scrollDistance >= spaceTop) {

                            document.body.scrollTop = document.documentElement.scrollTop = spaceTop;

                        }





                        app.selectTabType = type;



                        if (type == 2) {

                            $('.div_header').css('border-bottom', ' #E0E0E0 solid 1px');

                            $('.div_headertabs_xf').css('border-bottom', ' #E0E0E0 solid 1px');

                            $('.div_tipsBG').css('margin-top', '0.26rem');





                        } else {

                            $('.div_header').css('border-bottom', ' #E0E0E0 solid 0px');

                            $('.div_headertabs_xf').css('border-bottom', ' #E0E0E0 solid 0px');

                            $('.div_tipsBG').css('margin-top', '0.36rem');

                        }



                    },



                    viewHB: function() {

                        var uid = yesApp.getUid();

                        if (uid == null || uid.length == 0 || uid == '0') {

                            yesApp.login();

                            return;

                        }

                        var activity = 'com.yeshi.ec.rebate.myapplication.ui.mine.PromotionRedenvelopeActivity';

                        var controller = 'RedEnvelopeController';



                        var jumpDetail = {

                            activity: activity,

                            controller: controller

                        }

                        yesApp.jumpPage(jumpDetail, null);

                    },

                    // 发单商品库

                    fetchGoodsList: function() {

                        yesApp.showLoading();

                        var uid = yesApp.getUid();

                        var params = {

                            uid: uid,

                            page: 1

                        };

                        params = yesApp.getRequestBaseParams(params);

                        $.ajax({

                            type: "GET",

                            data: JSON.parse(params),

                            url: host + "/fanli/api/v2/user/cloud/getGoodsList",

                            dataType: "jsonp",

                            async: false,

                            success: function(result) {

                                yesApp.hideLoading();

                                if (result.code == 0) {

                                    app.goodsList = new Array();



                                    var list = app.goodsList.concat(result.data.list);

                                    app.goodsList = list;





                                } else {

                                    yesApp.toast(result.msg);

                                }

                            },

                            error: function(XMLHttpRequest, textStatus, errorThrown) {

                                yesApp.hideLoading();

                                if (textStatus === 'timeout') {

                                    setTimeout(function() {}, 2000);

                                }

                            }

                        });

                    },



                    goodsDetail: function(goods) {

                        var activity = null;

                        var controller = null;

                        var goodsType = goods.goods.goodsType;

                        var goodsId = goods.goods.goodsId;

                        var fromString = '云发单';



                        if (goods.goods.goodsType == 1) {

                            activity = 'com.yeshi.ec.rebate.myapplication.ui.recommend.GoodsDetailActivityTB';

                            controller = 'GoodDeTrViewController';



                        } else if (goods.goods.goodsType == 2) {

                            activity = 'com.yeshi.ec.rebate.myapplication.ui.recommend.GoodsDetailActivityJD';

                            controller = 'JDGoodsDetailController';



                        } else if (goods.goods.goodsType == 3) {

                            activity = 'com.yeshi.ec.rebate.myapplication.ui.recommend.GoodsDetailActivityPDD';

                            controller = 'PDDGoodsDetailController';



                        } else if (goods.goods.goodsType == 4) {

                            activity = 'com.yeshi.ec.rebate.myapplication.ui.recommend.GoodsDetailActivityVIP';

                            controller = 'WPHGoodsDetailController';



                        } else if (goods.goods.goodsType == 5) {

                            activity = 'com.yeshi.ec.rebate.myapplication.ui.recommend.GoodsDetailActivitySuning';

                            controller = 'SNGoodsDetailController';

                        }

                        var jumpDetail = {

                            activity: activity,

                            controller: controller

                        }



                        var params = {

                            goodsType: goodsType,

                            id: goodsId,

                            from: fromString

                        }

                        yesApp.jumpPage(jumpDetail, params);

                    },



                    // 删除商品

                    deleteListGoods: function(indexpath, deleteId) {

                        yesApp.showLoading();

                        var uid = yesApp.getUid();

                        var params = {

                            uid: uid,

                            id: deleteId

                        };

                        params = yesApp.getRequestBaseParams(params);

                        $.ajax({

                            type: "GET",

                            data: JSON.parse(params),

                            url: host + "/fanli/api/v2/user/cloud/deleteGoods",

                            dataType: "jsonp",

                            async: false,

                            success: function(result) {

                                yesApp.hideLoading();

                                if (result.code == 0) {



                                    var list = app.goodsList;

                                    list.splice(indexpath, 1);

                                    app.goodsList = list;



                                } else {

                                    yesApp.toast(result.msg);

                                }

                            },

                            error: function(XMLHttpRequest, textStatus, errorThrown) {

                                yesApp.hideLoading();

                                if (textStatus === 'timeout') {

                                    setTimeout(function() {}, 2000);

                                }

                            }

                        });

                    }

                }

            });



            app.fetchGoodsList();

        });

        spaceTop = $('.div_header').offset().top;

        //yesApp.toast('spaceTop:' + spaceTop)

        $(window).scroll(function() {

            scrollDistance = $(window).scrollTop();

            if (scrollDistance >= spaceTop) {

                $('.div_headertabs_xf').css('display', 'block')



            } else {

                $('.div_headertabs_xf').css('display', 'none')

            }

        });

    </script>

</html>