AppInside/accountZX/css/styleresult.css
New file @@ -0,0 +1,59 @@ * { 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; /* CSS3属性 */ /* IOS点击阴影 */ -webkit-tap-highlight-color: transparent; /* 禁止长按图片保存 */ -webkit-touch-callout: none; } body { background-color: #F3F3F3; font-family: Arial, "Microsoft YaHei"; } #root { position: relative; } .div_top { height: 4.96rem; background: linear-gradient(to bottom, #EDEDED, #D8D8D8); } .div_bot { height: 7.2rem; background-color: #FCFCFC; } #root>img { position: absolute; width: 1.99rem; height: 2.02rem; top: 3.55rem; left: 2.75rem; } .hedaer_title { position: absolute; font-size: 0.36rem; font-weight: bold; color: #FF6F48; top: 5.82rem; left: 1.72rem; text-align: center; line-height: 0.45rem; } AppInside/accountZX/css/sytleaccount.css
New file @@ -0,0 +1,169 @@ * { 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; /* CSS3属性 */ /* IOS点击阴影 */ -webkit-tap-highlight-color: transparent; /* 禁止长按图片保存 */ -webkit-touch-callout: none; } body { background-color: #F3F3F3; font-family: Arial, "Microsoft YaHei"; } .div_hedaer_bg { position: relative; } .div_hedaer_gary_bg { height: 2.26rem; background: linear-gradient(to bottom, #EDEDED, #D8D8D8); } .div_hedaer_white_bg { height: 1.42rem; background-color: #FCFCFC; } .div_hedaer_bg>img { position: absolute; width: 1.99rem; height: 2.02rem; top: 0.86rem; left: 2.76rem; } .hedaer_title { position: absolute; font-size: 0.36rem; font-weight: bold; color: #FF6F48; top: 3rem; left: 1.78rem; } .div_tips_bg { margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; background-color: white; } .tips_title { color: #333333; font-size: 0.34rem; height: 0.86rem; padding-left: 0.29rem; display: flex; align-items: center; border-bottom: 1px solid #E0E0E0; } .tips_contetn { padding-left: 0.26rem; color: #333333; font-size: 0.24rem; line-height: 0.39rem; margin-top: 0.36rem; } .div_desc_bg { margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; background-color: white; } .div_desc_content1 { display: flex; justify-content: space-between; padding-left: 0.26rem; padding-right: 0.2rem; align-items: center; height: 0.25rem; margin-top: 0.3rem; } .desc_title { color: #333333; font-size: 0.24rem; } .desc_content { color: #333333; font-size: 0.26rem; } .div_desc_content2 { display: flex; justify-content: space-between; padding-left: 0.26rem; padding-right: 0.2rem; align-items: center; height: 0.25rem; margin-top: 0.2rem; } .div_desc_content3 { display: flex; justify-content: space-between; padding-left: 0.26rem; padding-right: 0.2rem; align-items: center; height: 0.25rem; margin-top: 0.2rem; } .div_js_bg { color: #333333; font-size: 0.24rem; margin-top: 0.18rem; margin-left: 0.43rem; margin-right: 0.43rem; line-height: 0.3rem; } .div_register { display: flex; align-content: center; margin-top: 0.35rem; } .div_register img { width: 0.36rem; height: 0.36rem; margin-left: 1.27rem; } .register_title { color: #333333; font-size: 0.24rem; margin-left: 0.15rem; } .div_sure { height: 1rem; color: #E5005C; font-size: 0.32rem; margin-top: 0.44rem; background-color: white; display: flex; align-items: center; justify-content: center; } AppInside/accountZX/img/icon_logo.png
New file @@ -0,0 +1,103 @@ <!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/sytleaccount.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_hedaer_bg"> <div class="div_hedaer_gary_bg"></div> <div class="div_hedaer_white_bg"></div> <img src="img/icon_logo.png"> <div class="hedaer_title">你正在注销板栗快省账户</div> </div> <div class="div_tips_bg"> <div class="tips_title">账户注销</div> <div class="tips_contetn"> 1.您的账户无法登录与使用 <br> 2.您的账户信息将永久删除且无法恢复 <br> 3.您授权的微信账户将会自动解绑 <br> 4.您账户所关联的订单将无法查询与召回 <br> 5.您账户未结清的收入将被清空，请注销前去提现 <br> 6.当前绑定的手机号将无法再次注册板栗快省 </div> <div style="height: 0.36rem;"></div> </div> <div class="div_desc_bg"> <div class="tips_title">注销成功后，你将失去</div> <div class="div_desc_content1"> <div class="desc_title">可提现金额</div> <div class="desc_content">￥0.00</div> </div> <div class="div_desc_content2"> <div class="desc_title">本月预估</div> <div class="desc_content">￥0.00</div> </div> <div class="div_desc_content3"> <div class="desc_title">上月预估</div> <div class="desc_content">￥0.00</div> </div> <div style="height: 0.3rem;"></div> </div> <div class="div_js_bg">每月25日可提现上月确认收货的订单收入，建议你结清所有收入后再考虑注销</div> <div class="div_register"> <img :src="imgLogo" @click="readDelegate"> <div class="register_title"> 我已阅读并同意<a href="javascript:void()" style="text-decoration: none;color: #E5005C; " @click="register">《板栗快省账户注销须知》</a> </div> </div> <div class="div_sure" @click="zxsure">同意须知，下一步</div> <div class="div_pl" style="height: 0.3rem;"> </div> </body> <script type="text/javascript"> $(function() { var host = "http://api.flqapp.com"; var app = new Vue({ el: "#root", data: { select: true, imgLogo: 'img/icon_select.png' }, methods: { register: function() { }, zxsure: function() { if (app.select == true) { yesApp.toast('同意注销') } else { yesApp.toast('不同意注销') } }, readDelegate: function() { if (app.select == true) { app.imgLogo = 'img/icon_normol.png'; app.select = false; } else { app.imgLogo = 'img/icon_select.png'; app.select = true; } } } }); }); </script> </html> AppInside/accountZX/result.html
New file @@ -0,0 +1,29 @@ <!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/styleresult.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_top"></div> <div class="div_bot"></div> <img src="img/icon_logo.png"> <div class="hedaer_title"> 板栗快省账户已注销成功！<br> 感谢你的使用。 </div> </div> </body> </html> AppInside/miandanNew/css/stylesheet.css
New file @@ -0,0 +1,478 @@ * { 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; /* CSS3属性 */ /* IOS点击阴影 */ -webkit-tap-highlight-color: transparent; } body { background-color: #832EEB; font-family: Arial, "Microsoft YaHei"; } .div_xf_bg { background-color: #FFFCD7; width: 7.5rem; height: 0.62rem; display: flex; justify-content: space-between; position: fixed; z-index: 999; } .div_xf_left_bg { height: 0.62rem; display: flex; align-items: center; margin-left: 0.24rem; } .div_xf_left_bg img { width: 0.4rem; height: 0.4rem; } .div_xf_left_bg p { color: #E5005C; font-size: 0.24rem; margin-left: 0.11rem; } .div_xf_right_bg { margin-right: 0.15rem; margin-top: 0.09rem; width: 1.74rem; height: 0.44rem; font-size: 0.24rem; color: #EDFFED; background-color: #E5005C; display: flex; align-items: center; justify-content: center; border-radius: 0.22rem; } ._div_xf_changetabe { margin-top: 0.62rem; height: 0.89rem; background-color: #6F1ED2; display: -webkit-flex; font-size: 0.26rem; color: white; align-items: center; position: fixed; z-index: 1000; width: 7.5rem; } .div_img_bg { background-image: url(../img/icon_img_bg.png); margin-top: 0.62rem; width: 100%; height: 6.17rem; position: relative; background-repeat: no-repeat; /** 不重复*/ background-size: contain; /**等比例缩放*/ padding-top: 0.19rem; } .div_header_info_bg { margin-left: 0.48rem; margin-right: 0.48rem; height: 0.6rem; border-radius: 0.3rem; background-color: #9D67E1; display: -webkit-flex; justify-content: space-between; } .header_info_left_bg { display: -webkit-flex; align-items: center; flex-direction: column-reverse background-color: yellow; } .header_info_left_bg :nth-child(1) { width: 0.5rem; height: 0.5rem; margin-left: 0.05rem; border-radius:50%; } .header_info_left_bg :nth-child(2) { color: white; font-size: 0.3rem; margin-left: 0.11rem; } .header_info_right_bg { /* background-color: yellow; */ display: -webkit-flex; align-items: center; flex-direction: row-reverse; } .header_info_right_bg :nth-child(1) { width: 0.12rem; height: 0.2rem; margin-right: 0.15rem; } .header_info_right_bg :nth-child(2) { color: #FFF600; font-size: 0.3rem; margin-right: 0.14rem; } .header_info_right_bg :nth-child(3) { color: #FFFFFF; font-size: 0.3rem; } .div_img_bg_bot { margin-top: 4.92rem; background-color: rgba(249, 234, 74, 0.85); width: 100%; height: 1.25rem; position: absolute; bottom: 0; } .div_img_bg_circle { /* background-color: red; */ margin-top: 0.25rem; margin-left: 1.29rem; margin-right: 1.29rem; height: 0.3rem; display: -webkit-flex; align-items: center; } .div_img_bg_circle_one { background-color: white; width: 0.24rem; height: 0.24rem; border-radius: 0.20rem; border-style: solid; border-width: 0.06rem 0.06rem 0.06rem 0.06rem; border-color: #832EEB; } .div_img_bg_line_one { width: 1.25rem; height: 0.08rem; background-color: #832EEB; } .div_img_bg_desc { margin-top: 0.17rem; margin-left: 0.87rem; margin-right: 0.87rem; height: 0.29rem; color: #832EEB; font-size: 0.28rem; display: -webkit-flex; align-items: center; } .div_img_bg_desc :nth-child(2) { margin-left: 0.42rem; } .div_img_bg_desc :nth-child(3) { margin-left: 0.42rem; } .div_img_bg_desc :nth-child(4) { margin-left: 0.42rem; } ._div_reminder { background-color: #F9EA4A; height: 1.06rem; /* 因为上面头部用户信息padding 19px */ margin-top: -0.19rem; padding-left: 0.86rem; font-size: 0.2rem; color: #782BD9; display: -webkit-flex; align-items: center; } .div_headertabs { height: 0.89rem; background-color: #6F1ED2; display: -webkit-flex; font-size: 0.26rem; color: white; align-items: center; } .div_tb { width: 1.98rem; height: 0.5rem; background-color: #E5005C; border-radius: 0.23rem; text-align: center; line-height: 0.5rem; margin-left: 0.47rem; } .div_jd { width: 1.98rem; height: 0.5rem; background-color: #832EEB; border-radius: 0.23rem; text-align: center; line-height: 0.5rem; margin-left: 0.31rem; } .div_pdd { width: 1.98rem; height: 0.5rem; background-color: #832EEB; border-radius: 0.23rem; text-align: center; line-height: 0.5rem; margin-left: 0.32rem; } .div_headertabs_xf { top: 0.62rem; position: fixed; z-index: 1000; width: 100%; } .div_list_title_bg { /* background-color: red; */ height: 0.69rem; display: flex; } .div_list_title_bg :nth-child(1) { width: 0.25rem; height: 0.26rem; margin-left: 3rem; margin-top: 0.37rem; } .div_list_title_bg :nth-child(2) { font-size: 0.24rem; color: white; margin-left: 0.26rem; margin-top: 0.38rem; } .div_list_title_bg :nth-child(3) { width: 0.25rem; height: 0.26rem; margin-left: 0.26rem; margin-top: 0.37rem; } .div_gooList {} .div_items { background-color: #FFFFFF; height: 2.93rem; margin-top: 0.2rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; display: flex; } .goodsimg { width: 2.6rem; height: 2.6rem; background-color: #F6F6F6; border-radius: 0.1rem; margin-top: 0.16rem; margin-left: 0.16rem; } .div_item_rightBg { /* background-color: yellow; */ margin-left: 0.2rem; } .div_goods_title_bg { /* background-color: blue; */ height: 0.7rem; margin-top: 0.16rem; width: 3.88rem; } .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: 2.7em; 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.195rem; } .div_store_bg { margin-top: 0.47rem; display: 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; } .div_payment_sales_bg { /* background-color: yellow; */ display: flex; height: 0.35rem; margin-top: 0.2rem; } .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; } .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_coupon_bg { /* background-color: yellow; */ display: flex; margin-top: 0.14rem; } .div_coupon_bg :nth-child(1) { color: #FFFFFF; font-size: 0.24rem; width: 0.41rem; height: 0.36rem; background-color: #E5005C; display: flex; align-items: center; justify-content: center; border-radius: 0.06rem 0 0 0.06rem; } .div_coupon_bg :nth-child(2) { color: #E5005C; font-size: 0.24rem; border-right: 1px solid #E5005C; border-top: 1px solid #E5005C; border-bottom: 1px solid #E5005C; height: 0.32rem; display: flex; align-items: center; justify-content: center; border-radius: 0 0.06rem 0.06rem 0; } .div_coupon_bg :nth-child(3) { color: #FFFFFF; font-size: 0.24rem; width: 0.41rem; height: 0.36rem; background-color: #832EEB; display: flex; align-items: center; justify-content: center; border-radius: 0.06rem 0 0 0.06rem; margin-left: 0.2rem; } .div_coupon_bg :nth-child(4) { color: #832EEB; font-size: 0.24rem; border-right: 1px solid #832EEB; border-top: 1px solid #832EEB; border-bottom: 1px solid #832EEB; height: 0.32rem; display: flex; align-items: center; justify-content: center; border-radius: 0 0.06rem 0.06rem 0; } .div_rule { height: 6.6rem; margin-top: 0.57rem; margin-left: 0.2rem; margin-right: 0.2rem; border-radius: 0.2rem; background-color: #FFFFFF; } .div_rule_header { height: 0.86rem; font-size: 0.34rem; color: #333333; border-bottom: 1px solid #e0e0e0; display: -webkit-flex; align-items: center; padding-left: 0.29rem; } .div_rule_content { color: #333333; font-size: 0.24rem; margin-left: 0.26rem; margin-top: 0.43rem; line-height: 0.4rem; margin-right: 0.22rem; } AppInside/miandanNew/img/icon_+.png
New file @@ -0,0 +1,199 @@ <!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_xf_bg"> <div class="div_xf_left_bg"> <img src="img/icon_+.png"> <p>添加资深导师微信，享更多福利</p> </div> <div class="div_xf_right_bg"> 复制微信号 </div> </div> <!-- 选项卡悬浮 --> <div class="_div_xf_changetabe" v-show="xf_hangetabe_show"> <div class="div_tb" @click="changeTabs(1)">淘宝</div> <div class="div_jd" @click="changeTabs(2)">京东</div> <div class="div_pdd" @click="changeTabs(3)">拼多多</div> </div> <div class="div_img_bg"> <div class="div_header_info_bg"> <div class="header_info_left_bg"> <img src="img/icon_+.png"> <div>昵称昵称昵称</div> </div> <div class="header_info_right_bg"> <img src="img/icon_arrow.png"> <div>3张</div> <div>免单券：</div> </div> </div> <div class="div_img_bg_bot"> <div class="div_img_bg_circle"> <div class="div_img_bg_circle_one"></div> <div class="div_img_bg_line_one"></div> <div class="div_img_bg_circle_one"></div> <div class="div_img_bg_line_one"></div> <div class="div_img_bg_circle_one"></div> <div class="div_img_bg_line_one"></div> <div class="div_img_bg_circle_one"></div> </div> <div class="div_img_bg_desc"> <div class="div_img_bg_desc_text">选择商品</div> <div class="div_img_bg_desc_text">领券下单</div> <div class="div_img_bg_desc_text">确认收货</div> <div class="div_img_bg_desc_text">补贴返利</div> </div> </div> </div> <!-- 温馨提示 --> <div class="_div_reminder"> 温馨提示：新人需要授权淘宝后，全额返利才能自动到账，先下单<br>购买 后补全返利。 </div> <!-- 标题选项卡 --> <div class="div_headertabs"> <div class="div_tb" @click="changeTabs(1)">淘宝</div> <div class="div_jd" @click="changeTabs(2)">京东</div> <div class="div_pdd" @click="changeTabs(3)">拼多多</div> </div> <!-- 标题 --> <div class="div_list_title_bg"> <img src="img/icon_left.png"> <div>淘宝</div> <img src="img/icon_right.png"> </div> <!-- 列表 --> <div class="div_gooList"> <div class="div_items" v-for="(item, index) in goodsList" @click="fetchData(item)" :key="index"> <div id=""> <img v-bind:src="item.img" class="goodsimg" /> </div> <div class="div_item_rightBg"> <div class="div_goods_title_bg"> <img src="img/icon_tb.png"> <span class="goods_title">{{item.title}}</span> </div> <div class="div_store_bg"> <img src="img/icon_store.png"> <div>{{item.store}}</div> </div> <div class="div_payment_sales_bg"> <div>实付￥</div> <div>0</div> <div>￥78.9</div> <div>月销 8968</div> </div> <div class="div_coupon_bg"> <div>券</div> <div> ￥15 </div> <div>补</div> <div> ￥15 </div> </div> </div> </div> </div> <!-- 规则 --> <div class="div_rule"> <div class="div_rule_header">免单商品规则</div> <div class="div_rule_content"> 1.活动时间：每日均有不同的免单商品更新，商品数量有限，抢完即止；<br> 2.活动参与者：自2020年4月20日起，注册板栗快省的新用户或拥有免单券的用户；<br> 3.免单时效：新用户系统会自动下发一张免单券（有效期为：自新用户注册时起有效期为48小时）；<br> 4.免单券：有时效性，一旦过期，无法使用，不可折现；<br> 5.活动形式：用户首先按照返利订单下单，当该笔返利订单已到账后，系统将会自动补齐返利，用户实付0元；<br> 6.免单商品禁止使用积分、集分宝、红包、金币下单付款，否则无法获得补齐返利，订单成交价需和商品券后价一致（因系统计算需要舍掉分后数字，可能存在0.01元的误差）； </div> </div> <div style="height: 0.74rem;"></div> </div> </body> <script type="text/javascript"> $(function() { var host = "http://api.flqapp.com"; var app = new Vue({ el: "#root", data: { dd: 'ddddsss', xf_hangetabe_show: false, selectIndex: 1, goodsList: [{ img: 'img/icon_+.png', title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...', store: '三只松鼠官方旗舰店', id: '1' }, { img: 'img/icon_+.png', title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...', store: '三只松鼠官方旗舰店', id: '2' }, ], }, methods: { // 切换选项卡 changeTabs: function(type) { if (app.selectIndex != type) { app.selectIndex = type if (type == 1) { $('.div_tb').css('backgroundColor', '#E5005C') $('.div_jd').css('backgroundColor', '#832EEB') $('.div_pdd').css('backgroundColor', '#832EEB') } else if (type == 2) { $('.div_tb').css('backgroundColor', '#832EEB') $('.div_jd').css('backgroundColor', '#E5005C') $('.div_pdd').css('backgroundColor', '#832EEB') } else if (type == 3) { $('.div_tb').css('backgroundColor', '#832EEB') $('.div_jd').css('backgroundColor', '#832EEB') $('.div_pdd').css('backgroundColor', '#E5005C') } } }, fetchData: function(data) { yesApp.toast(data.id) yesApp.jumpGoodsSplashWithFrom('32424234','web'); } } }); var spaceTop = $('.div_headertabs').offset().top - 28; $(window).scroll(function() { var scrollDistance = $(window).scrollTop(); if (scrollDistance >= spaceTop) { // yesApp.toast($(window).scrollTop() + '') //$('.div_headertabs').addClass('div_headertabs_xf') app.xf_hangetabe_show = true; } else { //$('.div_headertabs').removeClass('div_headertabs_xf') app.xf_hangetabe_show = false; } }); }); </script> </html> AppInside/orderDetail/index.html
@@ -182,7 +182,8 @@ <script> // 是否需要重新刷新UI var isReload = false; var isReload = false; // "http://api.flqapp.com"; var host = "http://192.168.1.253:8080"; $(function() { var app = new Vue({ @@ -278,7 +279,6 @@ }; params = yesApp.getRequestBaseParams(params); var host = "http://192.168.1.253:8080"; $.ajax({ type: "GET", @@ -592,7 +592,6 @@ goodsType: sourceType }; params = yesApp.getRequestBaseParams(params); var host = "http://192.168.1.253:8080"; $.ajax({ type: "GET", data: JSON.parse(params), AppInside/rechargeQy/css/stylesheet.css
New file @@ -0,0 +1,337 @@ * { 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; /* CSS3属性 */ /* IOS点击阴影 */ -webkit-tap-highlight-color: transparent; /* 禁止长按图片保存 */ -webkit-touch-callout: none; } body { background-color: #F3F3F3; font-family: Arial, "Microsoft YaHei"; } .div_header img { width: 100%; height: 3.4rem; background-repeat: no-repeat; /** 不重复*/ background-size: contain; } .div_contair { margin-top: -0.25rem; height: 0.74rem; } .par-type { margin-top: -0.25rem; overflow: hidden; cursor: pointer; } .div_change { /* display: -webkit-box; overflow: auto; -scrollbar-base-color: #ff6600; -webkit-overflow-scrolling: touch; over-flow: auto; margin-top: -0.24rem; background-color: white; height: 0.74rem; */ /*滚动条的基色*/ display: -webkit-box; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 10px; margin-bottom: -10px; background-color: white; cursor: pointer; } .div_items { height: 0.74rem; cursor: pointer; } .div_items_content_1 { color: #333333; margin-left: 0.29rem; margin-top: 0.15rem; font-size: 0.3rem; display: -webkit-flex; align-items: center; color: #E5005B; } .div_items_content_1_line { width: 1.25rem; height: 2px; background-color: #E5005B; margin-left: 0.27rem; margin-top: 0.1rem; } .div_items_content_2 { color: #333333; margin-left: 0.4rem; margin-top: 0.15rem; font-size: 0.3rem; display: -webkit-flex; align-items: center; } .div_items_content_2_line { width: 1.25rem; height: 2px; background-color: white; margin-left: 0.38rem; margin-top: 0.1rem; } .div_items_content_3 { /* background-color: red; */ color: #333333; margin-left: 0.4rem; margin-top: 0.15rem; font-size: 0.3rem; display: -webkit-flex; align-items: center; } .div_items_content_3_line { width: 1.25rem; height: 2px; background-color: white; margin-left: 0.38rem; margin-top: 0.1rem; } .div_items_content_4 { /* background-color: red; */ color: #333333; margin-left: 0.4rem; margin-top: 0.15rem; font-size: 0.3rem; display: -webkit-flex; align-items: center; } .div_items_content_4_line { width: 1.25rem; height: 2px; background-color: white; margin-left: 0.38rem; margin-top: 0.1rem; } .div_items_content_5 { /* background-color: red; */ color: #333333; margin-left: 0.4rem; margin-top: 0.15rem; font-size: 0.3rem; display: -webkit-flex; align-items: center; } .div_items_content_5_line { width: 1.25rem; height: 2px; background-color: white; margin-left: 0.38rem; margin-top: 0.1rem; } .div_items_content_6 { /* background-color: red; */ color: #333333; margin-left: 0.4rem; margin-top: 0.15rem; font-size: 0.3rem; display: -webkit-flex; align-items: center; margin-right: 0.29rem; } .div_items_content_6_line { width: 1.25rem; height: 2px; background-color: white; margin-left: 0.38rem; margin-top: 0.1rem; } .div_headertabs_xf { top: 0.25rem; position: fixed; z-index: 1000; width: 100%; } .div_content_1 { margin-top: 0.28rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 5.7rem; background-color: white; border-radius: 0.2rem; } .div_content_header_1 { color: #FFFFFF; font-size: 0.3rem; height: 0.93rem; display: flex; align-items: center; padding-left: 0.44rem; background-color: #FF7AAF; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .div_content_2 { margin-top: 0.28rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 5.7rem; background-color: white; border-radius: 0.2rem; } .div_content_header_2 { color: #FFFFFF; font-size: 0.3rem; height: 0.93rem; display: flex; align-items: center; padding-left: 0.44rem; background-color: #FF7AAF; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .div_content_3 { margin-top: 0.28rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 5.7rem; background-color: white; border-radius: 0.2rem; } .div_content_header_3 { color: #FFFFFF; font-size: 0.3rem; height: 0.93rem; display: flex; align-items: center; padding-left: 0.44rem; background-color: #FF7AAF; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .div_content_4 { margin-top: 0.28rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 5.7rem; background-color: white; border-radius: 0.2rem; } .div_content_header_4 { color: #FFFFFF; font-size: 0.3rem; height: 0.93rem; display: flex; align-items: center; padding-left: 0.44rem; background-color: #FF7AAF; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .div_content_5 { margin-top: 0.28rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 5.7rem; background-color: white; border-radius: 0.2rem; } .div_content_header_5 { color: #FFFFFF; font-size: 0.3rem; height: 0.93rem; display: flex; align-items: center; padding-left: 0.44rem; background-color: #FF7AAF; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .div_content_6 { margin-top: 0.28rem; margin-left: 0.2rem; margin-right: 0.2rem; height: 5.7rem; background-color: white; border-radius: 0.2rem; } .div_content_header_6 { color: #FFFFFF; font-size: 0.3rem; height: 0.93rem; display: flex; align-items: center; padding-left: 0.44rem; background-color: #FF7AAF; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; } .div_quanyi { /* margin-top: -0.01rem; */ display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; background-color: #FFFFFF; } .div_items_quanyi { display: flex; flex-direction: column; align-items: center; margin-top: 0.37rem; width: 1.775rem; } .title { color: #333333; font-size: 0.26rem; } .subtitle { color: #F45530; font-size: 0.22rem; } AppInside/rechargeQy/img/icon_copy.png
New file @@ -0,0 +1,337 @@ <!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 id="body"> <div id="root"> <div class="div_header"> <img src="img/icon_header.png"> </div> <!-- 选项卡 --> <div class="div_contair"> <div class="par-type"> <div class="div_change"> <div class="div_items" @click="changeTabs(1,true)"> <div class="div_items_content_1">红包充值</div> <div class="div_items_content_1_line"></div> </div> <div class="div_items" @click="changeTabs(2,true)"> <div class="div_items_content_2">油卡特权</div> <div class="div_items_content_2_line"></div> </div> <div class="div_items" @click="changeTabs(3,true)"> <div class="div_items_content_3">美食折扣</div> <div class="div_items_content_3_line"></div> </div> <div class="div_items" @click="changeTabs(4,true)"> <div class="div_items_content_4">影视音频</div> <div class="div_items_content_4_line"></div> </div> <div class="div_items" @click="changeTabs(5,true)"> <div class="div_items_content_5">音乐文娱</div> <div class="div_items_content_5_line"></div> </div> <div class="div_items" @click="changeTabs(6,true)"> <div class="div_items_content_6">学习教育</div> <div class="div_items_content_6_line"></div> </div> </div> </div> </div> <!-- 内容 --> <!-- 红包充值 --> <div class="div_content_1"> <div class="div_content_header_1"> 红包充值 </div> <div class="div_quanyi"> <div class="div_items_quanyi" v-for="(item, index) in contentList1"> <img v-bind:src="item.img" style="width:1.2rem;height: 1.2rem;"> <div class="title"> {{item.title}} </div> <div class="subtitle" v-html="item.subTitle"> {{item.subTitle}} </div> </div> </div> </div> <!-- 油卡特权 --> <div class="div_content_2"> <div class="div_content_header_2"> 油卡特权 </div> <div class="div_quanyi"> <div class="div_items_quanyi" v-for="(item, index) in contentList1"> <img v-bind:src="item.img" style="width:1.2rem;height: 1.2rem;"> <div class="title"> {{item.title}} </div> <div class="subtitle" v-html="item.subTitle"> {{item.subTitle}} </div> </div> </div> </div> <!-- 美食折扣 --> <div class="div_content_3"> <div class="div_content_header_3"> 美食折扣 </div> <div class="div_quanyi"> <div class="div_items_quanyi" v-for="(item, index) in contentList1"> <img v-bind:src="item.img" style="width:1.2rem;height: 1.2rem;"> <div class="title"> {{item.title}} </div> <div class="subtitle" v-html="item.subTitle"> {{item.subTitle}} </div> </div> </div> </div> <!-- 影视视频 --> <div class="div_content_4"> <div class="div_content_header_4"> 影视视频 </div> <div class="div_quanyi"> <div class="div_items_quanyi" v-for="(item, index) in contentList1"> <img v-bind:src="item.img" style="width:1.2rem;height: 1.2rem;"> <div class="title"> {{item.title}} </div> <div class="subtitle" v-html="item.subTitle"> {{item.subTitle}} </div> </div> </div> </div> <!-- 音乐文娱 --> <div class="div_content_5"> <div class="div_content_header_5"> 音乐文娱 </div> <div class="div_quanyi"> <div class="div_items_quanyi" v-for="(item, index) in contentList1"> <img v-bind:src="item.img" style="width:1.2rem;height: 1.2rem;"> <div class="title"> {{item.title}} </div> <div class="subtitle" v-html="item.subTitle"> {{item.subTitle}} </div> </div> </div> </div> <!-- 学习教育 --> <div class="div_content_6"> <div class="div_content_header_6"> 学习教育 </div> <div class="div_quanyi"> <div class="div_items_quanyi" v-for="(item, index) in contentList1"> <img v-bind:src="item.img" style="width:1.2rem;height: 1.2rem;"> <div class="title"> {{item.title}} </div> <div class="subtitle" v-html="item.subTitle"> {{item.subTitle}} </div> </div> </div> </div> <div class="div_pl" style="height: 0.4rem;"> </div> </div> </body> <script type="text/javascript"> $(function() { var host = "http://api.flqapp.com"; var app = new Vue({ el: "#root", data: { indexType: 1, postion: { content1: 0, content2: 0, content3: 0, content4: 0, content5: 0, content6: 0 }, contentList1: [{ img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }, { img: 'img/icon_morerecharge.png', title: '免费领券', subTitle: '最高立减8元', }], }, methods: { changeTabs: function(type, bool) { if (app.indexType == type) return; $('.div_items_content_' + app.indexType).css('color', '#333333'); $('.div_items_content_' + app.indexType + '_line').css('background-color', '#FFFFFF'); $('.div_items_content_' + type).css('color', '#E5005B'); $('.div_items_content_' + type + '_line').css('background-color', '#E5005B'); app.indexType = type; // document.documentElement.clientWidth总屏幕宽度 var totalWidth = document.documentElement.clientWidth; var currentWidth = $('.div_items_content_' + type).offset().left; // yesApp.toast($('.div_items_content_' + type).offset().left + '') if (type == 1) { if (bool == true) { $("html,body").scrollTop(app.postion.content1 + 1) } } else if (type == 2) { if (bool == true) { $("html,body").scrollTop(app.postion.content2 + 1) } } else if (type == 3) { if (bool == true) { $("html,body").scrollTop(app.postion.content3 + 1) } } else if (type == 4) { if (bool == true) { $("html,body").scrollTop(app.postion.content4 + 1) } } else if (type == 5) { if (bool == true) { $("html,body").scrollTop(app.postion.content5 + 1) } } else if (type == 6) { if (bool == true) { var scrollHeight = $('#body').prop("scrollHeight"); $("html,body").scrollTop(app.postion.content5 + 53) } } if (totalWidth / 2 < currentWidth) { if (type == 5) { $('.div_change').animate({ scrollLeft: 300 }, 250); } else { $('.div_change').animate({ scrollLeft: currentWidth - 160 }, 250); } } else { if (type == 4) { $('.div_change').animate({ scrollLeft: currentWidth - 40 }, 250); return; } if (type == 3) { $('.div_change').animate({ scrollLeft: currentWidth - 160 }, 250); return; } $('.div_change').animate({ scrollLeft: 0 }, 250); } } } }); var spaceTop = $('.par-type').offset().top; var content1 = $('.div_content_1').offset().top - 51; var content2 = $('.div_content_2').offset().top - 51; var content3 = $('.div_content_3').offset().top - 51; var content4 = $('.div_content_4').offset().top - 51; var content5 = $('.div_content_5').offset().top - 51; var content6 = $('.div_content_6').offset().top; - 51 app.postion.content1 = content1; app.postion.content2 = content2; app.postion.content3 = content3; app.postion.content4 = content4; app.postion.content5 = content5; app.postion.content6 = content6; $(window).scroll(function() { var scrollDistance = $(window).scrollTop(); if (scrollDistance >= spaceTop) { $('.par-type').removeClass('div_headertabs_xf') $('.par-type').addClass('div_headertabs_xf') } else { $('.par-type').removeClass('div_headertabs_xf') } if (scrollDistance < content2) { //content1 app.changeTabs(1, false) } if (scrollDistance > content2 && scrollDistance < content3) { //content2 app.changeTabs(2, false) } if (scrollDistance > content3 && scrollDistance < content4) { //content3 app.changeTabs(3, false) } if (scrollDistance > content4 && scrollDistance < content5) { //content4 app.changeTabs(4, false) } if (scrollDistance > content5 && scrollDistance < content6) { //content5 app.changeTabs(5, false) } }); }); </script> </html> AppInside/vipNew/supvip.html
@@ -1,4 +1,4 @@ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> @@ -50,7 +50,7 @@ <div class="div_provinceearn_yellowbg"> <div v-if="vip==false" class="div_provinceearn_title">未升级超级会员</div> <div v-else class="div_provinceearn_title"></div> <div v-else class="div_provinceearn_title" style="height: 0.22rem;"></div> <div class="div_provinceearn_botom"> <div class="div_provinceearn_savemoney"> <div class="provinceearn_savemoney_Title" v-if="vip==false"> @@ -101,7 +101,7 @@ 我的订单：<span style="font-size: 0.16rem;">(返利订单+分享订单)</span> </div> <div class="div_upgradeprogress_set" style="margin-right: 0.44rem;"> {{progress.limitOrder}}笔 {{progress.doneOrder}}笔/{{progress.limitOrder}}笔 </div> </div> <div class="div_upgradeprogress_small_bg"> @@ -122,7 +122,7 @@ 直接粉丝： </div> <div class="div_upgradeprogress_set" style="margin-right: 0.44rem;"> {{progress.limitFirst}}人 {{progress.doneFirst}}人/{{progress.limitFirst}}人 </div> </div> <div class="div_upgradeprogress_small_bg"> @@ -136,7 +136,7 @@ 间接粉丝 </div> <div class="div_upgradeprogress_set" style="margin-right: 0.44rem;"> {{progress.limitSecond}}人 {{progress.doneSecond}}人/{{progress.limitSecond}}人 </div> </div> <div class="div_upgradeprogress_small_bg"> @@ -201,7 +201,7 @@ </div> <div style="height: 0.46rem; background-color: #333333;"></div> <!-- 邀请好友 --> <div class="div_invite_friend"> <div class="div_invite_friend" v-if="friendShow"> <div class="invite_friend_title_bg"> <div>邀请好友</div> </div> @@ -368,13 +368,15 @@ </tfoot> <script type="text/javascript"> $(function() { var host = "http://api.flqapp.com"; $(function() { // "http://api.flqapp.com"; var host = 'http://192.168.1.253:8080'; var app = new Vue({ el: "#root", data: { show: true, vip: false, vip: false, friendShow: false, ruleLink: '', level: '', tearcherTip: '', @@ -701,7 +703,7 @@ $.ajax({ type: "GET", data: JSON.parse(params), url: 'http://192.168.1.253:8080' + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli' url: host + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli' dataType: "jsonp", async: false, success: function(result) { @@ -812,7 +814,7 @@ app.ruleLink = result.data.ruleLink; app.level = level; app.tearcherTip = result.data.tearcherTip; app.tearcherWX = result.data.tearcherTip; app.tearcherWX = result.data.tearcherWX; app.newerGongLue = result.data.newerGongLue; app.daRen = daRen;
