flqFront.git - Gitblit

parent: e1d06842 | 补丁 | 提交 | ignore whitespace

重庆迈尖科技有限公司

2020-04-30 aa545cd36d7bdaf845f71664b8917c314a464f71

sss

3个文件已添加

3个文件已修改

	AppInside/openVip/css/stylesheet.css	165 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	AppInside/openVip/img/icon_select.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	AppInside/openVip/index.html	111 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	AppInside/supVipApply/css/stylesheet.css	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	AppInside/supVipApply/index.html	90 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	AppInside/vipNew/supvip.html	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 AppInside/openVip/css/stylesheet.css

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

    margin: 0;

    top: 0;

    /* 不允许复制 */

    -moz-user-select: none;

    /* Firefox私有属性 */

    -webkit-user-select: none;

    /* WebKit内核私有属性 */

    -ms-user-select: none;

    /* IE私有属性(IE10及以后) */

    -khtml-user-select: none;

    /* KHTML内核私有属性 */

    -o-user-select: none;

    /* Opera私有属性 */

    user-select: none;

    /* IOS点击阴影 */

    -webkit-tap-highlight-color: transparent;

    /* 禁止长按图片保存 */

    -webkit-touch-callout: none;

}



body {

    background-color: #F3F3F3;

    font-family: Arial, "Microsoft YaHei";

}



.div_header {

    position: fixed;

    width: 100%;

}



.div_header_title {

    display: -webkit-flex;

    background-color: white;

    font-size: 0.3rem;

}



.div_header_1 {

    color: #E5005B;

    height: 0.74rem;

    width: 49.5%;

    display: -webkit-flex;

}



.div_header_1 p {

    margin-left: 1.85rem;
    margin-top: 0.18rem;

}



.div_header_mid {

    width: 1%;

    display: -webkit-flex;

    justify-content: center;

}



.div_header_mid :nth-child(1) {

    background-color: #F3F3F3;

    height: 0.5rem;

    width: 1px;
    margin-top: 0.15rem;

}



.div_header_2 {

    color: #333333;

    height: 0.74rem;

    width: 49.5%;

    display: -webkit-flex;

}

.div_header_2 p {

    margin-left: 0.66rem;
    margin-top: 0.18rem;

}


.div_header_line {
    display: -webkit-flex;
    background-color: white;
}

.div_header_line_1 {
    width: 1.2rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    background-color: #E5005B;
    margin-left: 1.85rem;
}

.div_header_line_2 {
    width: 1.2rem;
    height: 0.04rem;
    border-radius: 0.02rem;
    background-color: #E5005B;
    margin-left: 1.4rem;
	
}

.div_applyopen_bg {
    margin-top: 0.78rem;
    background-color: yellow;
}

.div_applycategory_title_bg {

    color: #888888;

    font-size: 0.28rem;

    height: 0.28rem;

    display: -webkit-flex;

    align-items: center;

    padding-left: 0.3rem;

}

.div_applycategory_conent_bg {

    display: -webkit-flex;

    margin-top: 0.28rem;

    padding-left: 0.3rem;

}

