AppInside/supVipApply/css/stylesheet.css | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
AppInside/supVipApply/img/icon_imgselect.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
AppInside/supVipApply/index.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
AppInside/vipNew/supvip.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
AppInside/supVipApply/css/stylesheet.css
@@ -131,18 +131,18 @@ background-color: white; } .input { -webkit-user-select:auto; .input { -webkit-user-select: auto; margin-left: 0.16rem; font-size: 0.3rem; height: 0.88rem; height: 0.88rem; width: 7.3rem; border: none; outline: medium; color: #000000; caret-color:#E5005C; } outline: medium; color: #000000; caret-color: #E5005C; } .div_telphone_title_bg { color: #888888; font-size: 0.28rem; @@ -151,8 +151,8 @@ align-items: center; padding-left: 0.3rem; margin-top: 0.36rem; } } .div_wx_title_bg { color: #888888; font-size: 0.28rem; @@ -161,8 +161,8 @@ align-items: center; padding-left: 0.3rem; margin-top: 0.36rem; } } .div_ly_title_bg { color: #888888; font-size: 0.28rem; @@ -171,26 +171,156 @@ align-items: center; padding-left: 0.3rem; margin-top: 0.36rem; } .textarea { -webkit-user-select:auto; width: 7.5rem; height: 2.1rem; border: none; outline: medium; padding-left: 0.32rem; color: #000000; font-size: 0.3rem; } .div_ptjy_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; } .textarea { -webkit-user-select: auto; width: 7.5rem; height: 2.1rem; border: none; outline: medium; padding-left: 0.32rem; color: #000000; font-size: 0.3rem; } .div_ptjy_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.36rem; } .div_ptjy_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; } .div_ptjy_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; } .div_useplatform_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.44rem; } .div_otherplatform_fans_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.44rem; } .div_otherlevel_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.41rem; } .div_othermonthmoney_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.46rem; } .div_screenshot_title_bg { color: #888888; font-size: 0.28rem; height: 0.28rem; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.4rem; } .div_screenshot_content_bg { margin-top: 0.2rem; padding-top: 0.25rem; padding-left: 0.3rem; background-color: white; } .up_add { width: 1.2rem; height: 1.2rem; opacity: 0; } .up_add_bg { width: 1.2rem; height: 1.2rem; background-repeat: no-repeat; /**等比例缩放*/ background-size: contain; background-image: url(../img/icon_imgselect.png); } .div_careful { color: #888888; font-size: 0.22rem; margin-top: 0.18rem; margin-left: 0.28rem; margin-right: 0.3rem; } .div_commit { background-color: #FFFFFF; position: fixed; width: 7.5rem; height: 0.96rem; top: 11.1rem; z-index: 9999; display: -webkit-flex; align-items: center; padding-left: 0.3rem; margin-top: 0.36rem; justify-content: center; } .div_commit div { color: #FFFFFF; font-size: 0.34rem; background-color: #E5005B; width: 5.6rem; height: 0.76rem; border-radius: 0.38rem; display: -webkit-flex; align-items: center; justify-content: center; } AppInside/supVipApply/img/icon_imgselect.png
AppInside/supVipApply/index.html
@@ -42,43 +42,119 @@ <img src="img/icon_select.png" class="img_select_2"> </div> </div> </div> <!-- 快省ID --> <div class="div_quicksaveid_title_bg"> 快省ID </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_id" class="input" type="number" placeholder="请填写你的板栗快省ID"> </div> <!-- 联系电话 --> <div class="div_telphone_title_bg"> 联系电话 </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_phone" class="input" type="number" placeholder="请填写手机号码"> </div> <!-- 微信号 --> <div class="div_wx_title_bg"> 微信号 </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_wx" class="input" type="number" placeholder="请填写你的私人微信号"> </div> <!-- 申请理由 --> <div class="div_ly_title_bg"> 申请理由 </div> <div class="div_quicksaveid_content_bg"> <textarea rows="" cols="" class="textarea" placeholder="例如:自身实力、自身资源、认同板栗快省推广模式"> </textarea> </div> <!-- 平台经验 --> <!-- 申请理由 --> <div class="div_ptjy_title_bg"> 申请理由 </div> </div> <!-- 快省ID --> <div class="div_quicksaveid_title_bg"> 快省ID </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_id" class="input" type="number" placeholder="请填写你的板栗快省ID"> </div> <!-- 联系电话 --> <div class="div_telphone_title_bg"> 联系电话 </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_phone" class="input" type="number" placeholder="请填写手机号码"> </div> <!-- 微信号 --> <div class="div_wx_title_bg"> 微信号 </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_wx" class="input" type="number" placeholder="请填写你的私人微信号"> </div> <!-- 申请理由 --> <div class="div_ly_title_bg"> 申请理由 </div> <div class="div_quicksaveid_content_bg"> <textarea rows="" cols="" id="textarea_reason" class="textarea" placeholder="例如:自身实力、自身资源、认同板栗快省推广模式"> </textarea> </div> <!-- 平台经验 --> <div class="div_ptjy_title_bg"> 平台经验 </div> <div class="div_applycategory_conent_bg"> <div class="div_ptjy_1" @click="selectpttype(1)"> 做过其他平台 <div v-if="img_select_use_1_show"> <img src="img/icon_select.png" class="img_select_1"> </div> </div> <div class="div_ptjy_2" @click="selectpttype(2)"> 未做过其他平台 <div v-if="img_select_use_2_show"> <img src="img/icon_select.png" class="img_select_2"> </div> </div> </div> <!-- 外层div --> <div v-show="experience"> <!-- 做过平台 --> <div class="div_useplatform_title_bg"> 曾做过的平台 </div> <div class="div_quicksaveid_content_bg"> <textarea rows="" cols="" id="textarea_useplatform" class="textarea" placeholder="例如:某记,某源,多个可用逗号隔开"> </textarea> </div> <!-- 其他平台粉丝数 --> <div class="div_otherplatform_fans_title_bg"> 其他平台你的粉丝数 </div> <div class="div_quicksaveid_content_bg" style="border-bottom: #E0E0E0 solid 1px;"> <input id="inpunt_first_fans" class="input" type="number" placeholder="直接粉丝数(个)"> </div> <div class="div_quicksaveid_second_content_bg" style="background-color: white"> <input id="inpunt_second_fans" class="input" type="number" placeholder="间接粉丝数(个)"> </div> <!-- 其他平台你的等级 --> <div class="div_otherlevel_title_bg"> 其他平台你的等级 </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_level" class="input" type="number" placeholder="例如:团长"> </div> <!-- 其他平台月均收益 --> <div class="div_othermonthmoney_title_bg"> 其他平台月均收益 </div> <div class="div_quicksaveid_content_bg"> <input id="inpunt_monthmoney" class="input" type="number" placeholder="例如:¥10000.00"> </div> </div> <!-- 上传截图 --> <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> </div> <!-- 注意 --> <div class="div_careful"> 注:<br> 1.请如实填写,其他平台的名称,以及你在其他平台的账户等级;<br> 2.截图必须包含:微信/QQ好友总数、群人数总数(至少1个群,人数至少≥80人);<br> 3.板栗快省将会在48小时内完成审核。 </div> <div class="" style="height: 1.5rem;"> </div> <div class="div_commit"> <!-- 提交申请 --> <div> 提交申请 </div> </div> </body> <script> @@ -90,15 +166,18 @@ var app = new Vue({ el: '#root', data: { img_select_1_show: true, img_select_2_show: false img_select_1_show: true, img_select_2_show: false, img_select_use_1_show: true, img_select_use_2_show: false, experience: true }, watch: { }, methods: { selectvip: function(type) { } } }); AppInside/vipNew/supvip.html
@@ -32,7 +32,7 @@ 联系导师 </div> <div class="div_upgrademember" @click="upgrademember"> <div v-if="upgrademembershow" class="div_upgrademember" @click="upgrademember"> {{user.nextlevel}} </div> </div> @@ -377,6 +377,7 @@ vip: false, friendShow: false, viewHide: true, upgrademembershow: true, ruleLink: '', level: '', tearcherTip: '', @@ -750,7 +751,7 @@ } else if (level === 'vipApply') { viplogos = 'img/icon_vip_invalid.png'; nextlevel = result.data.leftTime; nextlevel = result.data.leftTime; nextLevelProgress = '以上两种方式任意一种满足即可手动申请升级为超级会员'; supVip = false; @@ -774,6 +775,7 @@ } else if (level === 'tearcher') { viplogos = 'img/icon_tearcher.png'; app.upgrademember = false } supVip = true;