| AppInside/openVip/css/stylesheet.css | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| AppInside/openVip/img/icon_select.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
| AppInside/openVip/index.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| AppInside/supVipApply/css/stylesheet.css | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| AppInside/supVipApply/index.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| AppInside/vipNew/supvip.html | ●●●●● 补丁 | 查看 | 原始文档 | 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
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
@@ -307,6 +307,8 @@ width: 7.5rem; height: 0.96rem; top: 11.1rem; bottom: 0; z-index: 9999; display: -webkit-flex; align-items: center; AppInside/supVipApply/index.html
@@ -133,8 +133,15 @@ 上传截图 </div> <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"> <input type="file" class="up_add" id="exampleInputFile" @change="tirggerFile($event)"> </div> </div> </div> <!-- 注意 --> @@ -155,11 +162,10 @@ 提交申请 </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;