.div_vip_1 {

    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_vip_2 {

    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;

}



/* .div_title_bg :nth-child(1) {

    background-color: #CDCDCD;

    height: 0.02rem;

    width: 3.01rem;

} */

 AppInside/openVip/img/icon_select.png


 AppInside/openVip/index.html

New file
@@ -0,0 +1,111 @@
<!DOCTYPE html>

<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 class="div_header">

                <div class="div_header_title">

                    <div class="div_header_1">

                        <p>开通申请</p>

                    </div>

                    <div class="div_header_mid">

                        <div></div>

                    </div>

                    <div class="div_header_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="selectType==1" class="div_applyopen_bg">

                <!-- 开通类别 -->

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

                <div class="div_applycategory_title_bg">

                    申请类别

                </div>

                <div class="div_applycategory_conent_bg">

                    <div class="div_vip_1" @click="selectvip(1)">

                        高级会员

                        <div v-if="img_select_1_show">

                            <img src="img/icon_select.png" class="img_select_1">

                        </div>



                    </div>

                    <div class="div_vip_2" @click="selectvip(2)">

                        超级会员

                        <div v-if="img_select_2_show">

                            <img src="img/icon_select.png" class="img_select_2">

                        </div>

                    </div>

                </div>

            </div>

            <!-- 申请记录 -->

            <div v-else class="div_applyrecord_bg">



            </div>

        </div>

    </body>



    <script>

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

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

        $(function() {

            var app = new Vue({

                el: '#root',

                data: {

                    img_select_1_show: true,

                    img_select_2_show: false,

                    selectType: 1,
                    img_select_vip: 1,

                },

                watch: {



                },

                methods: {

                    selectvip: function(type) {

                        if (app.img_select_vip == type) return;



                        $('.div_vip_' + app.img_select_vip).css({

                            'color': '#000000',

                            'background-color': '#ffffff'

                        });



                        $('.div_vip_' + type).css({

                            'color': '#E5005B',

                            'background-color': '#FFD1E4'

                        });



                        if (type == 1) {

                            app.img_select_1_show = true;

                            app.img_select_2_show = false;



                        } else if (type == 2) {

                            app.img_select_1_show = false;

                            app.img_select_2_show = true;

                        }

                        app.img_select_vip = type;

                    },

                }

            });

        });

    </script>

</html>

 AppInside/supVipApply/css/stylesheet.css

@@ -306,7 +306,9 @@
    position: fixed;

    width: 7.5rem;

    height: 0.96rem;

    top: 11.1rem;

    top: 11.1rem;
	
    bottom: 0;

    z-index: 9999;
    display: -webkit-flex;
    align-items: center;

 AppInside/supVipApply/index.html

@@ -132,9 +132,16 @@
            <div class="div_screenshot_title_bg">

                上传截图

            </div>

            <div class="div_screenshot_content_bg">

                <div class="up_add_bg">

                    <input type="file" class="up_add" id="exampleInputFile">

            <div class="div_screenshot_content_bg">
				
                <div class="">
                    <div class="div_items" v-for="(item, index) in imgList">
                        <img v-bind:src="item" style="width:1.2rem;height: 1.2rem;">
                    </div>
					
                    <div class="up_add_bg">
                        <input type="file" class="up_add" id="exampleInputFile" @change="tirggerFile($event)">
                    </div>
                </div>

            </div>

            <!-- 注意 -->

@@ -143,23 +150,22 @@
                1.请如实填写，其他平台的名称，以及你在其他平台的账户等级；<br>

                2.截图必须包含：微信/QQ好友总数、群人数总数（至少1个群，人数至少≥80人）；<br>

                3.板栗快省将会在48小时内完成审核。

            </div>
			
            <div class="" style="height: 1.5rem;">
				
            </div>
			
            <div class="div_commit">
                <!-- 提交申请 -->
                <div>
                    提交申请
                </div>
            </div>



            <div class="" style="height: 1.5rem;">



            </div>



            <div class="div_commit">

                <!-- 提交申请 -->

                <div>

                    提交申请

                </div>

            </div>

        </div>

    </body>



    <script>

        // 是否需要重新刷新UI

        var isReload = false;

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

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

        $(function() {

@@ -170,14 +176,64 @@
                    img_select_2_show: false,

                    img_select_use_1_show: true,

                    img_select_use_2_show: false,

                    experience: true

                    experience: true,

                    img_select_vip: 1,

                    img_select_use: 1,
                    imgList: [
						
                    ],

                },

                watch: {



                },

                methods: {

                    selectvip: function(type) {

                        if (app.img_select_vip == type) return;



                        $('.div_vip_' + app.img_select_vip).css({

                            'color': '#000000',

                            'background-color': '#ffffff'

                        });



                        $('.div_vip_' + type).css({

                            'color': '#E5005B',

                            'background-color': '#FFD1E4'

                        });



                        if (type == 1) {

                            app.img_select_1_show = true;

                            app.img_select_2_show = false;



                        } else if (type == 2) {

                            app.img_select_1_show = false;

                            app.img_select_2_show = true;

                        }

                        app.img_select_vip = type;

                    },



                    selectpttype: function(type) {

                        if (app.img_select_use == type) return;



                        $('.div_ptjy_' + app.img_select_use).css({

                            'color': '#000000',

                            'background-color': '#ffffff'

                        });



                        $('.div_ptjy_' + type).css({

                            'color': '#E5005B',

                            'background-color': '#FFD1E4'

                        });



                        if (type == 1) {

                            app.img_select_use_1_show = true;

                            app.img_select_use_2_show = false;



                        } else if (type == 2) {

                            app.img_select_use_1_show = false;

                            app.img_select_use_2_show = true;

                        }

                        app.img_select_use = type;

                        app.experience = app.img_select_use_1_show;

                    }

                }

            });


 AppInside/vipNew/supvip.html

