ss

重庆迈尖科技有限公司

2020-04-28 2700f61b159f3de712198cd942a51e9c6576df83

ss

 AppInside/orderDetail/css/style.css

@@ -475,8 +475,28 @@


.div_couponlist {

    height: 6.22rem;

    overflow: scroll;

}

    overflow: scroll;
    position: relative;

}

.div_not_pleader {
    position: absolute;
    left: 30%;
    top: 20%;
}

.div_not_pleader img {
    width: 3.03rem;
    height: 2.43rem;
}

.div_not_pleader div {
    color: 0.3rem;
    color: #888888;
    text-align: center;
    margin-top: 0.1rem;
}




.div_coupon_item {}



@@ -622,3 +642,14 @@
    border-top: 0.01rem solid #e0e0e0;
    cursor:pointer;

}

.div_sure div {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E5005C;
    color: white;
    height: 0.6rem;
    width: 6.2rem;
    border-radius: 0.3rem;
}

 AppInside/orderDetail/img/icon_placeholder.png

 AppInside/orderDetail/index.html

@@ -163,14 +163,23 @@


                        </div>



                    </div>

                    </div>
					
                    <div v-if="coupon_pleader" class="div_not_pleader">
                        <img src="img/icon_placeholder.png" >
                        <div class="">
                            还没有可用券~
                        </div>
                    </div>
				
                    <div class="tempFooterWhite" style="height: 0.3rem;">



                    </div>

                </div>



                <div class="div_sure">

                    确定

                <div class="div_sure">
                    <div>
                        确定
                    </div>

                </div>

            </div>

        </div>

@@ -194,7 +203,8 @@
                    flqshow: true,

                    coupon: false,

                    // 是否使用券

                    couponUse: false,

                    couponUse: false,
                    coupon_pleader: false,

                    couponJumpDetail: '',

                    couponParams: '',

                    totalRebate: {

@@ -265,7 +275,7 @@
                    // 使用券或者查看使用详情

                    fetchCoupnList: function() {

                        // 使用券

                        if (app.coupon) {

                        // if (app.coupon) {

                            var orderNo = getQueryString("orderNo");

                            if (orderNo == null || orderNo.length <= 0) {

                                yesApp.toast("订单号为空");

@@ -279,7 +289,7 @@
                            };



                            params = yesApp.getRequestBaseParams(params);



							
                            $.ajax({

                                type: "GET",

                                data: JSON.parse(params),

@@ -305,7 +315,7 @@
                                    }

                                }

                            });

                        }

                        /*}*/

                        //查看使用详情

                        if (app.couponUse) {

                            yesApp.jumpPage(app.couponJumpDetail, app.couponParams);

@@ -315,10 +325,13 @@
                        var coupninfo = {

                            couponpage: data.count,

                            link: data.helpLink

                        }
			
                        if (data.result_list.length == 0 || data.result_list == null) {
                            app.coupon_pleader = true
                        }

                        app.coupninfo = coupninfo;

                        app.couponList = data.result_list;



                    }

                }

            });

@@ -385,7 +398,7 @@
                            var couponUse = result.data.result.couponUse;



                            if (!coupon && !couponUse) {

                                app.flqshow = false;

                                // app.flqshow = false;

                            }



                            app.coupon = coupon;


 AppInside/supVipApply/css/stylesheet.css

New file
@@ -0,0 +1,113 @@
* {

    margin: 0;

    top: 0;

    /* 不允许复制 */

    -moz-user-select: none;

    /* Firefox私有属性 */

    -webkit-user-select: none;

    /* KHTML内核私有属性 */

    -o-user-select: none;

    /* Opera私有属性 */

    user-select: none;

    /* CSS3属性 */

    /* IOS点击阴影 */

    -webkit-tap-highlight-color: transparent;
    /* 禁止长按图片保存 */
    -webkit-touch-callout: none;

}



body {

    background-color: #F3F3F3;

    font-family: Arial, "Microsoft YaHei";

}

.imgheader {
    height: 2.8rem;
    background-repeat: no-repeat;
    /**等比例缩放*/
    background-size: contain;
}
.div_title_bg {
    display: -webkit-flex;
    height: 0.3rem;
    align-items: center;
    margin-top: 0.47rem;
}

.div_title_bg :nth-child(1) {
    background-color: #CDCDCD;
    height: 0.02rem;
    width: 3.01rem;
}

.div_title_bg :nth-child(2) {
    color: #333333;
    font-size: 0.3rem;
    margin-left: 0.14rem;
}

.div_title_bg :nth-child(3) {
    background-color: #CDCDCD;
    height: 0.02rem;
    width: 3.01rem;
    margin-left: 0.14rem;
}

.div_applycategory_title_bg {
    color: #888888;
    font-size: 0.28rem;
    height: 0.28rem;
    display: -webkit-flex;
    align-items: center;
    padding-left: 0.3rem;
    margin-top: 0.22rem;
}

.div_applycategory_conent_bg {
    display: -webkit-flex;
    margin-top: 0.28rem;
    padding-left: 0.3rem;
}

.div_highvip {
    font-size: 0.28rem;
    color: #E5005C;
    width: 2.2rem;
    height: 0.7rem;
    background-color: #FFD1E4;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.06rem;
    position: relative;
}

.img_select_1 {
    width: 0.38rem;
    height: 0.39rem;
    position: absolute;
    right: 0;
    top: 0.31rem;
}

.div_supvip {
    font-size: 0.28rem;
    color: #000000;
    width: 2.2rem;
    height: 0.7rem;
    background-color: #FFFFFF;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.15rem;
    border-radius: 0.06rem;
    position: relative;
}

.img_select_2 {
    width: 0.38rem;
    height: 0.39rem;
    position: absolute;
    right: 0;
    top: 0.31rem;
}

 AppInside/supVipApply/img/icon_header.png

 AppInside/supVipApply/img/icon_select.png

 AppInside/supVipApply/index.html

New file
@@ -0,0 +1,59 @@

<html>
    <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" />

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

        <script>

            window.onresize = function() {

                document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';

            };

            window.onresize();

        </script>

        <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>
    </head>
    <body>
        <div id="root">
            <div>
                <img src="img/icon_header.png" class="imgheader">
            </div>
            <div class="div_title_bg">
                <div></div>
                <div>申请会员</div>
                <div></div>
            </div>
            <!-- 申请类别 -->
            <div class="div_applycategory_title_bg">
                申请类别
            </div>
            <div class="div_applycategory_conent_bg">
                <div class="div_highvip">
                    高级会员
                    <img v-if="img_select_1_show" src="img/icon_select.png" class="img_select_1">
                </div>
                <div class="div_supvip">
                    超级会员
                    <img v-if="img_select_2_show" src="img/icon_select.png" class="img_select_2">
                </div>
            </div>
        </div>
    </body>
	
    <script type="text/javascript">
        $(function() {
            var host = "http://api.flqapp.com";
            var app = new Vue({
                el: "#root",
                data: {
                    img_select_1_show: true,
                    img_select_2_show: false,
                },
                methods: {
				
            });
        });
    </script>
</html>