@@ -775,7 +775,7 @@


                                    } else if (level === 'tearcher') {

                                        viplogos = 'img/icon_tearcher.png';

                                        app.upgrademember = false

                                        app.upgrademembershow = false

                                    }



                                    supVip = true;

New file
			@@ -0,0 +1,165 @@
			* {
			margin: 0;
			top: 0;
			/* 不允许复制 */
			-moz-user-select: none;
			/* Firefox私有属性 */
			-webkit-user-select: none;
			/* WebKit内核私有属性 */
			-ms-user-select: none;
			/* IE私有属性(IE10及以后) */
			-khtml-user-select: none;
			/* KHTML内核私有属性 */
			-o-user-select: none;
			/* Opera私有属性 */
			user-select: none;
			/* IOS点击阴影 */
			-webkit-tap-highlight-color: transparent;
			/* 禁止长按图片保存 */
			-webkit-touch-callout: none;
			}

			body {
			background-color: #F3F3F3;
			font-family: Arial, "Microsoft YaHei";
			}

			.div_header {
			position: fixed;
			width: 100%;
			}

			.div_header_title {
			display: -webkit-flex;
			background-color: white;
			font-size: 0.3rem;
			}

			.div_header_1 {
			color: #E5005B;
			height: 0.74rem;
			width: 49.5%;
			display: -webkit-flex;
			}

			.div_header_1 p {
			margin-left: 1.85rem;
			margin-top: 0.18rem;
			}

			.div_header_mid {
			width: 1%;
			display: -webkit-flex;
			justify-content: center;
			}

			.div_header_mid :nth-child(1) {
			background-color: #F3F3F3;
			height: 0.5rem;
			width: 1px;
			margin-top: 0.15rem;
			}

			.div_header_2 {
			color: #333333;
			height: 0.74rem;
			width: 49.5%;
			display: -webkit-flex;
			}

			.div_header_2 p {
			margin-left: 0.66rem;
			margin-top: 0.18rem;
			}

			.div_header_line {
			display: -webkit-flex;
			background-color: white;
			}

			.div_header_line_1 {
			width: 1.2rem;
			height: 0.04rem;
			border-radius: 0.02rem;
			background-color: #E5005B;
			margin-left: 1.85rem;
			}

			.div_header_line_2 {
			width: 1.2rem;
			height: 0.04rem;
			border-radius: 0.02rem;
			background-color: #E5005B;
			margin-left: 1.4rem;

			}

			.div_applyopen_bg {
			margin-top: 0.78rem;
			background-color: yellow;
			}

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

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

			.div_vip_1 {
			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_vip_2 {
			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;
			}


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

New file
			@@ -0,0 +1,111 @@
			<!DOCTYPE html>
			<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 class="div_header">
			<div class="div_header_title">
			<div class="div_header_1">
			<p>开通申请</p>
			</div>
			<div class="div_header_mid">
			<div></div>
			</div>
			<div class="div_header_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="selectType==1" class="div_applyopen_bg">
			<!-- 开通类别 -->
			<div style="height: 0.4rem;"></div>
			<div class="div_applycategory_title_bg">
			申请类别
			</div>
			<div class="div_applycategory_conent_bg">
			<div class="div_vip_1" @click="selectvip(1)">
			高级会员
			<div v-if="img_select_1_show">
			<img src="img/icon_select.png" class="img_select_1">
			</div>

			</div>
			<div class="div_vip_2" @click="selectvip(2)">
			超级会员
			<div v-if="img_select_2_show">
			<img src="img/icon_select.png" class="img_select_2">
			</div>
			</div>
			</div>
			</div>
			<!-- 申请记录 -->
			<div v-else class="div_applyrecord_bg">

			</div>
			</div>
			</body>

			<script>
			// "http://api.flqapp.com";
			var host = "http://192.168.1.253:8080";
			$(function() {
			var app = new Vue({
			el: '#root',
			data: {
			img_select_1_show: true,
			img_select_2_show: false,
			selectType: 1,
			img_select_vip: 1,
			},
			watch: {

			},
			methods: {
			selectvip: function(type) {
			if (app.img_select_vip == type) return;

			$('.div_vip_' + app.img_select_vip).css({
			'color': '#000000',
			'background-color': '#ffffff'
			});

			$('.div_vip_' + type).css({
			'color': '#E5005B',
			'background-color': '#FFD1E4'
			});

			if (type == 1) {
			app.img_select_1_show = true;
			app.img_select_2_show = false;

			} else if (type == 2) {
			app.img_select_1_show = false;
			app.img_select_2_show = true;
			}
			app.img_select_vip = type;
			},
			}
			});
			});
			</script>
			</html>

			@@ -306,7 +306,9 @@
			position: fixed;
			width: 7.5rem;
			height: 0.96rem;
			top: 11.1rem;
			top: 11.1rem;

			bottom: 0;
			z-index: 9999;
			display: -webkit-flex;
			align-items: center;

			@@ -132,9 +132,16 @@
			<div class="div_screenshot_title_bg">
			上传截图
			</div>
			<div class="div_screenshot_content_bg">
			<div class="up_add_bg">
			<input type="file" class="up_add" id="exampleInputFile">
			<div class="div_screenshot_content_bg">

			<div class="">
			<div class="div_items" v-for="(item, index) in imgList">
			<img v-bind:src="item" style="width:1.2rem;height: 1.2rem;">
			</div>

			<div class="up_add_bg">
			<input type="file" class="up_add" id="exampleInputFile" @change="tirggerFile($event)">
			</div>
			</div>
			</div>
			<!-- 注意 -->
			@@ -143,23 +150,22 @@
			1.请如实填写，其他平台的名称，以及你在其他平台的账户等级；<br>
			2.截图必须包含：微信/QQ好友总数、群人数总数（至少1个群，人数至少≥80人）；<br>
			3.板栗快省将会在48小时内完成审核。
			</div>

			<div class="" style="height: 1.5rem;">

			</div>

			<div class="div_commit">
			<!-- 提交申请 -->
			<div>
			提交申请
			</div>
			</div>

			<div class="" style="height: 1.5rem;">

			</div>

			<div class="div_commit">
			<!-- 提交申请 -->
			<div>
			提交申请
			</div>
			</div>
			</div>
			</body>

			<script>
			// 是否需要重新刷新UI
			var isReload = false;
			// "http://api.flqapp.com";
			var host = "http://192.168.1.253:8080";
			$(function() {
			@@ -170,14 +176,64 @@
			img_select_2_show: false,
			img_select_use_1_show: true,
			img_select_use_2_show: false,
			experience: true
			experience: true,
			img_select_vip: 1,
			img_select_use: 1,
			imgList: [

			],
			},
			watch: {

			},
			methods: {
			selectvip: function(type) {
			if (app.img_select_vip == type) return;

			$('.div_vip_' + app.img_select_vip).css({
			'color': '#000000',
			'background-color': '#ffffff'
			});

			$('.div_vip_' + type).css({
			'color': '#E5005B',
			'background-color': '#FFD1E4'
			});

			if (type == 1) {
			app.img_select_1_show = true;
			app.img_select_2_show = false;

			} else if (type == 2) {
			app.img_select_1_show = false;
			app.img_select_2_show = true;
			}
			app.img_select_vip = type;
			},

			selectpttype: function(type) {
			if (app.img_select_use == type) return;

			$('.div_ptjy_' + app.img_select_use).css({
			'color': '#000000',
			'background-color': '#ffffff'
			});

			$('.div_ptjy_' + type).css({
			'color': '#E5005B',
			'background-color': '#FFD1E4'
			});

			if (type == 1) {
			app.img_select_use_1_show = true;
			app.img_select_use_2_show = false;

			} else if (type == 2) {
			app.img_select_use_1_show = false;
			app.img_select_use_2_show = true;
			}
			app.img_select_use = type;
			app.experience = app.img_select_use_1_show;
			}
			}
			});

			@@ -775,7 +775,7 @@

			} else if (level === 'tearcher') {
			viplogos = 'img/icon_tearcher.png';
			app.upgrademember = false
			app.upgrademembershow = false
			}

			supVip = true;