Merge branch 'master' of ssh://193.112.35.168:29418/flqFront
63个文件已添加
4个文件已修改
1 文件已重命名
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>活动详情</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/activity.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/layer.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>
|
|---|
| | | <script type="text/javascript" src="js/layer.js"></script>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div class="div_recommendedText">
|
|---|
| | | <div id="recommendedText_title" class="title">推荐文本</div>
|
|---|
| | | <div class="div_recommendedText_content">
|
|---|
| | | <textarea rows="" cols="" class="textareas"></textarea>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_commentText">
|
|---|
| | | <div id="recommendedText_title" class="title">评论文本</div>
|
|---|
| | | <div class="div_commentText_content">
|
|---|
| | | <textarea rows="" cols="" class="textareas_comment"></textarea>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_item_bg">
|
|---|
| | | <div class="div_items" v-for="(item, index) in dataList">
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1.2rem;"></div>
|
|---|
| | |
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div @click="shareActivity" style="margin-left: 0.3rem;">分享活动</div>
|
|---|
| | | <div @click="browseDetails" style="margin-left: 0.1rem;">浏览详情</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="share" style="display: none;">
|
|---|
| | | <div class="share_title">分享网页</div>
|
|---|
| | | <div class="share_content">
|
|---|
| | |
|
|---|
| | | <div class="share_content_content" onclick="shareText(1)">
|
|---|
| | | <div class="share_content_content_img">
|
|---|
| | | <img src="img/icon_wx.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="share_content_content_title">
|
|---|
| | | 微信好友
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="share_content_content" onclick="shareText(2)">
|
|---|
| | | <div class="share_content_content_img">
|
|---|
| | | <img src="img/icon_pyq.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="share_content_content_title">
|
|---|
| | | 朋友圈
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="share_content_content" onclick="shareText(3)">
|
|---|
| | | <div class="share_content_content_img">
|
|---|
| | | <img src="img/icon_qq.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="share_content_content_title">
|
|---|
| | | QQ好友
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="share_content_content" onclick="shareText(4)">
|
|---|
| | | <div class="share_content_content_img">
|
|---|
| | | <img src="img/icon_kj.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="share_content_content_title">
|
|---|
| | | QQ空间
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="share_content_content" onclick="shareText(5)">
|
|---|
| | | <div class="share_content_content_img">
|
|---|
| | | <img src="img/icon_copy.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="share_content_content_title">
|
|---|
| | | 复制链接
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="height: 1px; background-color: #D0D0D0; margin-top: 0.37rem;"></div>
|
|---|
| | |
|
|---|
| | | <div class="div_cancel" onclick="cancelShare()">取消</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | var layerIndex;
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | dataList: [{}, {}]
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | shareActivity: function() {
|
|---|
| | | layerIndex = layer.open({
|
|---|
| | | type: 1,
|
|---|
| | | content: $("#share").html(),
|
|---|
| | | anim: 'up',
|
|---|
| | | style: 'position:fixed; bottom:0; left:0; width: 100%; height: 3.4rem; padding:0 0; border:none;background-color: white'
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | browseDetails: function() {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | // cancelShare: function() {
|
|---|
| | | // layer.close(layerIndex);
|
|---|
| | | // },
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | //关闭分享弹框
|
|---|
| | | function cancelShare() {
|
|---|
| | | layer.close(layerIndex);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function shareText(type) { |
|---|
| | | layer.close(layerIndex);
|
|---|
| | | yesApp.shareText(type, 'sssss')
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | .div_recommendedText {
|
|---|
| | | margin-top: 0.45rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #recommendedText_title {}
|
|---|
| | |
|
|---|
| | | .div_recommendedText_content {
|
|---|
| | | border: #E0E0E0 solid 1px;
|
|---|
| | | height: 2.3rem;
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | margin-right: 0.15rem;
|
|---|
| | | border-radius: 0.16rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .textareas {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | width: 6.6rem;
|
|---|
| | | height: 2rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | margin-top: 0.1rem;
|
|---|
| | | margin-left: 0.05rem;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commentText {
|
|---|
| | | margin-top: 0.5rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commentText_content {
|
|---|
| | | border: #E0E0E0 solid 1px;
|
|---|
| | | height: 2.43rem;
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | margin-right: 0.15rem;
|
|---|
| | | border-radius: 0.16rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .textareas_comment {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | width: 6.6rem;
|
|---|
| | | height: 2.13rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | margin-top: 0.1rem;
|
|---|
| | | margin-left: 0.05rem;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item_bg {
|
|---|
| | | margin-top: 0.55rem;
|
|---|
| | | margin-left: 0.15rem;
|
|---|
| | | margin-right: 0.15rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_items {
|
|---|
| | | height: 4.05rem;
|
|---|
| | | background-color: red;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit {
|
|---|
| | | border-top: #D1D1D1 solid 1px;
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 9999;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit div {
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | background-color: #E5005B;
|
|---|
| | | width: 3.4rem;
|
|---|
| | | height: 0.68rem;
|
|---|
| | | border-radius: 0.38rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .share {}
|
|---|
| | |
|
|---|
| | | .share_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | height: 0.26rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | text-align: center;
|
|---|
| | | margin-left: 3.18rem;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .share_content {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .share_content_content {
|
|---|
| | | width: 1.5rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .share_content_content_img {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: center;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .share_content_content_img img {
|
|---|
| | | width: 0.98rem; |
|---|
| | | height: 0.98rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .share_content_content_title { |
|---|
| | | color: #666666; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | height: 0.26rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | margin-top: 0.12rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_cancel { |
|---|
| | | color: #333333; |
|---|
| | | font-size: 0.3rem; |
|---|
| | | height: 1rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | 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: white;
|
|---|
| | | font-family: Arial, "Microsoft YaHei";
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | color: #333333; |
|---|
| | | font-size: 0.3rem; |
|---|
| | | height: 0.3rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .textarea { |
|---|
| | | margin-left: 0.01rem; |
|---|
| | | -webkit-user-select: auto; |
|---|
| | | width: 5.5rem; |
|---|
| | | height: 1.0rem; |
|---|
| | | border: none; |
|---|
| | | outline: medium; |
|---|
| | | padding-left: 0.32rem; |
|---|
| | | color: #000000; |
|---|
| | | font-size: 0.3rem; |
|---|
| | | background-color: red; |
|---|
| | | |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | /*! layer mobile-v2.0 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */ |
|---|
| | | ;!function(a){"use strict";var b=document,c="querySelectorAll",d="getElementsByClassName",e=function(a){return b[c](a)},f={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},g={extend:function(a){var b=JSON.parse(JSON.stringify(f));for(var c in a)b[c]=a[c];return b},timer:{},end:{}};g.touch=function(a,b){a.addEventListener("click",function(a){b.call(this,a)},!1)};var h=0,i=["layui-m-layer"],j=function(a){var b=this;b.config=g.extend(a),b.view()};j.prototype.view=function(){var a=this,c=a.config,f=b.createElement("div");a.id=f.id=i[0]+h,f.setAttribute("class",i[0]+" "+i[0]+(c.type||0)),f.setAttribute("index",h);var g=function(){var a="object"==typeof c.title;return c.title?'<h3 style="'+(a?c.title[1]:"")+'">'+(a?c.title[0]:c.title)+"</h3>":""}(),j=function(){"string"==typeof c.btn&&(c.btn=[c.btn]);var a,b=(c.btn||[]).length;return 0!==b&&c.btn?(a='<span yes type="1">'+c.btn[0]+"</span>",2===b&&(a='<span no type="0">'+c.btn[1]+"</span>"+a),'<div class="layui-m-layerbtn">'+a+"</div>"):""}();if(c.fixed||(c.top=c.hasOwnProperty("top")?c.top:100,c.style=c.style||"",c.style+=" top:"+(b.body.scrollTop+c.top)+"px"),2===c.type&&(c.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(c.content||"")+"</p>"),c.skin&&(c.anim="up"),"msg"===c.skin&&(c.shade=!1),f.innerHTML=(c.shade?"<div "+("string"==typeof c.shade?'style="'+c.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(c.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(c.skin?"layui-m-layer-"+c.skin+" ":"")+(c.className?c.className:"")+" "+(c.anim?"layui-m-anim-"+c.anim:"")+'" '+(c.style?'style="'+c.style+'"':"")+">"+g+'<div class="layui-m-layercont">'+c.content+"</div>"+j+"</div></div></div>",!c.type||2===c.type){var k=b[d](i[0]+c.type),l=k.length;l>=1&&layer.close(k[0].getAttribute("index"))}document.body.appendChild(f);var m=a.elem=e("#"+a.id)[0];c.success&&c.success(m),a.index=h++,a.action(c,m)},j.prototype.action=function(a,b){var c=this;a.time&&(g.timer[c.index]=setTimeout(function(){layer.close(c.index)},1e3*a.time));var e=function(){var b=this.getAttribute("type");0==b?(a.no&&a.no(),layer.close(c.index)):a.yes?a.yes(c.index):layer.close(c.index)};if(a.btn)for(var f=b[d]("layui-m-layerbtn")[0].children,h=f.length,i=0;h>i;i++)g.touch(f[i],e);if(a.shade&&a.shadeClose){var j=b[d]("layui-m-layershade")[0];g.touch(j,function(){layer.close(c.index,a.end)})}a.end&&(g.end[c.index]=a.end)},a.layer={v:"2.0",index:h,open:function(a){var b=new j(a||{});return b.index},close:function(a){var c=e("#"+i[0]+a)[0];c&&(c.innerHTML="",b.body.removeChild(c),clearTimeout(g.timer[a]),delete g.timer[a],"function"==typeof g.end[a]&&g.end[a](),delete g.end[a])},closeAll:function(){for(var a=b[d](i[0]),c=0,e=a.length;e>c;c++)layer.close(0|a[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var a=document.scripts,c=a[a.length-1],d=c.src,e=d.substring(0,d.lastIndexOf("/")+1);c.getAttribute("merge")||document.head.appendChild(function(){var a=b.createElement("link");return a.href=e+"need/layer.css?2.0",a.type="text/css",a.rel="styleSheet",a.id="layermcss",a}())}()}(window); |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | 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";
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .baleneceName { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.2rem; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | |
|---|
| | | .div_items { |
|---|
| | | /* background-color: blue */ |
|---|
| | | height: 0.99rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_list { |
|---|
| | | margin-top: 0.2rem; |
|---|
| | | background-color: white; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .itemsTop { |
|---|
| | | display: -webkit-flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.98rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | color: #333333; |
|---|
| | | height: 0.32rem; |
|---|
| | | font-size: 0.32rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-left: 0.3rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .itemsTop img { |
|---|
| | | width: 0.15rem; |
|---|
| | | height: 0.24rem; |
|---|
| | | margin-right: 0.3rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .itemsLine { |
|---|
| | | height: 1px; |
|---|
| | | background-color: #E0E0E0; |
|---|
| | | margin-left: 0.3rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .itemsLine.checked { |
|---|
| | | background-color: white; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .itemsLine:hover { |
|---|
| | | background-color: white; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .desc { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | height: 0.28rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | margin-top: 0.36rem; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | .div_balance {
|
|---|
| | | background-color: white;
|
|---|
| | | height: 1.1rem;
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_balance div {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | margin-left: 0.28rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-right: 0.27rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.88rem;
|
|---|
| | | width: 5rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: right
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input::-webkit-input-placeholder {
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fundDetail {
|
|---|
| | | margin-top: 0.3rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | margin-right: 0.3rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_detail_title {
|
|---|
| | | color: #000000;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | height: 0.74rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-left: 0.4rem;
|
|---|
| | | border-bottom: #D9D9D9 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fundDetail_conte1 {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fundDetail_content1_left {
|
|---|
| | | margin-top: 0.4rem;
|
|---|
| | | margin-left: 0.15rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fundDetail_content1_mid {
|
|---|
| | | margin-top: 0.4rem;
|
|---|
| | | margin-left: 0.34rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fundDetail_content1_right {
|
|---|
| | | margin-top: 0.4rem;
|
|---|
| | | margin-left: 0.34rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #div_thisMonth_tx {
|
|---|
| | | height: 0.2rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_input {
|
|---|
| | | margin-top: -0.35rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input_number {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.59rem;
|
|---|
| | | width: 1.67rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #333333;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: center;
|
|---|
| | | background-color: #E0E0E0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fundDetail_conte2 {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_receiveDetail {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | margin-right: 0.3rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_todayDetail {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | margin-right: 0.3rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_thisMonthDetail {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | margin-right: 0.3rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_todayDetail_conte1 {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | margin-top: 0.33rem;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_todayDetail_conte2 {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | margin-top: 0.38rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_todayDetail_conte1_left {
|
|---|
| | | margin-left: 0.38rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_todayDetail_conte1_right {
|
|---|
| | | margin-left: 0.44rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #div_thisMonth_sy {
|
|---|
| | | height: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input_number_otner {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.59rem;
|
|---|
| | | width: 2.55rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #333333;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: left;
|
|---|
| | | background-color: #E0E0E0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips {
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.86rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-left: 0.3rem;
|
|---|
| | | border-bottom: #D9D9D9 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | border-top: #dddddd solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | .div_reivedData_list1 {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item {
|
|---|
| | | height: 1rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item_top {
|
|---|
| | | height: 0.98rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | margin-right: 0.3rem;
|
|---|
| | | flex-direction: row-reverse;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .arrow {
|
|---|
| | | width: 0.15rem;
|
|---|
| | | height: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_hedaerImg {
|
|---|
| | | width: 0.66rem;
|
|---|
| | | height: 0.66rem;
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | border-radius: 0.33rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .name {
|
|---|
| | | color: #000000;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.7rem;
|
|---|
| | | width: 5rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: right
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input::-webkit-input-placeholder {
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_reivedData_list2 {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips {
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.86rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-left: 0.3rem;
|
|---|
| | | border-bottom: #D9D9D9 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | border-top: #dddddd solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .dialogmask_updateNickName {
|
|---|
| | | display: none;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: rgba(1, 1, 1, 0.5);
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_updateNickName {
|
|---|
| | | width: 5.60rem;
|
|---|
| | | min-height: 1rem;
|
|---|
| | | background: #FFFFFF;
|
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | /* padding: 0.2rem; */
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: block;
|
|---|
| | | height: auto;
|
|---|
| | | position: absolute;
|
|---|
| | | margin: auto;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | max-height: 4.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .closeImg {
|
|---|
| | | height: 0.5rem;
|
|---|
| | | right: 0.2rem;
|
|---|
| | | top: 0.2rem;
|
|---|
| | | position: absolute
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_title {
|
|---|
| | | color: #010101;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | height: 0.32rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.49rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .input_other {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.7rem;
|
|---|
| | | width: 4.7rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: left;
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_commit_updateNickName {
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | background-color: #E5005C;
|
|---|
| | | border-radius: 0.4rem;
|
|---|
| | | margin-top: 0.74rem;
|
|---|
| | | margin-left: 0.42rem;
|
|---|
| | | margin-right: 0.42rem;
|
|---|
| | | height: 0.8rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .dialogmask_vip {
|
|---|
| | | display: none;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: rgba(1, 1, 1, 0.5);
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_vip {
|
|---|
| | | width: 5.60rem;
|
|---|
| | | min-height: 1rem;
|
|---|
| | | background: #FFFFFF;
|
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | /* padding: 0.2rem; */
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: block;
|
|---|
| | | height: auto;
|
|---|
| | | position: absolute;
|
|---|
| | | margin: auto;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | max-height: 5.7rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes_bg { |
|---|
| | | margin-top: 0.5rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes { |
|---|
| | | color: #000000; |
|---|
| | | font-size: 0.28rem; |
|---|
| | | background-color: #F3F3F3; |
|---|
| | | margin-top: 0.22rem; |
|---|
| | | height: 0.7rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | margin-left: 0.92rem; |
|---|
| | | margin-right: 0.92rem; |
|---|
| | | border-radius: 0.06rem; |
|---|
| | | |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes.checked { |
|---|
| | | background-color: #FFD1E4; |
|---|
| | | color: #E5005C; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes:hover { |
|---|
| | | background-color: #FFD1E4; |
|---|
| | | color: #E5005C; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_selcet.checked { |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_selcet:hover { |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_selcet { |
|---|
| | | width: 0.38rem; |
|---|
| | | height: 0.39rem; |
|---|
| | | right: 0; |
|---|
| | | top: 0.32rem; |
|---|
| | | position: absolute; |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dialog_commit_vip {
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | background-color: #E5005C;
|
|---|
| | | border-radius: 0.4rem;
|
|---|
| | | margin-top: 0.55rem;
|
|---|
| | | margin-left: 0.42rem;
|
|---|
| | | margin-right: 0.42rem;
|
|---|
| | | height: 0.8rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .dialogmask_date {
|
|---|
| | | display: none;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: rgba(1, 1, 1, 0.5);
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_date {
|
|---|
| | | width: 5.60rem;
|
|---|
| | | min-height: 1rem;
|
|---|
| | | background: #FFFFFF;
|
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | /* padding: 0.2rem; */
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: block;
|
|---|
| | | height: auto;
|
|---|
| | | position: absolute;
|
|---|
| | | margin: auto;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | max-height: 6.6rem;
|
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | .previewType { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.28rem; |
|---|
| | | height: 0.28rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-top: 0.26rem; |
|---|
| | | margin-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;
|
|---|
| | | opacity: 0;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .pushCount { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.28rem; |
|---|
| | | height: 0.28rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-top: 0.45rem; |
|---|
| | | margin-left: 0.3rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|
|---|
| | | .input {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.88rem;
|
|---|
| | | width: 7.3rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_input_content_bg {
|
|---|
| | | background-color: white;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | border-top: #dddddd solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | .div_reivedData_list {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item {
|
|---|
| | | height: 1rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item_top {
|
|---|
| | | height: 0.98rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-right: 0.27rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.7rem;
|
|---|
| | | width: 5rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | text-align: right
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input::-webkit-input-placeholder {
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips {
|
|---|
| | | margin-top: 4.5rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.86rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-left: 0.3rem;
|
|---|
| | | border-bottom: #D9D9D9 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | border-top: #dddddd solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | .div_items { |
|---|
| | | background-color: white; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items { |
|---|
| | | height: 1.4rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_top { |
|---|
| | | height: 1.38rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_top_left { |
|---|
| | | height: 1.38rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_top_right { |
|---|
| | | height: 1.38rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | color: #E5005C; |
|---|
| | | font-size: 0.36rem; |
|---|
| | | font-weight: bold; |
|---|
| | | margin-right: 0.2rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_top_left_content { |
|---|
| | | height: 1.38rem; |
|---|
| | | padding-left: 0.11rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_top_left_content_title { |
|---|
| | | color: #333333; |
|---|
| | | font-size: 0.28rem; |
|---|
| | | height: 0.28rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items:center; |
|---|
| | | margin-top: 0.32rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_top_left_content_content { |
|---|
| | | color: #999999; |
|---|
| | | font-size: 0.24rem; |
|---|
| | | height: 0.24rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items:center; |
|---|
| | | margin-top: 0.25rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .imtTx { |
|---|
| | | margin-left: 0.18rem; |
|---|
| | | width: 0.7rem; |
|---|
| | | height: 0.7rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_line { |
|---|
| | | background-color: #E0E0E0; |
|---|
| | | height: 1px; |
|---|
| | | margin-left: 0.18rem; |
|---|
| | | margin-right: 0.2rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_add_bg {
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | height: 1.2rem;
|
|---|
| | | border-radius: 0.06rem; |
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_img {
|
|---|
| | | height: 0.38rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_add_desc {
|
|---|
| | | margin-top: 0.08rem;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | color: #888888;
|
|---|
| | | height: 0.25rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_img {
|
|---|
| | | padding-top: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_img img {
|
|---|
| | | width: 0.38rem;
|
|---|
| | | height: 0.38rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | border-top: #dddddd solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_tips { |
|---|
| | | position: fixed;
|
|---|
| | | margin-top: 7rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem; |
|---|
| | | z-index: 1000;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.86rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-left: 0.3rem;
|
|---|
| | | border-bottom: #D9D9D9 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_content {
|
|---|
| | | margin-top: 0.43rem;
|
|---|
| | | padding-left: 0.26rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .dialogmask {
|
|---|
| | | display: none;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: rgba(1, 1, 1, 0.5);
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog {
|
|---|
| | | width: 5.60rem;
|
|---|
| | | min-height: 1rem;
|
|---|
| | | background: #FFFFFF;
|
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: block;
|
|---|
| | | height: auto;
|
|---|
| | | position: absolute;
|
|---|
| | | margin: auto;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | max-height: 9.4rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog>img {
|
|---|
| | | height: 0.5rem;
|
|---|
| | | right: 0.2rem;
|
|---|
| | | top: 0.2rem;
|
|---|
| | | position: absolute
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_title {
|
|---|
| | | color: #010101;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | height: 0.32rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.49rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .tx_title_desc { |
|---|
| | | color: #333333; |
|---|
| | | font-size: 0.3rem; |
|---|
| | | height: 0.3rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-left: 0.3rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #tx_date { |
|---|
| | | margin-top: 0.47rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #tx_other { |
|---|
| | | margin-top: 0.27rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .input {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-left: 0.3rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.74rem;
|
|---|
| | | width: 4.7rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C; |
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_input_content_bg {
|
|---|
| | | background-color: white;
|
|---|
| | | margin-top: 0.16rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .dialog_commit { |
|---|
| | | color: #FFFFFF; |
|---|
| | | font-size: 0.32rem; |
|---|
| | | background-color: #E5005C; |
|---|
| | | border-radius: 0.4rem; |
|---|
| | | margin-top: 0.66rem; |
|---|
| | | margin-left: 0.42rem; |
|---|
| | | margin-right: 0.42rem; |
|---|
| | | height: 0.8rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>数据预览</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/datamain.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_list">
|
|---|
| | | <div class="div_items" v-for="(item, index) in dataList" @click="touchindex(index)">
|
|---|
| | | <div class="itemsTop">
|
|---|
| | | <div class="title">{{item}}</div>
|
|---|
| | | <img src="img/icon_right_arrow.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="itemsLine" :class="{checked:index==n}"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="desc">更多预览开放中...</div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | n: 4,
|
|---|
| | | dataList: ['我的页面预览',
|
|---|
| | | '资金页面预览',
|
|---|
| | | '提现记录页面预览',
|
|---|
| | | '订单推送预览',
|
|---|
| | | '到账数据预览'
|
|---|
| | | ]
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | touchindex: function(index) {
|
|---|
| | | switch (index) {
|
|---|
| | | case 0: |
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/dataPreview/myPreview.html', null)
|
|---|
| | | break;
|
|---|
| | | case 1:
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/dataPreview/fund.html', null)
|
|---|
| | | break;
|
|---|
| | | case 2: |
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/dataPreview/txRecord.html', null)
|
|---|
| | | break;
|
|---|
| | | case 3:
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/dataPreview/orderPush.html', null)
|
|---|
| | | break;
|
|---|
| | | case 4:
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/dataPreview/receivedData.html', null)
|
|---|
| | | break;
|
|---|
| | | default:
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>资金预览</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/fund.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_balance">
|
|---|
| | | <div>账户余额</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="不要超过7位数，支持小数点后两位" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="10">
|
|---|
| | | </div>
|
|---|
| | | <!-- 资金详情 -->
|
|---|
| | | <div class="div_fundDetail">
|
|---|
| | | <div class="div_detail_title">资金详情</div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_conte1">
|
|---|
| | | <div class="div_fundDetail_content1_left">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 本月提现
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_content1_mid">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 上月提现
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_content1_right">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 累计提现
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px;background-color: #E0E0E0; margin-left: 0.55rem; margin-right: 0.55rem; margin-top: 0.15rem;"></div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_conte2">
|
|---|
| | | <div class="div_fundDetail_content1_left">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 累计自购返利
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_content1_mid">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 累计分享奖金
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_content1_right">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 累计团队收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.25rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 收货详情 -->
|
|---|
| | | <div class="div_receiveDetail">
|
|---|
| | | <div class="div_detail_title">收货详情</div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_conte1">
|
|---|
| | | <div class="div_fundDetail_content1_left">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 本月已收货
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_content1_mid">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 上月已收货
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_fundDetail_content1_right">
|
|---|
| | | <div id="div_thisMonth_tx" class="baleneceName">
|
|---|
| | | 待确认收货
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.2rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 今日详情 -->
|
|---|
| | | <div class="div_todayDetail">
|
|---|
| | | <div class="div_detail_title">今日详情</div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1">
|
|---|
| | | <div class="div_todayDetail_conte1_left">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 总预估收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1_right">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 总预估收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte2">
|
|---|
| | | <div class="div_todayDetail_conte1_left">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 预估我的收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1_right">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 付款订单数（笔）
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte2">
|
|---|
| | | <div class="div_todayDetail_conte1_left">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 预估团队收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1_right">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 付款订单数（笔）
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.2rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 本月详情 -->
|
|---|
| | | <div class="div_thisMonthDetail">
|
|---|
| | | <div class="div_detail_title">本月详情</div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1">
|
|---|
| | | <div class="div_todayDetail_conte1_left">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 总预估收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1_right">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 总预估收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte2">
|
|---|
| | | <div class="div_todayDetail_conte1_left">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 预估我的收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1_right">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 付款订单数（笔）
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte2">
|
|---|
| | | <div class="div_todayDetail_conte1_left">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 预估团队收益
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_todayDetail_conte1_right">
|
|---|
| | | <div id="div_thisMonth_sy" class="baleneceName">
|
|---|
| | | 付款订单数（笔）
|
|---|
| | | </div>
|
|---|
| | | <div class="div_input">
|
|---|
| | | <input id="inpunt_id" class="input_number_otner" type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.2rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 重要提示 -->
|
|---|
| | | <div class="div_tips">
|
|---|
| | | <div class="div_tips_title">重要提示</div>
|
|---|
| | | <div class="div_tips_content">
|
|---|
| | | 1.本页数据仅供数据预览使用，不可用作其他用途；<br>
|
|---|
| | | 2.本页仅对超级会员开放预览使用，且仅支持在板栗快省App中打开；<br>
|
|---|
| | | 3.系统将会记录上一次填写的预览数据；<br>
|
|---|
| | | <span style="color: #E5005C;">4.提交预览后，系统会让相关页面保留预览数据10分钟，10分钟后恢复到非预览数据。</span>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.41rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1.3rem"></div>
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: '提交预览'
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | commitInfo: function() {
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>我的预览</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/myPreview.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_reivedData_list1">
|
|---|
| | | <!-- 头像 -->
|
|---|
| | | <div class="div_item" @click="updateNickName_headerImg(1)">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">头像</div>
|
|---|
| | | <div class="content">
|
|---|
| | | <img src="img/icon_right_arrow.png" class="arrow">
|
|---|
| | | <img class="div_hedaerImg">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 昵称 -->
|
|---|
| | | <div class="div_item" @click="updateNickName_headerImg(2)">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">昵称</div>
|
|---|
| | | <div class="content">
|
|---|
| | | <img src="img/icon_right_arrow.png" class="arrow">
|
|---|
| | | <div class="name">杰拉斯</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 选择会员等级 -->
|
|---|
| | | <div class="div_item" @click="updateVip">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">选择会员等级</div>
|
|---|
| | | <div class="content">
|
|---|
| | | <img src="img/icon_right_arrow.png" class="arrow">
|
|---|
| | | <div class="name">高级会员</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 账户余额 -->
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">账户余额</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="不要超过7位数，支持小数点后两位" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="10">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 选择会员等级 -->
|
|---|
| | | <div class="div_item" @click="updateDate">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">预览时间</div>
|
|---|
| | | <div class="content">
|
|---|
| | | <img src="img/icon_right_arrow.png" class="arrow">
|
|---|
| | | <div class="name">今日</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_reivedData_list2">
|
|---|
| | | <!-- 自购返利 -->
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">自购返利</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="不要超过5位数，支持小数点后两位" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="8">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 分享奖金 -->
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">分享奖金</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="不要超过5位数，支持小数点后两位" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="8">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 团队奖金 -->
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">团队奖金</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="不要超过5位数，支持小数点后两位" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="8">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 重要提示 -->
|
|---|
| | | <div class="div_tips">
|
|---|
| | | <div class="div_tips_title">重要提示</div>
|
|---|
| | | <div class="div_tips_content">
|
|---|
| | | 1.本页数据仅供数据预览使用，不可用作其他用途；<br>
|
|---|
| | | 2.本页仅对超级会员开放预览使用，且仅支持在板栗快省App中打开；<br>
|
|---|
| | | 3.系统将会记录上一次填写的预览数据；<br>
|
|---|
| | | <span style="color: #E5005C;">4.提交预览后，系统会让相关页面保留预览数据10分钟，10分钟后恢复到非预览数据。</span>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.41rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1.3rem"></div>
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!--弹框(修改昵称、头像) -->
|
|---|
| | | <div class="dialogmask_updateNickName">
|
|---|
| | | <div class="dialog_updateNickName">
|
|---|
| | | <img src="img/icon_close.png" class="closeImg" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">修改昵称</div>
|
|---|
| | | <div class="">
|
|---|
| | | <input id="inpunt_nickName" class="input_other" type="text" placeholder="最多支持16个字符">
|
|---|
| | | </div>
|
|---|
| | | <div class="dialog_commit_updateNickName" @click="commitUpdateNickName">确认</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!--弹框 (会员等级)-->
|
|---|
| | | <div class="dialogmask_vip">
|
|---|
| | | <div class="dialog_vip">
|
|---|
| | | <img src="img/icon_close.png" class="closeImg" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">选择会员等级</div>
|
|---|
| | | <div class="div_fantypes_bg">
|
|---|
| | | <div class="div_fantypes" v-for="(item, index) in vipList" :class="{checked:index==n}" @click="changeList(index)">
|
|---|
| | | {{item}}
|
|---|
| | | <img class="div_selcet" :class="{checked:index==n}" src="img/icon_select.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="dialog_commit_vip" @click="commitSelectVip">确认</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!--弹框 (时间)-->
|
|---|
| | | <div class="dialogmask_date">
|
|---|
| | | <div class="dialog_date">
|
|---|
| | | <img src="img/icon_close.png" class="closeImg" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">预览时间</div>
|
|---|
| | | <div class="div_fantypes_bg">
|
|---|
| | | <div class="div_fantypes" v-for="(item, index) in dateList" :class="{checked:index==n}" @click="changeList(index)">
|
|---|
| | | {{item}}
|
|---|
| | | <img class="div_selcet" :class="{checked:index==n}" src="img/icon_select.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="dialog_commit_vip" @click="commitSelectDate">确认</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | headerImg: '',
|
|---|
| | | buttonName: '提交预览',
|
|---|
| | | n: 0,
|
|---|
| | | vipList: ['超级会员', '高级会员', '快省达人'],
|
|---|
| | | dateList: ['今日', '今日', '本月', '本月']
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | // 修改昵称，头像
|
|---|
| | | updateNickName_headerImg: function(type) {
|
|---|
| | | if (type == 1) {
|
|---|
| | | $(".dialog_title").text('输入快省ID');
|
|---|
| | | $("#inpunt_nickName").attr("placeholder", "输入快省ID，系统自动获取头像");
|
|---|
| | | $('.dialogmask_updateNickName').css('display', 'block')
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | $(".dialog_title").text('修改昵称');
|
|---|
| | | $("#inpunt_nickName").attr("placeholder", "最多支持16个字符");
|
|---|
| | | $('.dialogmask_updateNickName').css('display', 'block')
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | updateVip: function() {
|
|---|
| | | $('.dialogmask_vip').css('display', 'block')
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | updateDate: function() {
|
|---|
| | | $('.dialogmask_date').css('display', 'block')
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | changeList: function(index) {
|
|---|
| | | app.n = index; //this指向app
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | hiddenDialog: function() {
|
|---|
| | | app.n = 0;
|
|---|
| | | $('#inpunt_nickName').val('');
|
|---|
| | | $('.dialogmask_updateNickName').css('display', 'none')
|
|---|
| | | $('.dialogmask_vip').css('display', 'none') |
|---|
| | | $('.dialogmask_date').css('display', 'none')
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitUpdateNickName: function() {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | commitSelectVip: function() {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitSelectDate: function() {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitInfo: function() {
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>推送预览</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/orderpush.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="previewType">预览推送类型</div>
|
|---|
| | |
|
|---|
| | | <div class="div_applycategory_conent_bg">
|
|---|
| | | <div class="div_vip_1" @click="selectvip(1)">
|
|---|
| | | 高级会员
|
|---|
| | | <img src="img/icon_select.png" class="img_select_1">
|
|---|
| | | </div>
|
|---|
| | | <div class="div_vip_2" @click="selectvip(2)">
|
|---|
| | | 超级会员
|
|---|
| | | <img src="img/icon_select.png" class="img_select_2">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="pushCount">推送数量</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="最多支持50条，例如：30条">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | level: 'highVIP',
|
|---|
| | | img_select_vip: 1,
|
|---|
| | | buttonName: '提交申请'
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | selectvip: function(type) {
|
|---|
| | | if (app.img_select_vip == type) return;
|
|---|
| | |
|
|---|
| | | $('.div_vip_' + app.img_select_vip).css({
|
|---|
| | | 'color': '#000000',
|
|---|
| | | 'background-color': '#ffffff'
|
|---|
| | | });
|
|---|
| | | $('.img_select_' + app.img_select_vip).css('opacity', '0');
|
|---|
| | |
|
|---|
| | | $('.div_vip_' + type).css({
|
|---|
| | | 'color': '#E5005B',
|
|---|
| | | 'background-color': '#FFD1E4'
|
|---|
| | | });
|
|---|
| | | $('.img_select_' + type).css('opacity', '1');
|
|---|
| | |
|
|---|
| | | if (type == 1) {
|
|---|
| | | app.level = 'highVIP';
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | app.level = 'superVIP';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | app.img_select_vip = type;
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitInfo: function() {
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>到账数据预览</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/receiveData.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_reivedData_list">
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">金额</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="不要超过7位数，支持小数点后两位" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"
|
|---|
| | | maxlength="10">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">创建时间</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="你可复制一个时间填写于此处">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_item">
|
|---|
| | | <div class="div_item_top">
|
|---|
| | | <div class="title">订单号</div>
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="你可复制一个订单号填写于此处">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!-- 重要提示 -->
|
|---|
| | | <div class="div_tips">
|
|---|
| | | <div class="div_tips_title">重要提示</div>
|
|---|
| | | <div class="div_tips_content">
|
|---|
| | | 1.本页数据仅供数据预览使用，不可用作其他用途；<br>
|
|---|
| | | 2.本页仅对超级会员开放预览使用，且仅支持在板栗快省App中打开；<br>
|
|---|
| | | 3.系统将会记录上一次填写的预览数据；<br>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.33rem"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: '提交预览'
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | commitInfo: function() {
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html>
|
|---|
| | | <head>
|
|---|
| | | <meta charset="utf-8">
|
|---|
| | | <title>提现记录</title>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/base.css" />
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./css/txRecord.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_item_bg">
|
|---|
| | | <div class="div_items" v-for="(item, index) in dataList">
|
|---|
| | | <div class="div_items_top">
|
|---|
| | | <div class="div_items_top_left">
|
|---|
| | | <img src="img/icon_tx.png" class="imtTx">
|
|---|
| | | <div class="div_items_top_left_content">
|
|---|
| | | <div class="div_items_top_left_content_title">你于{{item.txDate}}提现成功</div>
|
|---|
| | | <div class="div_items_top_left_content_content">支付宝:{{item.txPhone}} -姓名:{{item.txName}}</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_items_top_right">
|
|---|
| | | ￥{{item.txMoney}}
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_items_line"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 添加粉丝 -->
|
|---|
| | | <div class="div_add_bg" @click="addTxRecord">
|
|---|
| | | <div class="div_img">
|
|---|
| | | <img src="img/icon_add.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="div_add_desc">添加提现记录</div>
|
|---|
| | | </div> |
|---|
| | | <div style="height: 5.3rem"></div>
|
|---|
| | |
|
|---|
| | | <!-- 重要提示 -->
|
|---|
| | | <div class="div_tips">
|
|---|
| | | <div class="div_tips_title">重要提示</div>
|
|---|
| | | <div class="div_tips_content">
|
|---|
| | | 1.本页数据仅供数据预览使用，不可用作其他用途；<br>
|
|---|
| | | 2.本页仅对超级会员开放预览使用，且仅支持在板栗快省App中打开；<br>
|
|---|
| | | 3.系统将会记录上一次填写的预览数据；<br>
|
|---|
| | | <span style="color: #E5005C;">4.提交预览后，系统会让相关页面保留预览数据10分钟，10分钟后恢复到非预览数据。</span>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.41rem"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!--弹框 -->
|
|---|
| | | <div class="dialogmask">
|
|---|
| | | <div class="dialog">
|
|---|
| | | <img src="img/icon_close.png" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">添加提现记录</div>
|
|---|
| | |
|
|---|
| | | <div id="tx_date" class="tx_title_desc">提现时间</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_date" class="input" type="text" placeholder="如：2020.02.02 20:00">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="tx_other" class="tx_title_desc">支付宝手机号</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_phone" class="input" type="text" placeholder="系统会自动隐藏后4位" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="tx_other" class="tx_title_desc">支付宝真实姓名</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_name" class="input" type="text" placeholder="系统会只显示姓氏">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div id="tx_other" class="tx_title_desc">提现金额</div>
|
|---|
| | | <div class="div_input_content_bg">
|
|---|
| | | <input id="inpunt_money" class="input" type="text" placeholder="单笔最大提现金额不超过1000" maxlength="4" oninput="value=value.replace(/[^\d]/g,'')">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="dialog_commit" @click="commitAddTxRecord">确认</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: '提交预览',
|
|---|
| | | dataList: [],
|
|---|
| | | pushList: []
|
|---|
| | | },
|
|---|
| | | watch: {},
|
|---|
| | | methods: {
|
|---|
| | | addTxRecord: function() {
|
|---|
| | | $('.dialogmask').css('display', 'block')
|
|---|
| | | },
|
|---|
| | | hiddenDialog: function() {
|
|---|
| | | $('.input').val('');
|
|---|
| | | $('.dialogmask').css('display', 'none')
|
|---|
| | | },
|
|---|
| | | commitAddTxRecord: function() {
|
|---|
| | | var txDate = $('#inpunt_date').val();
|
|---|
| | | var txPhone = $('#inpunt_phone').val();
|
|---|
| | | var txName = $('#inpunt_name').val();
|
|---|
| | | var txMoney = $('#inpunt_money').val();
|
|---|
| | | if (txDate.length <= 0 || txDate == null) {
|
|---|
| | | yesApp.toast('请输入提现时间')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (txPhone.length <= 0 || txPhone == null) {
|
|---|
| | | yesApp.toast('请输入支付宝手机号')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (txName.length <= 0 || txName == null) {
|
|---|
| | | yesApp.toast('请输入支付宝真实姓名')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | if (txMoney.length <= 0 || txMoney == null) {
|
|---|
| | | yesApp.toast('请输入提现金额')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | // 验证手机号 |
|---|
| | | var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
|
|---|
| | | if (!myreg.test(txPhone)) {
|
|---|
| | | yesApp.toast('请输入正确的手机号')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (parseInt(txMoney) > 1000) {
|
|---|
| | | yesApp.toast('单笔最大提现金额不超过1000')
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | var showPhone = app.formatPhone(txPhone)
|
|---|
| | | var showName = app.formatName(txName, 1)
|
|---|
| | |
|
|---|
| | | var showParms = {
|
|---|
| | | txDate: txDate,
|
|---|
| | | txPhone: showPhone,
|
|---|
| | | txName: showName,
|
|---|
| | | txMoney: txMoney
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var pushParms = {
|
|---|
| | | txDate: txDate,
|
|---|
| | | txPhone: txPhone,
|
|---|
| | | txName: txName,
|
|---|
| | | txMoney: txMoney
|
|---|
| | | }
|
|---|
| | | var showList = app.dataList;
|
|---|
| | | showList.push(showParms);
|
|---|
| | | app.dataList = showList; |
|---|
| | | |
|---|
| | | // 上传的数组
|
|---|
| | | var pushList = app.pushList;
|
|---|
| | | pushList.push(pushParms);
|
|---|
| | | app.pushList = pushList;
|
|---|
| | | app.hiddenDialog()
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitInfo: function() {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | formatName: function(str, index) {
|
|---|
| | | return str.substr(0, index) + new Array(str.length).join('*');
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | formatPhone: function(str) {
|
|---|
| | | return str.substring(0, 7) + '****';
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | 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: #EA634F;
|
|---|
| | | font-family: Arial, "Microsoft YaHei";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header {
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | z-index: 100
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_title {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | background-color: white;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_1 {
|
|---|
| | | color: #E5005B;
|
|---|
| | | height: 0.8rem;
|
|---|
| | | width: 49.5%;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_1 p {
|
|---|
| | | margin-left: 1.11rem;
|
|---|
| | | margin-top: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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.94rem;
|
|---|
| | | margin-top: 0.18rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_line {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | background-color: white;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_line_1 {
|
|---|
| | | width: 1.5rem;
|
|---|
| | | height: 0.04rem;
|
|---|
| | | border-radius: 0.02rem;
|
|---|
| | | background-color: #E5005B;
|
|---|
| | | margin-left: 1.13rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_line_2 {
|
|---|
| | | width: 1.5rem;
|
|---|
| | | height: 0.04rem;
|
|---|
| | | border-radius: 0.02rem;
|
|---|
| | | background-color: #E5005B;
|
|---|
| | | margin-left: 2.12rem;
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .eleme_wm_bg {
|
|---|
| | | margin-top: 0.84rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .imgheader {
|
|---|
| | | height: 4.08rem;
|
|---|
| | | background-repeat: no-repeat;
|
|---|
| | | /**等比例缩放*/
|
|---|
| | | background-size: contain;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content1 {
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | margin-top: -0.22rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content1_title {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content1_title_bg {
|
|---|
| | | margin-left: 0.79rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content1_title_bg img {
|
|---|
| | | width: 0.98rem;
|
|---|
| | | height: 0.98rem;
|
|---|
| | | margin-top: 0.45rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content1_title_bg div {
|
|---|
| | | margin-top: -0.15rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content2_title_bg {
|
|---|
| | | margin-left: 0.17rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content2_title_bg img {
|
|---|
| | | width: 0.97rem;
|
|---|
| | | height: 0.18rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content3_title_bg {
|
|---|
| | | margin-left: 0.17rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content3_title_bg img {
|
|---|
| | | width: 0.98rem;
|
|---|
| | | height: 0.98rem;
|
|---|
| | | margin-top: 0.45rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content3_title_bg div {
|
|---|
| | | margin-top: -0.15rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content4_title_bg {
|
|---|
| | | margin-left: 0.17rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content4_title_bg img {
|
|---|
| | | width: 0.97rem;
|
|---|
| | | height: 0.18rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content5_title_bg {
|
|---|
| | | margin-left: 0.17rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content5_title_bg img {
|
|---|
| | | width: 0.98rem;
|
|---|
| | | height: 0.98rem;
|
|---|
| | | margin-top: 0.45rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content5_title_bg div {
|
|---|
| | | margin-top: -0.15rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem; |
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_elm_dc {
|
|---|
| | | width: 5.6rem;
|
|---|
| | | height: 0.76rem;
|
|---|
| | | background-color: #E5005B;
|
|---|
| | | border-radius: 0.38rem;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | margin-top: 0.58rem;
|
|---|
| | | margin-left: 0.75rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content3_title {
|
|---|
| | | margin-left: 1.47rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | height: 0.24rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content2 {
|
|---|
| | | margin-top: 0.33rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | padding-top: 0.43rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fx_elm_xcx {
|
|---|
| | | width: 5.6rem;
|
|---|
| | | height: 0.76rem;
|
|---|
| | | background-color: #E5005B;
|
|---|
| | | border-radius: 0.38rem;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | margin-left: 0.75rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_copy_elm_tkl {
|
|---|
| | | width: 5.6rem;
|
|---|
| | | height: 0.76rem;
|
|---|
| | | background-color: #E5005B;
|
|---|
| | | border-radius: 0.38rem;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | margin-top: 0.36rem;
|
|---|
| | | margin-left: 0.75rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content2_desc {
|
|---|
| | | margin-left: 0.4rem;
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | height: 0.24rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | margin-top: 0.35rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content3 {
|
|---|
| | | margin-top: 0.37rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.86rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | padding-left: 0.29rem;
|
|---|
| | | border-bottom: #E0E0E0 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_tips_desc {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.24rem; |
|---|
| | | margin-top: 0.43rem; |
|---|
| | | padding-left: 0.27rem; |
|---|
| | | padding-right: 0.1rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_content4 {
|
|---|
| | | margin-top: 0.21rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_content5 { |
|---|
| | | margin-top: 0.35rem; |
|---|
| | | height: 0.26rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_content5 img { |
|---|
| | | width: 2.33rem; |
|---|
| | | height: 0.26rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .eleme_mc_bg {
|
|---|
| | | margin-top: 0.84rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .imgmcheader {
|
|---|
| | | height: 3.84rem;
|
|---|
| | | background-repeat: no-repeat;
|
|---|
| | | /**等比例缩放*/
|
|---|
| | | background-size: contain;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_content_mc_1 { |
|---|
| | | background-color: white; |
|---|
| | | border-radius: 0.2rem; |
|---|
| | | margin-left: 0.2rem; |
|---|
| | | margin-right: 0.2rem; |
|---|
| | | margin-top: 0.04rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_content_mc_3 { |
|---|
| | | margin-top: 0.23rem; |
|---|
| | | background-color: white; |
|---|
| | | border-radius: 0.2rem; |
|---|
| | | margin-left: 0.2rem; |
|---|
| | | margin-right: 0.2rem; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <!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">
|
|---|
| | | <div class="div_header_title">
|
|---|
| | | <div class="div_header_1" @click="selectTab(1)">
|
|---|
| | | <p>饿了么外卖</p>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_header_mid">
|
|---|
| | | <div></div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_header_2" @click="selectTab(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-show="selectTabType==1" class="eleme_wm_bg">
|
|---|
| | | <div>
|
|---|
| | | <img src="img/icon_header.png" class="imgheader">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content1">
|
|---|
| | | <div class="div_content1_title">
|
|---|
| | | <div class="content1_title_bg">
|
|---|
| | | <img src="img/icon_zyhq.png">
|
|---|
| | | <div>找优惠券</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content2_title_bg">
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content3_title_bg">
|
|---|
| | | <img src="img/icon_zyxd.png">
|
|---|
| | | <div>择优下单</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content4_title_bg">
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content5_title_bg">
|
|---|
| | | <img src="img/icon_tjdd.png">
|
|---|
| | | <div>统计订单</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_elm_dc" @click="elmOrder">去饿了么点餐</div>
|
|---|
| | | <div class="div_content3_title">点击后跳转至淘宝，自己下单可得返利。</div>
|
|---|
| | | <div style="height: 0.2rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content2">
|
|---|
| | | <div class="div_fx_elm_xcx" @click="elmShare">分享饿了么小程序</div>
|
|---|
| | | <div class="div_copy_elm_tkl" @click="elmCopy">复制饿了么淘口令</div>
|
|---|
| | | <div class="div_content2_desc">好友使用你分享的小程序码或淘口令下单，你可得分享奖金。</div>
|
|---|
| | | <div style="height: 0.31rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content3">
|
|---|
| | | <div class="div_tips_title">温馨提示</div>
|
|---|
| | | <div class="div_tips_desc">
|
|---|
| | | 1.饿了么成功下单后，将会被统计到“我的-订单"中；<br>
|
|---|
| | | 2.下单后系统将会在30分钟左右完成订单统计，请耐心等待；<br>
|
|---|
| | | 3.外卖配送员送货到手签收后即为确认收货；<br>
|
|---|
| | | 4.返利将会在确认收货后15日内结算，结算后随时可提现。
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content4">
|
|---|
| | | <div class="div_tips_title">特别提醒</div>
|
|---|
| | | <div class="div_tips_desc">
|
|---|
| | | 1.快省达人下单，邀请人也可以获得返利；<br>
|
|---|
| | | 2.饿了么订单会被统计成升级会员的有效订单，助力会员成长；<br>
|
|---|
| | | 3.若活动页推荐的店铺不适用/适合，领券后7天内在任意饿了么【品质联盟】商户店铺用券下单也有返利。
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content5">
|
|---|
| | | <img src="img/icon_logo.png">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.2rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 饿了么买菜 -->
|
|---|
| | | <div v-show="selectTabType==2" class="eleme_mc_bg">
|
|---|
| | | <div>
|
|---|
| | | <img src="img/icon_mcheader.png" class="imgmcheader">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content_mc_1">
|
|---|
| | | <div class="div_content1_title">
|
|---|
| | | <div class="content1_title_bg">
|
|---|
| | | <img src="img/icon_zyhq.png">
|
|---|
| | | <div>找优惠券</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content2_title_bg">
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content3_title_bg">
|
|---|
| | | <img src="img/icon_zyxd.png">
|
|---|
| | | <div>择优下单</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content4_title_bg">
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="content5_title_bg">
|
|---|
| | | <img src="img/icon_nsy.png">
|
|---|
| | | <div>拿收益</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_elm_dc" @click="emlBuyFoods">去饿了么买菜</div>
|
|---|
| | | <div class="div_content3_title">点击后跳转至淘宝，自己下单可得返利。</div>
|
|---|
| | | <div style="height: 0.2rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content_mc_3">
|
|---|
| | | <div class="div_tips_title">温馨提示</div>
|
|---|
| | | <div class="div_tips_desc">
|
|---|
| | | 1.饿了么成功下单后，将会被统计到“我的-订单"中；<br>
|
|---|
| | | 2.下单后系统将会在30分钟左右完成订单统计，请耐心等待；<br>
|
|---|
| | | 3.外卖配送员送货到手签收后即为确认收货；<br>
|
|---|
| | | 4.返利将会在确认收货后15日内结算，结算后随时可提现。
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content4">
|
|---|
| | | <div class="div_tips_title">特别提醒</div>
|
|---|
| | | <div class="div_tips_desc">
|
|---|
| | | 1.快省达人下单，邀请人也可以获得返利；<br>
|
|---|
| | | 2.饿了么订单会被统计成升级会员的有效订单，助力会员成长；<br>
|
|---|
| | | 3.若活动页推荐的店铺不适用/适合，领券后7天内在任意饿了么【品质联盟】商户店铺用券下单也有返利。
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_content5">
|
|---|
| | | <img src="img/icon_logo.png">
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.2rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | selectTabType: 1
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | selectTab: function(type) {
|
|---|
| | | if (app.selectTabType == type) return;
|
|---|
| | | $('.div_header_line_' + type).css('opacity', '1')
|
|---|
| | | $('.div_header_' + type).css('color', '#E5005C')
|
|---|
| | |
|
|---|
| | | $('.div_header_line_' + app.selectTabType).css('opacity', '0')
|
|---|
| | | $('.div_header_' + app.selectTabType).css('color', '#000000')
|
|---|
| | |
|
|---|
| | | app.selectTabType = type
|
|---|
| | |
|
|---|
| | | if (type == 1) {
|
|---|
| | | $('#body').css('background-color', '#EA634F')
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | $('#body').css('background-color', '#37B4EC')
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | elmOrder: function() {
|
|---|
| | | yesApp.toast('去饿了么点餐')
|
|---|
| | | },
|
|---|
| | | elmShare: function() {
|
|---|
| | | yesApp.toast('分享')
|
|---|
| | | },
|
|---|
| | | elmCopy: function() {
|
|---|
| | | yesApp.toast('复制')
|
|---|
| | | },
|
|---|
| | | emlBuyFoods: function() {
|
|---|
| | | yesApp.toast('买菜')
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | @keyframes rotate { |
|---|
| | | from { |
|---|
| | | transform: rotate(0deg); |
|---|
| | | } |
|---|
| | | |
|---|
| | | to { |
|---|
| | | transform: rotate(360deg); |
|---|
| | | transition: all 2s; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading{ |
|---|
| | | display: inline; |
|---|
| | | height: 0.21rem; |
|---|
| | | width: 0.21rem; |
|---|
| | | margin-top: 0.15rem; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div{ |
|---|
| | | position: absolute; |
|---|
| | | height: 0.05rem; |
|---|
| | | transform-origin: left; |
|---|
| | | border-radius: 0.5rem; |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div .k{ |
|---|
| | | width: 0.08rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div .s{ |
|---|
| | | width: 0.13rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | background: #BBBBBB; |
|---|
| | | border-radius: 0.5rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div:nth-child(2) {-webkit-transform: rotate(30deg);} |
|---|
| | | .loading div:nth-child(3) {-webkit-transform: rotate(60deg);} |
|---|
| | | .loading div:nth-child(4) {-webkit-transform: rotate(90deg);} |
|---|
| | | .loading div:nth-child(5) {-webkit-transform: rotate(120deg);} |
|---|
| | | .loading div:nth-child(6) {-webkit-transform: rotate(150deg);} |
|---|
| | | .loading div:nth-child(7) {-webkit-transform: rotate(180deg);} |
|---|
| | | .loading div:nth-child(8) {-webkit-transform: rotate(210deg);} |
|---|
| | | .loading div:nth-child(9) {-webkit-transform: rotate(240deg);} |
|---|
| | | .loading div:nth-child(10) {-webkit-transform: rotate(270deg);} |
|---|
| | | .loading div:nth-child(11) {-webkit-transform: rotate(300deg);} |
|---|
| | | .loading div:nth-child(12) {-webkit-transform: rotate(330deg);} |
|---|
| | | |
|---|
| | | |
|---|
| | | @-webkit-keyframes load{ |
|---|
| | | 0%{opacity:1;} |
|---|
| | | 100%{opacity:0;} |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading div:nth-child(1){-webkit-animation:load 1.2s linear 0s infinite;} |
|---|
| | | .loading div:nth-child(2){-webkit-animation:load 1.2s linear 0.1s infinite;} |
|---|
| | | .loading div:nth-child(3){-webkit-animation:load 1.2s linear 0.2s infinite;} |
|---|
| | | .loading div:nth-child(4){-webkit-animation:load 1.2s linear 0.3s infinite;} |
|---|
| | | .loading div:nth-child(5){-webkit-animation:load 1.2s linear 0.4s infinite;} |
|---|
| | | .loading div:nth-child(6){-webkit-animation:load 1.2s linear 0.5s infinite;} |
|---|
| | | |
|---|
| | | .loading div:nth-child(7){-webkit-animation:load 1.2s linear 0.6s infinite;} |
|---|
| | | .loading div:nth-child(8){-webkit-animation:load 1.2s linear 0.7s infinite;} |
|---|
| | | .loading div:nth-child(9){-webkit-animation:load 1.2s linear 0.8s infinite;} |
|---|
| | | .loading div:nth-child(10){-webkit-animation:load 1.2s linear 0.9s infinite;} |
|---|
| | | .loading div:nth-child(11){-webkit-animation:load 1.2s linear 1s infinite;} |
|---|
| | | .loading div:nth-child(12){-webkit-animation:load 1.2s linear 1.1s infinite;} |
|---|
| | |
|---|
| | |
|
|---|
| | | .div_header {
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | width: 100%; |
|---|
| | | z-index: 100
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_title {
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_1 p {
|
|---|
| | | margin-left: 1.85rem; |
|---|
| | | margin-left: 1.85rem;
|
|---|
| | | margin-top: 0.18rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | .div_header_mid :nth-child(1) {
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | height: 0.5rem;
|
|---|
| | | width: 1px; |
|---|
| | | width: 1px;
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | height: 0.74rem;
|
|---|
| | | width: 49.5%;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header_2 p {
|
|---|
| | | margin-left: 0.66rem; |
|---|
| | | 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_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;
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applyopen_bg {
|
|---|
| | | margin-top: 0.78rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applycategory_title_bg {
|
|---|
| | | color: #888888;
|
|---|
| | | font-size: 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;
|
|---|
| | |
|---|
| | | position: absolute;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0.31rem;
|
|---|
| | | opacity: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_openbyid_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_quicksaveid_content_bg {
|
|---|
| | | background-color: white;
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .input {
|
|---|
| | | -webkit-user-select: auto;
|
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | height: 0.88rem;
|
|---|
| | | width: 7.3rem;
|
|---|
| | | border: none;
|
|---|
| | | outline: medium;
|
|---|
| | | color: #000000;
|
|---|
| | | caret-color: #E5005C;
|
|---|
| | | } |
|---|
| | |
|
|---|
| | | .div_ly_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;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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_careful {
|
|---|
| | | color: #888888;
|
|---|
| | | font-size: 0.22rem;
|
|---|
| | | margin-top: 0.18rem;
|
|---|
| | | margin-left: 0.28rem;
|
|---|
| | | margin-right: 0.3rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applyrecord_bg {
|
|---|
| | | margin-top: 0.78rem;
|
|---|
| | | height: 0.2rem;
|
|---|
| | | padding-top: 0.01rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_items {
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | margin-left: 0.15rem;
|
|---|
| | | margin-right: 0.15rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_iddata_bg {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | border-bottom: #F3F3F3 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .ksID {
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | height: 0.62rem;
|
|---|
| | | color: #000000;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applydate {
|
|---|
| | | color: #666666;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | height: 0.62rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | margin-right: 0.15rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applylevel {
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | margin-top: 0.34rem;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | color: #666666;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_Reason {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | color: #666666;
|
|---|
| | | margin-top: 0.15rem;
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applyreason {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | width: 1.5rem;
|
|---|
| | | padding-top: 0.04rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applyreason_content {
|
|---|
| | | padding-top: -1rem;
|
|---|
| | | width: 5.2rem;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applyreason_line {
|
|---|
| | | height: 0.2rem;
|
|---|
| | | border-bottom: #F3F3F3 solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applystate {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .applystate_title {
|
|---|
| | | color: #666666;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applystate_content_bg {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | flex-direction: row-reverse; |
|---|
| | | align-items: center; |
|---|
| | | margin-right: 0.14rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applystate_content_bg :nth-child(1) {
|
|---|
| | | width: 0.12rem;
|
|---|
| | | height: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_applystate_content_bg :nth-child(2) {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 0.3rem; |
|---|
| | | margin-right: 0.12rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_notReason { |
|---|
| | | display: -webkit-flex; |
|---|
| | | font-size: 0.3rem; |
|---|
| | | color: #666666; |
|---|
| | | margin-top: 0.2rem; |
|---|
| | | margin-left: 0.27rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | /* .div_title_bg :nth-child(1) {
|
|---|
| | | background-color: #CDCDCD;
|
|---|
| | | height: 0.02rem;
|
|---|
| | | width: 3.01rem;
|
|---|
| | | } */ |
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 9999;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | 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;
|
|---|
| | | } |
|---|
| | |
|---|
| | | };
|
|---|
| | | 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>
|
|---|
| | | <link href="css/load.css" rel="stylesheet" />
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | | <div class="div_header">
|
|---|
| | | <div class="div_header_title">
|
|---|
| | | <div class="div_header_1">
|
|---|
| | | <div class="div_header_1" @click="selectTab(1)">
|
|---|
| | | <p>开通申请</p>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_header_mid">
|
|---|
| | | <div></div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_header_2">
|
|---|
| | | <div class="div_header_2" @click="selectTab(2)">
|
|---|
| | | <p>申请记录</p>
|
|---|
| | |
|
|---|
| | | </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>
|
|---|
| | |
|
|---|
| | | <img src="img/icon_select.png" class="img_select_1">
|
|---|
| | | </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>
|
|---|
| | | <img src="img/icon_select.png" class="img_select_2">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 开通人id -->
|
|---|
| | | <div class="div_openbyid_title_bg">
|
|---|
| | | 开通人快省ID
|
|---|
| | | </div>
|
|---|
| | | <div class="div_quicksaveid_content_bg">
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="请填写你要开通的他人账号ID">
|
|---|
| | | </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_careful">
|
|---|
| | | 注：<br>
|
|---|
| | | 1.请如实填写，其他平台的名称，以及你在其他平台的账户等级；<br>
|
|---|
| | | 2.截图必须包含：其他平台等级、其他平台粉丝数、其他平台收益明细；<br>
|
|---|
| | | 3.也可以提供微信/QQ好友总数、群人数总数（至少1个群，人数至少≥80人）；<br>
|
|---|
| | | 4.板栗快省将会在48小时内完成审核。
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="" style="height: 1.5rem;">
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 申请记录 -->
|
|---|
| | | <div v-else class="div_applyrecord_bg">
|
|---|
| | | <div v-else class="div_applyrecord_bg" >
|
|---|
| | | <div class="div_items" v-for="(item, index) in recordList">
|
|---|
| | | <div class="div_iddata_bg">
|
|---|
| | | <div class="ksID">快省ID：{{item.targetUid}}</div>
|
|---|
| | | <div class="applydate">{{item.createTime}}</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="applylevel">申请等级：{{item.level}}</div>
|
|---|
| | |
|
|---|
| | | <div class="div_Reason">
|
|---|
| | | <div class="applyreason">
|
|---|
| | | 申请理由：
|
|---|
| | | </div>
|
|---|
| | | <div class="applyreason_content">{{item.reason}}</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="applyreason_line"></div>
|
|---|
| | | <!-- 申请状态 -->
|
|---|
| | | <div class="div_applystate">
|
|---|
| | | <div class="applystate_title">
|
|---|
| | | 申请状态：
|
|---|
| | | </div>
|
|---|
| | | <div class="div_applystate_content_bg" @click="jumpLink(item.link)">
|
|---|
| | | <img src="img/icon_arrow.png">
|
|---|
| | | <div v-if="item.state==-1" style="color: #000000;">需要提交资料</div>
|
|---|
| | | <div v-else-if="item.state==0" style="color: #E5005B;">待审核</div>
|
|---|
| | | <div v-else-if="item.state==1" style="color: #000000;">拒绝</div>
|
|---|
| | | <div v-else-if="item.state==2" style="color: #0AA118;">已经通过</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 拒绝理由 -->
|
|---|
| | | <div v-if="item.state==1" class="div_notReason">
|
|---|
| | | <div class="applyreason">拒绝理由：</div>
|
|---|
| | | <div class="applyreason_content">{{item.rejectReson}}</div>
|
|---|
| | | </div>
|
|---|
| | | <div style="height: 0.28rem;"></div>
|
|---|
| | | </div> |
|---|
| | | <div class="loading-more"></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div v-show="div_commit_show" class="div_commit">
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div @click="commitInfo">
|
|---|
| | | 提交申请
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | | <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>
|
|---|
| | | <script src="js/load.js"></script>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | img_select_1_show: true,
|
|---|
| | | img_select_2_show: false,
|
|---|
| | | selectType: 1, |
|---|
| | | selectTabType: 1,
|
|---|
| | | selectType: 1,
|
|---|
| | | img_select_vip: 1,
|
|---|
| | | page: 1,
|
|---|
| | | div_commit_show: true,
|
|---|
| | | level: 'highVIP',
|
|---|
| | | count: 0,
|
|---|
| | | recordList: []
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | selectTab: function(type) {
|
|---|
| | | if (app.selectTabType == type) return;
|
|---|
| | | $('.div_header_line_' + type).css('opacity', '1')
|
|---|
| | | $('.div_header_' + type).css('color', '#E5005C')
|
|---|
| | |
|
|---|
| | | $('.div_header_line_' + app.selectTabType).css('opacity', '0')
|
|---|
| | | $('.div_header_' + app.selectTabType).css('color', '#000000')
|
|---|
| | |
|
|---|
| | | app.selectTabType = type
|
|---|
| | | app.selectType = type
|
|---|
| | |
|
|---|
| | | if (type == 1) {
|
|---|
| | | app.div_commit_show = true;
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | app.div_commit_show = false;
|
|---|
| | | app.img_select_vip = 1
|
|---|
| | | app.page = 1;
|
|---|
| | | app.fetchApplyRecord();
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | selectvip: function(type) {
|
|---|
| | | if (app.img_select_vip == type) return;
|
|---|
| | |
|
|---|
| | |
|---|
| | | 'color': '#000000',
|
|---|
| | | 'background-color': '#ffffff'
|
|---|
| | | });
|
|---|
| | | $('.img_select_' + app.img_select_vip).css('opacity', '0');
|
|---|
| | |
|
|---|
| | | $('.div_vip_' + type).css({
|
|---|
| | | 'color': '#E5005B',
|
|---|
| | | 'background-color': '#FFD1E4'
|
|---|
| | | });
|
|---|
| | | $('.img_select_' + type).css('opacity', '1');
|
|---|
| | |
|
|---|
| | | if (type == 1) {
|
|---|
| | | app.img_select_1_show = true;
|
|---|
| | | app.img_select_2_show = false;
|
|---|
| | | app.level = 'highVIP';
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | app.img_select_1_show = false;
|
|---|
| | | app.img_select_2_show = true;
|
|---|
| | | app.level = 'superVIP';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | app.img_select_vip = type;
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitInfo: function() {
|
|---|
| | | // 需要开通会员的目标用户ID（快省ID）
|
|---|
| | | var targetUid = $('#inpunt_id').val();
|
|---|
| | | // 申请用户ID
|
|---|
| | | var sourceUid = yesApp.getUid();
|
|---|
| | | var level = app.level;
|
|---|
| | | // 申请原因
|
|---|
| | | var applyReson = $('#textarea_reason').val();
|
|---|
| | |
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | var params = {
|
|---|
| | | targetUid: targetUid,
|
|---|
| | | sourceUid: sourceUid,
|
|---|
| | | level: level,
|
|---|
| | | applyReson: applyReson
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | |
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: JSON.parse(params),
|
|---|
| | | url: host + "/fanli/api/v1/user/vip/applyVip",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | yesApp.toast('请求成功');
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | alert('请求超时');
|
|---|
| | | setTimeout(function() {
|
|---|
| | |
|
|---|
| | | }, 2000);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | fetchApplyRecord: function() {
|
|---|
| | | if (app.page == 1) {
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var uid = yesApp.getUid();
|
|---|
| | | var params = {
|
|---|
| | | uid: uid,
|
|---|
| | | page: app.page
|
|---|
| | | };
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | |
|
|---|
| | | $.ajax({
|
|---|
| | | type: "GET",
|
|---|
| | | data: JSON.parse(params),
|
|---|
| | | url: host + "/fanli/api/v1/user/vip/getApplyRecordList",
|
|---|
| | | dataType: "jsonp",
|
|---|
| | | async: false,
|
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | load.hidden();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | app.page += 1;
|
|---|
| | | app.count = result.data.count;
|
|---|
| | |
|
|---|
| | | var list = app.recordList.concat(result.data.list);
|
|---|
| | | app.recordList = list;
|
|---|
| | |
|
|---|
| | | if (app.count <= app.recordList.length) {
|
|---|
| | | load.noMore();
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast(result.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (textStatus === 'timeout') {
|
|---|
| | | alert('请求超时');
|
|---|
| | | setTimeout(function() {
|
|---|
| | |
|
|---|
| | | }, 2000);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | jumpLink: function(link) {
|
|---|
| | | yesApp.jumpWeb(link, null);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | window.onscroll = function() {
|
|---|
| | | if (app.selectType == 2) {
|
|---|
| | | if (Math.abs(getScrollHeight() - getDocumentTop() - getWindowHeight()) < 10) {
|
|---|
| | | if (load.isLoading() || (app.page > 1 && app.count <= app.recordList.length))
|
|---|
| | | return;
|
|---|
| | | load.show();
|
|---|
| | | setTimeout(function() {
|
|---|
| | | app.fetchApplyRecord();
|
|---|
| | | }, 300);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | };
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | //（浏览器窗口上边界内容高度）
|
|---|
| | | function getDocumentTop() {
|
|---|
| | | var scrollTop = 0,
|
|---|
| | | bodyScrollTop = 0,
|
|---|
| | | documentScrollTop = 0;
|
|---|
| | | if (document.body) {
|
|---|
| | | bodyScrollTop = document.body.scrollTop;
|
|---|
| | | }
|
|---|
| | | if (document.documentElement) {
|
|---|
| | | documentScrollTop = document.documentElement.scrollTop;
|
|---|
| | | }
|
|---|
| | | scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
|
|---|
| | | console.log("scrollTop:" + scrollTop);
|
|---|
| | | return scrollTop;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //可视窗口高度（屏幕可以看见的高度）
|
|---|
| | | function getWindowHeight() {
|
|---|
| | | var windowHeight = 0;
|
|---|
| | | if (document.compatMode == "CSS1Compat") {
|
|---|
| | | windowHeight = document.documentElement.clientHeight;
|
|---|
| | | } else {
|
|---|
| | | windowHeight = document.body.clientHeight;
|
|---|
| | | }
|
|---|
| | | console.log("windowHeight:" + windowHeight);
|
|---|
| | | return windowHeight;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //滚动条滚动高度（即整个网页的高度）
|
|---|
| | | function getScrollHeight() {
|
|---|
| | | var scrollHeight = 0,
|
|---|
| | | bodyScrollHeight = 0,
|
|---|
| | | documentScrollHeight = 0;
|
|---|
| | | if (document.body) {
|
|---|
| | | bodyScrollHeight = document.body.scrollHeight;
|
|---|
| | | }
|
|---|
| | | if (document.documentElement) {
|
|---|
| | | documentScrollHeight = document.documentElement.scrollHeight;
|
|---|
| | | }
|
|---|
| | | scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
|
|---|
| | | console.log("scrollHeight:" + scrollHeight);
|
|---|
| | | return scrollHeight;
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | var load = { |
|---|
| | | init: function() { |
|---|
| | | if ($(".loading-more").length <= 0) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | $(".loading-more").css("visibility", "hidden"); |
|---|
| | | $(".loading-more").empty(); |
|---|
| | | $(".loading-more").css("display", "flex"); |
|---|
| | | $(".loading-more").css("justify-content", "center"); |
|---|
| | | $(".loading-more").css("align-items", "center"); |
|---|
| | | $(".loading-more").css("height", "0.8rem"); |
|---|
| | | $(".loading-more").css("font-size", "0"); |
|---|
| | | $(".loading-more").append("<div class='loading'>"); |
|---|
| | | for (var i = 1; i < 13; i++) { |
|---|
| | | // alert('2'); |
|---|
| | | $(".loading").append("<div><span class='k'></span><span class='s'></span></div>"); |
|---|
| | | } |
|---|
| | | $(".loading-more").append( |
|---|
| | | "<div class='notifyContent' style='display:inline;font-size:0.3rem;margin-left:0.2rem;color:#999999'>正在加载更多数据</div>" |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | show: function(msg) { |
|---|
| | | if (msg != null && msg.length > 0) |
|---|
| | | $(".loading-more").find("div").eq(1).html(msg); |
|---|
| | | $(".loading-more").css("visibility", "visible"); |
|---|
| | | }, |
|---|
| | | hidden: function() { |
|---|
| | | $(".loading-more").css("visibility", "hidden"); |
|---|
| | | }, |
|---|
| | | isLoading: function() { |
|---|
| | | var visibility = $(".loading-more").css("visibility"); |
|---|
| | | if ("hidden" == visibility) |
|---|
| | | return false; |
|---|
| | | else |
|---|
| | | return true; |
|---|
| | | }, |
|---|
| | | noMore: function() { |
|---|
| | | $(".loading-more .notifyContent").html("没有更多了"); |
|---|
| | | $(".loading-more").find(".loading").css("display", "none"); |
|---|
| | | $(".loading-more").css("visibility", "visible"); |
|---|
| | | }, |
|---|
| | | showMore: function(element, callBack) { |
|---|
| | | if (Math.abs(load.getScrollHeight() - load.getDocumentTop() - load.getWindowHeight()) < 10) { |
|---|
| | | if (load.isLoading()) |
|---|
| | | return; |
|---|
| | | load.show(); |
|---|
| | | setTimeout(function() { |
|---|
| | | callBack(); |
|---|
| | | }, 300); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | getDocumentTop: function() { |
|---|
| | | var scrollTop = 0, |
|---|
| | | bodyScrollTop = 0, |
|---|
| | | documentScrollTop = 0; |
|---|
| | | if (document.body) { |
|---|
| | | bodyScrollTop = document.body.scrollTop; |
|---|
| | | } |
|---|
| | | if (document.documentElement) { |
|---|
| | | documentScrollTop = document.documentElement.scrollTop; |
|---|
| | | } |
|---|
| | | scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop; |
|---|
| | | console.log("scrollTop:" + scrollTop); |
|---|
| | | return scrollTop; |
|---|
| | | }, |
|---|
| | | getWindowHeight: function() { |
|---|
| | | var windowHeight = 0; |
|---|
| | | if (document.compatMode == "CSS1Compat") { |
|---|
| | | windowHeight = document.documentElement.clientHeight; |
|---|
| | | } else { |
|---|
| | | windowHeight = document.body.clientHeight; |
|---|
| | | } |
|---|
| | | console.log("windowHeight:" + windowHeight); |
|---|
| | | return windowHeight; |
|---|
| | | }, |
|---|
| | | getScrollHeight: function() { |
|---|
| | | var scrollHeight = 0, |
|---|
| | | bodyScrollHeight = 0, |
|---|
| | | documentScrollHeight = 0; |
|---|
| | | if (document.body) { |
|---|
| | | bodyScrollHeight = document.body.scrollHeight; |
|---|
| | | } |
|---|
| | | if (document.documentElement) { |
|---|
| | | documentScrollHeight = document.documentElement.scrollHeight; |
|---|
| | | } |
|---|
| | | scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight; |
|---|
| | | console.log("scrollHeight:" + scrollHeight); |
|---|
| | | return scrollHeight; |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | load.init(); |
|---|
| | |
|---|
| | |
|
|---|
| | | .div_screenshot_content_bg {
|
|---|
| | | margin-top: 0.2rem;
|
|---|
| | | padding-top: 0.25rem;
|
|---|
| | | padding-left: 0.3rem;
|
|---|
| | | padding-left: 0.35rem;
|
|---|
| | | background-color: white;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .screenshot_content_bg {
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | flex-wrap: wrap;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .item_bg {
|
|---|
| | | width: 1.4rem;
|
|---|
| | | height: 1.45rem; |
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .item_bg :nth-child(1) {
|
|---|
| | | width: 1.2rem;
|
|---|
| | | height: 1.2rem;
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .item_bg :nth-child(2) {
|
|---|
| | | width: 0.26rem;
|
|---|
| | | height: 0.26rem; |
|---|
| | | position: absolute; |
|---|
| | | right: 0.1rem; |
|---|
| | | top: 0.1rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .up_add {
|
|---|
| | |
|---|
| | |
|
|---|
| | | .up_add_bg {
|
|---|
| | | width: 1.2rem;
|
|---|
| | | height: 1.2rem;
|
|---|
| | | height: 1.2rem; |
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | background-repeat: no-repeat;
|
|---|
| | | /**等比例缩放*/
|
|---|
| | | background-size: contain;
|
|---|
| | |
|---|
| | | 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; |
|---|
| | | z-index: 9999;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | 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; |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .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;
|
|---|
| | | } |
|---|
| | |
|---|
| | | <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>
|
|---|
| | | <script src="js/fileUpload.js"></script>
|
|---|
| | |
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <div id="root">
|
|---|
| | |
|---|
| | | 快省ID
|
|---|
| | | </div>
|
|---|
| | | <div class="div_quicksaveid_content_bg">
|
|---|
| | | <input id="inpunt_id" class="input" type="number" placeholder="请填写你的板栗快省ID">
|
|---|
| | | <input id="inpunt_id" class="input" type="text" placeholder="请填写你的板栗快省ID">
|
|---|
| | | </div>
|
|---|
| | | <!-- 联系电话 -->
|
|---|
| | | <div class="div_telphone_title_bg">
|
|---|
| | |
|---|
| | | 微信号
|
|---|
| | | </div>
|
|---|
| | | <div class="div_quicksaveid_content_bg">
|
|---|
| | | <input id="inpunt_wx" class="input" type="number" placeholder="请填写你的私人微信号">
|
|---|
| | | <input id="inpunt_wx" class="input" type="text" placeholder="请填写你的私人微信号">
|
|---|
| | | </div>
|
|---|
| | | <!-- 申请理由 -->
|
|---|
| | | <div class="div_ly_title_bg">
|
|---|
| | |
|---|
| | | 其他平台你的等级
|
|---|
| | | </div>
|
|---|
| | | <div class="div_quicksaveid_content_bg">
|
|---|
| | | <input id="inpunt_level" class="input" type="number" placeholder="例如：团长">
|
|---|
| | | <input id="inpunt_level" class="input" type="text" 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">
|
|---|
| | | <input id="inpunt_monthmoney" class="input" type="text" placeholder="例如：￥10000.00">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 上传截图 -->
|
|---|
| | | <div class="div_screenshot_title_bg">
|
|---|
| | | 上传截图
|
|---|
| | | </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" @change="tirggerFile($event)"> |
|---|
| | | </div> |
|---|
| | | <div class="div_screenshot_content_bg">
|
|---|
| | |
|
|---|
| | | <div class="screenshot_content_bg">
|
|---|
| | |
|
|---|
| | | <div class="div_items" v-for="(item, index) in imgList">
|
|---|
| | | <div class="item_bg">
|
|---|
| | | <img v-bind:src="item.data">
|
|---|
| | | <img src="img/icon_delete.png" @click="deleteImg(index)">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="up_add_bg">
|
|---|
| | | <input type="file" class="up_add" id="exampleInputFile" @change="tirggerFile($event)" accept="image/png,image/jpeg">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="height: 0.25rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 注意 -->
|
|---|
| | | <div class="div_careful">
|
|---|
| | |
|---|
| | |
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div>
|
|---|
| | | <div @click="commitInfo">
|
|---|
| | | 提交申请
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.253:8080";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | |
|---|
| | | img_select_use_2_show: false,
|
|---|
| | | experience: true,
|
|---|
| | | img_select_vip: 1,
|
|---|
| | | img_select_use: 1, |
|---|
| | | imgList: [ |
|---|
| | | |
|---|
| | | img_select_use: 1,
|
|---|
| | | level: 'highVIP', // 开通的用户等级
|
|---|
| | |
|
|---|
| | | imgList: [
|
|---|
| | |
|
|---|
| | | ],
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|---|
| | | if (type == 1) {
|
|---|
| | | app.img_select_1_show = true;
|
|---|
| | | app.img_select_2_show = false;
|
|---|
| | | app.level = 'highVIP';
|
|---|
| | |
|
|---|
| | | } else if (type == 2) {
|
|---|
| | | app.img_select_1_show = false;
|
|---|
| | | app.img_select_2_show = true;
|
|---|
| | | app.level = 'superVIP';
|
|---|
| | | }
|
|---|
| | | app.img_select_vip = type;
|
|---|
| | | },
|
|---|
| | |
|---|
| | | }
|
|---|
| | | app.img_select_use = type;
|
|---|
| | | app.experience = app.img_select_use_1_show;
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | tirggerFile: function(event) {
|
|---|
| | | var list = app.imgList;
|
|---|
| | | let file = event.target.files[0];
|
|---|
| | | let url = "";
|
|---|
| | | var reader = new FileReader();
|
|---|
| | | reader.readAsDataURL(file);
|
|---|
| | | reader.onload = function(e) {
|
|---|
| | | url = this.result.substring(this.result.indexOf(",") + 1);
|
|---|
| | | list.push({
|
|---|
| | | data: "data:image/png;base64," + url,
|
|---|
| | | file: file
|
|---|
| | | });
|
|---|
| | | app.imgList = list;
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | deleteImg: function(index) {
|
|---|
| | | var list = app.imgList;
|
|---|
| | | list.splice(index, 1);
|
|---|
| | | app.imgList = list;
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitInfo: function() {
|
|---|
| | | var id = getQueryString("id");
|
|---|
| | | // 需要开通会员的目标用户ID（快省ID）
|
|---|
| | | var targetUid = $('#inpunt_id').val();
|
|---|
| | | // 申请用户ID
|
|---|
| | | var sourceUid = yesApp.getUid();
|
|---|
| | | var level = app.level;
|
|---|
| | | // 电话号码
|
|---|
| | | var phone = $('#inpunt_phone').val();
|
|---|
| | | // 微信号
|
|---|
| | | var wxID = $('#inpunt_wx').val();
|
|---|
| | | // 申请原因
|
|---|
| | | var applyReson = $('#textarea_reason').val();
|
|---|
| | | // 是否做过其他平台
|
|---|
| | | var hasDoOtherPlatform = app.experience;
|
|---|
| | | // 做过其他平台的名称
|
|---|
| | | var otherPlatformName = $('#textarea_useplatform').val();
|
|---|
| | | // 其他平台的直接粉丝数量
|
|---|
| | | var otherDirectTeams = $('#inpunt_first_fans').val();
|
|---|
| | | // 其他平台的间接粉丝数量
|
|---|
| | | var otherInDirectTeams = $('#inpunt_second_fans').val();
|
|---|
| | | // 其他平台的等级 |
|---|
| | | var otherLevel = $('#inpunt_level').val();
|
|---|
| | | // 其他平台的月收入
|
|---|
| | | var otherMonthIncome = $('#inpunt_monthmoney').val();
|
|---|
| | |
|
|---|
| | | if (targetUid.length == 0 || targetUid == null) {
|
|---|
| | | yesApp.toast('请填写你的板栗快省ID');
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | var params = {};
|
|---|
| | | if (id != null && id.length > 0) {
|
|---|
| | | params.id = id;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | if (targetUid != null && targetUid.length > 0) {
|
|---|
| | | params.targetUid = targetUid;
|
|---|
| | | }
|
|---|
| | | if (sourceUid != null && sourceUid.length > 0) {
|
|---|
| | | params.sourceUid = sourceUid;
|
|---|
| | | }
|
|---|
| | | params.level = level;
|
|---|
| | |
|
|---|
| | | if (phone != null && phone.length > 0) {
|
|---|
| | | params.phone = phone;
|
|---|
| | | }
|
|---|
| | | if (wxID != null && wxID.length > 0) {
|
|---|
| | | params.wxID = wxID;
|
|---|
| | | }
|
|---|
| | | if (applyReson != null && applyReson.length > 0) {
|
|---|
| | | params.applyReson = applyReson;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | params.hasDoOtherPlatform = hasDoOtherPlatform;
|
|---|
| | |
|
|---|
| | | if (otherPlatformName != null && otherPlatformName.length > 0) {
|
|---|
| | | params.otherPlatformName = otherPlatformName;
|
|---|
| | | }
|
|---|
| | | if (otherDirectTeams != null && otherDirectTeams.length > 0) {
|
|---|
| | | params.otherDirectTeams = otherDirectTeams;
|
|---|
| | | }
|
|---|
| | | if (otherInDirectTeams != null && otherInDirectTeams.length > 0) {
|
|---|
| | | params.otherInDirectTeams = otherInDirectTeams;
|
|---|
| | | }
|
|---|
| | | if (otherLevel != null && otherLevel.length > 0) {
|
|---|
| | | params.otherLevel = otherLevel;
|
|---|
| | | }
|
|---|
| | | if (otherMonthIncome != null && otherMonthIncome.length > 0) {
|
|---|
| | | params.otherMonthIncome = otherMonthIncome;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | yesApp.showLoading();
|
|---|
| | | params = yesApp.getRequestBaseParams(params);
|
|---|
| | |
|
|---|
| | | params = JSON.parse(params);
|
|---|
| | |
|
|---|
| | | for (var i = 0; i < app.imgList.length; i++) {
|
|---|
| | | params['imgs_' + i] = (app.imgList[i].file)
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | fileUpload.upload({
|
|---|
| | | url: host + '/fanli/api/v1/user/vip/uploadApplyInfo',
|
|---|
| | | data: params,
|
|---|
| | | // 成功
|
|---|
| | | success: function(result) {
|
|---|
| | | yesApp.hideLoading();
|
|---|
| | | if (result.code == 0) {
|
|---|
| | | yesApp.toast("上传成功")
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | yesApp.toast("上传失败3");
|
|---|
| | | yesApp.toast(res.msg);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | fail: function(e) {
|
|---|
| | | yesApp.toast(e.msg)
|
|---|
| | | },
|
|---|
| | | });
|
|---|
| | | },
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| New file |
| | |
|---|
| | | var fileUpload = {
|
|---|
| | | strToJson: function(e) { |
|---|
| | | |
|---|
| | | void 0 === e && (e = new Object), void 0 === e.str && (e.str = ""), void 0 === e.success && (e.success = function() {}),
|
|---|
| | | void 0 === e.fail && (e.fail = function() {});
|
|---|
| | | try {
|
|---|
| | | var t = JSON.parse(e.str);
|
|---|
| | | "object" == typeof t ? e.success(t) : e.fail(e.str) |
|---|
| | | |
|---|
| | | } catch (t) {
|
|---|
| | | e.fail(e.str)
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | AjaxList: [],
|
|---|
| | | upload: function(e) {
|
|---|
| | | if (void 0 === e && (e = new Object), void 0 === e.async && (e.async = !0), void 0 === e.url && (e.url = ""),
|
|---|
| | | void 0 ===
|
|---|
| | | e.data && (e.data = new Object), void 0 === e.maxSize ? e.maxSize = 100 : e.maxSize = parseInt(e.maxSize), void 0 ===
|
|---|
| | | e.withCredentials && (e.withCredentials = !0), void 0 === e.greenChannel && (e.greenChannel = !1), void 0 === e.progress &&
|
|---|
| | | (e.progress = function() {}), void 0 === e.success && (e.success = function() {}), void 0 === e.fail && (e.fail =
|
|---|
| | | function() {}), 1 == e.greenChannel || fileUpload.AjaxRepeat("add", e.url)) {
|
|---|
| | | var t = new FormData;
|
|---|
| | | for (var i in e.data) t.append(i, e.data[i]);
|
|---|
| | | var n = null;
|
|---|
| | | n = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");
|
|---|
| | | var o = {
|
|---|
| | | total: 0,
|
|---|
| | | loaded: 0,
|
|---|
| | | percentage: 0
|
|---|
| | | };
|
|---|
| | | n.upload.onprogress = function(t) {
|
|---|
| | | t.lengthComputable && (o.total = t.total, o.loaded = t.loaded, o.percentage = Math.round(1e3 * parseFloat(t.loaded /
|
|---|
| | | t.total)) / 10, e.progress(o))
|
|---|
| | | }, n.open("POST", e.url, e.async), n.withCredentials = e.withCredentials, n.onreadystatechange = function() {
|
|---|
| | | if (4 == n.readyState && 200 == n.status) {
|
|---|
| | | fileUpload.AjaxRepeat("over", e.url);
|
|---|
| | | var t = "";
|
|---|
| | | n.responseText ? t = n.responseText : n.responseXML && (t = n.responseXML), fileUpload.strToJson({
|
|---|
| | | str: t,
|
|---|
| | | success: function(t) {
|
|---|
| | | e.success(t)
|
|---|
| | | },
|
|---|
| | | fail: function() {
|
|---|
| | | var i = {
|
|---|
| | | code: 200,
|
|---|
| | | data: t,
|
|---|
| | | msg: "返回数据不是json格式"
|
|---|
| | | };
|
|---|
| | | e.fail(i)
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | | } else if (4 == n.readyState) {
|
|---|
| | | fileUpload.AjaxRepeat("over", e.url);
|
|---|
| | | var i = {
|
|---|
| | | code: 404,
|
|---|
| | | data: n.responseText,
|
|---|
| | | msg: "无法链接，请检查网络"
|
|---|
| | | };
|
|---|
| | | e.fail(i)
|
|---|
| | | }
|
|---|
| | | }, n.send(t)
|
|---|
| | | } else {
|
|---|
| | | e.fail({
|
|---|
| | | code: 400,
|
|---|
| | | data: {},
|
|---|
| | | msg: "上一次上传工作还未完成"
|
|---|
| | | })
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | AjaxRepeat: function(e, t) {
|
|---|
| | | var i = {
|
|---|
| | | url: "",
|
|---|
| | | over: !1
|
|---|
| | | };
|
|---|
| | | i.url = t;
|
|---|
| | | var n = !1;
|
|---|
| | | if ("add" == e) {
|
|---|
| | | for (var o = null, r = 0; r < fileUpload.AjaxList.length; r++)
|
|---|
| | | if (i.url == fileUpload.AjaxList[r].url) {
|
|---|
| | | o = r;
|
|---|
| | | break
|
|---|
| | | } null == o ? (fileUpload.AjaxList.push(i), n = !0) : 1 == fileUpload.AjaxList[o].over ? (fileUpload.AjaxList[o]
|
|---|
| | | .over = !1, n = !
|
|---|
| | | 0) :
|
|---|
| | | n = !1
|
|---|
| | | } else if ("over" == e)
|
|---|
| | | for (r = 0; r < fileUpload.AjaxList.length; r++)
|
|---|
| | | if (t == fileUpload.AjaxList[r].url) {
|
|---|
| | | fileUpload.AjaxList[r].over = !0, n = !0;
|
|---|
| | | break
|
|---|
| | | } return n
|
|---|
| | | },
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getQueryString(name) {
|
|---|
| | | var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|---|
| | | var r = window.location.search.substr(1).match(reg);
|
|---|
| | | if (r != null) return unescape(r[2]);
|
|---|
| | | return null;
|
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | 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 {
|
|---|
| | | height: 2.8rem;
|
|---|
| | | background-image: url(../img/icon_header.png);
|
|---|
| | | background-repeat: no-repeat;
|
|---|
| | | /**等比例缩放*/
|
|---|
| | | background-size: contain;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_header div {
|
|---|
| | | color: #EB2A17;
|
|---|
| | | font-size: 0.2rem;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 2.2rem;
|
|---|
| | | left: 0.72rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_title {
|
|---|
| | | margin-top: 0.47rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_title :nth-child(1) {
|
|---|
| | | background-color: #CDCDCD;
|
|---|
| | | width: 3.01rem;
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_title :nth-child(2) {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | font-weight: bold;
|
|---|
| | | margin-left: 0.14rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_title :nth-child(3) {
|
|---|
| | | margin-left: 0.14rem;
|
|---|
| | | background-color: #CDCDCD;
|
|---|
| | | width: 3.01rem;
|
|---|
| | | height: 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_items {
|
|---|
| | | margin-top: 0.28rem;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | padding-left: 0.27rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | flex-wrap: wrap;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .item_bg {
|
|---|
| | | width: 3.4rem;
|
|---|
| | | height: 1.74rem;
|
|---|
| | | border-radius: 0.08rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #item_bg_order {
|
|---|
| | | background-color: #FF713A;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_order img { |
|---|
| | | width: 0.45rem; |
|---|
| | | height: 0.5rem; |
|---|
| | | margin-top: 0.38rem; |
|---|
| | | margin-left: 1.48rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_order div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.2rem; |
|---|
| | | margin-left: 0.8rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_fans { |
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | background-color: #00DA9F;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_fans img { |
|---|
| | | width: 0.53rem; |
|---|
| | | height: 0.48rem; |
|---|
| | | margin-top: 0.39rem; |
|---|
| | | margin-left: 1.44rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_fans div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.21rem; |
|---|
| | | margin-left: 0.79rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_fh { |
|---|
| | | margin-top: 0.16rem;
|
|---|
| | | background-color: #E75271;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_fh img { |
|---|
| | | width: 0.72rem; |
|---|
| | | height: 0.43rem; |
|---|
| | | margin-top: 0.43rem; |
|---|
| | | margin-left: 1.34rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_fh div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.21rem; |
|---|
| | | margin-left: 0.82rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_vip { |
|---|
| | | margin-top: 0.16rem; |
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | background-color: #D7B177;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_vip img { |
|---|
| | | width: 0.58rem; |
|---|
| | | height: 0.48rem; |
|---|
| | | margin-top: 0.37rem; |
|---|
| | | margin-left: 1.4rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_vip div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.23rem; |
|---|
| | | margin-left: 0.8rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_yj { |
|---|
| | | margin-top: 0.16rem;
|
|---|
| | | background-color: #40B9EB;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_yj img { |
|---|
| | | width: 0.38rem; |
|---|
| | | height: 0.50rem; |
|---|
| | | margin-top: 0.38rem; |
|---|
| | | margin-left: 1.51rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_yj div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.19rem; |
|---|
| | | margin-left: 1.11rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_data { |
|---|
| | | margin-top: 0.16rem; |
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | background-color: #F37BC7;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_data img { |
|---|
| | | width: 0.47rem; |
|---|
| | | height: 0.47rem; |
|---|
| | | margin-top: 0.4rem; |
|---|
| | | margin-left: 1.49rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_data div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.21rem; |
|---|
| | | margin-left: 1.1rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_sc { |
|---|
| | | margin-top: 0.16rem; |
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | background-color: #63C971;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_sc img { |
|---|
| | | width: 0.57rem; |
|---|
| | | height: 0.58rem; |
|---|
| | | margin-top: 0.39rem; |
|---|
| | | margin-left: 1.45rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_sc div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.1rem; |
|---|
| | | margin-left: 1.13rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_mian { |
|---|
| | | margin-top: 0.16rem;
|
|---|
| | | background-color: #ED7777;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_mian img { |
|---|
| | | width: 0.52rem; |
|---|
| | | height: 0.54rem; |
|---|
| | | margin-top: 0.32rem; |
|---|
| | | margin-left: 1.47rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_mian div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.22rem; |
|---|
| | | margin-left: 0.95rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_top { |
|---|
| | | margin-top: 0.16rem;
|
|---|
| | | background-color: #EB9C2C;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_top img { |
|---|
| | | width: 0.6rem; |
|---|
| | | height: 0.6rem; |
|---|
| | | margin-top: 0.33rem; |
|---|
| | | margin-left: 1.4rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_top div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.14rem; |
|---|
| | | margin-left: 0.81rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_more { |
|---|
| | | margin-top: 0.16rem; |
|---|
| | | margin-left: 0.16rem;
|
|---|
| | | background-color: #698ADC;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_more img { |
|---|
| | | width: 0.58rem; |
|---|
| | | height: 0.58rem; |
|---|
| | | margin-top: 0.33rem; |
|---|
| | | margin-left: 1.46rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | #item_bg_more div { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | height: 0.3rem; |
|---|
| | | margin-top: 0.17rem; |
|---|
| | | margin-left: 1.11rem; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <!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>{{title}}</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_title">
|
|---|
| | | <div></div>
|
|---|
| | | <div>主要功能</div>
|
|---|
| | | <div></div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_items">
|
|---|
| | | <div id="item_bg_order" class="item_bg" @click="touchType(1)">
|
|---|
| | | <img src="img/icon_order.png">
|
|---|
| | | <div>全部团队订单</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_fans" class="item_bg" @click="touchType(2)">
|
|---|
| | | <img src="img/icon_fans.png">
|
|---|
| | | <div>全部团队粉丝</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_fh" class="item_bg" @click="touchType(3)">
|
|---|
| | | <img src="img/icon_fh.png">
|
|---|
| | | <div>团队分红明细</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_vip" class="item_bg" @click="touchType(4)">
|
|---|
| | | <img src="img/icon_vip.png">
|
|---|
| | | <div>指定开通会员</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_yj" class="item_bg" @click="touchType(5)">
|
|---|
| | | <img src="img/icon_yj.png">
|
|---|
| | | <div>佣金计算</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_data" class="item_bg" @click="touchType(6)">
|
|---|
| | | <img src="img/icon_data.png">
|
|---|
| | | <div>数据预览</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_mian" class="item_bg" @click="touchType(7)">
|
|---|
| | | <img src="img/icon_mian.png">
|
|---|
| | | <div>淘礼金免单</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_sc" class="item_bg" @click="touchType(8)">
|
|---|
| | | <img src="img/icon_sc.png">
|
|---|
| | | <div>申请素材</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_top" class="item_bg" @click="touchType(9)">
|
|---|
| | | <img src="img/icon_top.png">
|
|---|
| | | <div>推广TOP榜单</div>
|
|---|
| | | </div>
|
|---|
| | | <div id="item_bg_more" class="item_bg" @click="touchType(10)">
|
|---|
| | | <img src="img/icon_more.png">
|
|---|
| | | <div>更多功能</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div style="height: 0.3rem;"></div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | title: '你于2020.02.02升级为[超级会员]'
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | touchType: function(type) {
|
|---|
| | | switch (type) {
|
|---|
| | | case 1:
|
|---|
| | | break;
|
|---|
| | | case 2:
|
|---|
| | | break;
|
|---|
| | | case 3:
|
|---|
| | | break;
|
|---|
| | | case 4:
|
|---|
| | | break;
|
|---|
| | | case 5:
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/yjCompute/index.html', null)
|
|---|
| | | break;
|
|---|
| | | case 6:
|
|---|
| | | yesApp.jumpWeb('http://192.168.1.66:8848/flqFront/AppInside/dataPreview/datapreviewmain.html', null)
|
|---|
| | | break;
|
|---|
| | | case 7:
|
|---|
| | | break;
|
|---|
| | | case 8:
|
|---|
| | | break;
|
|---|
| | | case 9:
|
|---|
| | | break;
|
|---|
| | | case 10:
|
|---|
| | | yesApp.toast('功能开发中...')
|
|---|
| | | break;
|
|---|
| | | default:
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | 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_search {
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 0.88rem;
|
|---|
| | | background-color: white;
|
|---|
| | | z-index: 100;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary {
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | width: 7.15rem;
|
|---|
| | | height: 0.6rem;
|
|---|
| | | border-radius: 0.3rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary img {
|
|---|
| | | width: 0.31rem;
|
|---|
| | | height: 0.3rem;
|
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_search_gary div {
|
|---|
| | | color: #999999;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | margin-left: 0.14rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fans_statistics {
|
|---|
| | | margin-top: 1.23rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_fans_statistics .fans_statistics_title {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.35rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content_fansstatistics_bg {
|
|---|
| | | margin-top: 0.18rem;
|
|---|
| | | margin-left: 0.18rem;
|
|---|
| | | width: 7.14rem;
|
|---|
| | | background-color: white;
|
|---|
| | | border-radius: 0.2rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content_fansstatistics_title_bg {
|
|---|
| | | height: 0.74rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | color: #000000;
|
|---|
| | | font-size: 0.26rem;
|
|---|
| | | align-items: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content_fansstatistics_title_bg :nth-child(1) {
|
|---|
| | | margin-left: 0.54rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content_fansstatistics_title_bg :nth-child(2) {
|
|---|
| | | margin-left: 0.79rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content_fansstatistics_title_bg :nth-child(3) {
|
|---|
| | | margin-left: 0.8rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_content_fansstatistics_title_bg :nth-child(4) {
|
|---|
| | | margin-left: 0.76rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content_desc_bg {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 0.78rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #div_today {
|
|---|
| | | background-color: #FFF6FA;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content_desc_bg :nth-child(1) {
|
|---|
| | | width: 1.785rem;
|
|---|
| | | margin-left: 0.5rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content_desc_bg :nth-child(2) {
|
|---|
| | | width: 1.785rem;
|
|---|
| | | margin-left: -0.25rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content_desc_bg :nth-child(3) {
|
|---|
| | | width: 1.785rem;
|
|---|
| | | margin-left: 0.25rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content_desc_bg :nth-child(4) {
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | width: 1.785rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #div_thismonth {
|
|---|
| | | background-color: #FFF6FA;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .invite_list {
|
|---|
| | | color: #333333;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | height: 0.35rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.39rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_inviliist_title_bg {
|
|---|
| | | margin-top: 0.18rem;
|
|---|
| | | background-color: white;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .inviliist_title_bg {
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | height: 0.92rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .inviliist_title_1 {
|
|---|
| | | color: #E5005C;
|
|---|
| | | margin-left: 1.72rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .inviliist_title_2 {
|
|---|
| | | color: #333333;
|
|---|
| | | margin-left: 1.05rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .inviliist_title_3 {
|
|---|
| | | color: #333333;
|
|---|
| | | margin-left: 1.05rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .line_bg { |
|---|
| | | display: -webkit-flex; |
|---|
| | | border-bottom: #E0E0E0 solid 1px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .inviliist_line_1 { |
|---|
| | | background-color: #E5005C; |
|---|
| | | width: 0.66rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | margin-left: 1.73rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .inviliist_line_2 { |
|---|
| | | background-color: white; |
|---|
| | | width: 0.66rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | margin-left: 1.05rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .inviliist_line_3 { |
|---|
| | | background-color: white; |
|---|
| | | width: 0.66rem; |
|---|
| | | height: 0.04rem; |
|---|
| | | margin-left: 1.07rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items { |
|---|
| | | background-color: white; |
|---|
| | | height: 1.26rem; |
|---|
| | | border-bottom: #E0E0E0 solid 1px; |
|---|
| | | display: -webkit-flex; |
|---|
| | | justify-content: space-between;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_left { |
|---|
| | | display: -webkit-flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_flag { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center;
|
|---|
| | | font-size: 0.3rem; |
|---|
| | | font-weight: bold; |
|---|
| | | color: #888888; |
|---|
| | | margin-left: 0.29rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_imgheader { |
|---|
| | | width: 0.6rem; |
|---|
| | | height: 0.6rem; |
|---|
| | | border-radius: 50%; |
|---|
| | | background-color: #888888; |
|---|
| | | margin-top: 0.33rem; |
|---|
| | | margin-left: 0.28rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_left :nth-child(3) { |
|---|
| | | margin-left: 0.15rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | .name_type_bg { |
|---|
| | | height: 0.3rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | margin-top: 0.29rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .name { |
|---|
| | | color: #000000; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .fans { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | color: #E5005C; |
|---|
| | | font-size: 0.2rem; |
|---|
| | | width: 1rem; |
|---|
| | | height: 0.3rem; |
|---|
| | | border: #E5005C solid 1px; |
|---|
| | | border-radius: 0.08rem; |
|---|
| | | margin-left: 0.14rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .id_bg { |
|---|
| | | margin-top: 0.1rem; |
|---|
| | | height: 0.34rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .bl_id { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .copy { |
|---|
| | | color: #888888; |
|---|
| | | font-size: 0.26rem; |
|---|
| | | width: 1.05rem; |
|---|
| | | height: 0.34rem; |
|---|
| | | background-color: #F3F3F3; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | border-radius: 0.17rem; |
|---|
| | | margin-left: 0.21rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_items_right { |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | color: #333333; |
|---|
| | | font-size: 0.34rem; |
|---|
| | | margin-right: 0.3rem; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <!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_search">
|
|---|
| | | <div class="div_search_gary">
|
|---|
| | | <img src="img/icon_search.png">
|
|---|
| | | <div>手机号/微信号/邀请码/快省ID</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 粉丝统计 -->
|
|---|
| | | <div class="div_fans_statistics">
|
|---|
| | | <div class="fans_statistics_title">粉丝统计</div>
|
|---|
| | | <div class="div_content_fansstatistics_bg">
|
|---|
| | |
|
|---|
| | | <div class="div_content_fansstatistics_title_bg">
|
|---|
| | | <div>时间</div>
|
|---|
| | | <div>直接粉丝</div>
|
|---|
| | | <div>间接粉丝</div>
|
|---|
| | | <div>二级以外</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 今日 -->
|
|---|
| | | <div class="content_desc_bg" id="div_today">
|
|---|
| | | <div>今日</div>
|
|---|
| | | <div>10</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 昨日 -->
|
|---|
| | | <div class="content_desc_bg" id="div_yesterday">
|
|---|
| | | <div>昨日</div>
|
|---|
| | | <div>10</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 本月 -->
|
|---|
| | | <div class="content_desc_bg" id="div_thismonth">
|
|---|
| | | <div>本月</div>
|
|---|
| | | <div>10</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 昨累计 -->
|
|---|
| | | <div class="content_desc_bg" id="div_cumulative">
|
|---|
| | | <div>累计</div>
|
|---|
| | | <div>10</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | <div>41</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 邀请排行榜 -->
|
|---|
| | | <div class="invite_list">邀请排行榜</div>
|
|---|
| | | <div>
|
|---|
| | | <div class="div_inviliist_title_bg">
|
|---|
| | | <div class="inviliist_title_bg">
|
|---|
| | | <div class="inviliist_title_1">今日</div>
|
|---|
| | | <div class="inviliist_title_2">昨日</div>
|
|---|
| | | <div class="inviliist_title_3">本月</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="line_bg">
|
|---|
| | | <div class="inviliist_line_1"></div>
|
|---|
| | | <div class="inviliist_line_2"></div>
|
|---|
| | | <div class="inviliist_line_3"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="div_inviliist_content_bg">
|
|---|
| | | <div class="div_items" v-for="(item, index) in inviteList">
|
|---|
| | | <div class="div_items_left">
|
|---|
| | | <div class="div_flag">{{index+1}}</div> |
|---|
| | | <img class="div_imgheader" v-bind:src="item.img"> |
|---|
| | | |
|---|
| | | <div> |
|---|
| | | <div class="name_type_bg"> |
|---|
| | | <div class="name">昵称昵称昵称</div> |
|---|
| | | <div class="fans">直接粉丝</div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="id_bg"> |
|---|
| | | <div class="bl_id">ID:323030</div> |
|---|
| | | <div class="copy">复制</div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | </div>
|
|---|
| | | <div class="div_items_right">
|
|---|
| | | 10000
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | inviteList: [{}]
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | |
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
| New file |
| | |
|---|
| | | * {
|
|---|
| | | 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: white;
|
|---|
| | | font-family: Arial, "Microsoft YaHei";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_item_bg {}
|
|---|
| | |
|
|---|
| | | .div_items {
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | height: 1.2rem;
|
|---|
| | | border: #999999 solid 1px;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | justify-content: space-between;
|
|---|
| | | align-items: center;
|
|---|
| | | color: #000000;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .title {
|
|---|
| | |
|
|---|
| | | font-size: 0.3rem;
|
|---|
| | | margin-left: 0.4rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .content {
|
|---|
| | | color: #888888;
|
|---|
| | | font-size: 0.36rem;
|
|---|
| | | margin-right: 0.35rem;
|
|---|
| | | font-weight: bold;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit {
|
|---|
| | | background-color: #FFFFFF;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 7.5rem;
|
|---|
| | | height: 0.96rem;
|
|---|
| | | top: 11.1rem;
|
|---|
| | |
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | border-top: #dddddd solid 1px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_commit div {
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | font-size: 0.34rem;
|
|---|
| | | background-color: #999999;
|
|---|
| | | width: 5.6rem;
|
|---|
| | | height: 0.76rem;
|
|---|
| | | border-radius: 0.38rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_add_bg {
|
|---|
| | | background-color: #F3F3F3;
|
|---|
| | | margin-top: 0.25rem;
|
|---|
| | | margin-left: 0.2rem;
|
|---|
| | | margin-right: 0.2rem;
|
|---|
| | | height: 1.2rem;
|
|---|
| | | border-radius: 0.06rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_img {
|
|---|
| | | height: 0.38rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_add_desc {
|
|---|
| | | margin-top: 0.08rem;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | color: #888888;
|
|---|
| | | height: 0.25rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_img {
|
|---|
| | | padding-top: 0.27rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_img img {
|
|---|
| | | width: 0.38rem;
|
|---|
| | | height: 0.38rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div_desc {
|
|---|
| | | color: #666666;
|
|---|
| | | font-size: 0.24rem;
|
|---|
| | | height: 0.25rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.23rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .dialogmask {
|
|---|
| | | display: none;
|
|---|
| | | position: fixed;
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | background: rgba(1, 1, 1, 0.5);
|
|---|
| | | top: 0;
|
|---|
| | | left: 0;
|
|---|
| | | z-index: 1001;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog {
|
|---|
| | | width: 5.60rem;
|
|---|
| | | min-height: 1rem;
|
|---|
| | | background: #FFFFFF;
|
|---|
| | | border-radius: 0.1rem;
|
|---|
| | | /* padding: 0.2rem; */
|
|---|
| | | z-index: 1000;
|
|---|
| | | display: block;
|
|---|
| | | height: auto;
|
|---|
| | | position: absolute;
|
|---|
| | | margin: auto;
|
|---|
| | | left: 0;
|
|---|
| | | right: 0;
|
|---|
| | | top: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | max-height: 6.24rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog>img {
|
|---|
| | | height: 0.5rem;
|
|---|
| | | right: 0.2rem;
|
|---|
| | | top: 0.2rem;
|
|---|
| | | position: absolute
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_title {
|
|---|
| | | color: #010101;
|
|---|
| | | font-size: 0.32rem;
|
|---|
| | | height: 0.32rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center;
|
|---|
| | | justify-content: center;
|
|---|
| | | margin-top: 0.49rem;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .dialog_desc {
|
|---|
| | | color: #888888;
|
|---|
| | | font-size: 0.28rem;
|
|---|
| | | height: 0.28rem;
|
|---|
| | | display: -webkit-flex;
|
|---|
| | | align-items: center; |
|---|
| | | margin-top: 0.5rem; |
|---|
| | | margin-left: 0.27rem;
|
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .div_fantypes_bg { |
|---|
| | | margin-top: 0.06rem; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes { |
|---|
| | | color: #000000; |
|---|
| | | font-size: 0.28rem; |
|---|
| | | background-color: #F3F3F3; |
|---|
| | | margin-top: 0.22rem; |
|---|
| | | height: 0.7rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | margin-left: 0.92rem; |
|---|
| | | margin-right: 0.92rem; |
|---|
| | | border-radius: 0.06rem; |
|---|
| | | |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes.checked { |
|---|
| | | background-color: #FFD1E4; |
|---|
| | | color: #E5005C; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_fantypes:hover { |
|---|
| | | background-color: #FFD1E4; |
|---|
| | | color: #E5005C; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_selcet.checked { |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_selcet:hover { |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .div_selcet { |
|---|
| | | width: 0.38rem; |
|---|
| | | height: 0.39rem; |
|---|
| | | right: 0; |
|---|
| | | top: 0.32rem; |
|---|
| | | position: absolute; |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dialog_commit { |
|---|
| | | color: #FFFFFF; |
|---|
| | | font-size: 0.32rem; |
|---|
| | | background-color: #E5005C; |
|---|
| | | border-radius: 0.4rem; |
|---|
| | | margin-top: 0.63rem; |
|---|
| | | margin-left: 0.42rem; |
|---|
| | | margin-right: 0.42rem; |
|---|
| | | height: 0.8rem; |
|---|
| | | display: -webkit-flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| New file |
| | |
|---|
| | | <!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_item_bg">
|
|---|
| | | <div class="div_items" v-for="(item, index) in yjlist">
|
|---|
| | | <div class="title">{{item.title}}</div>
|
|---|
| | | <div class="content">{{item.content}}</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 添加粉丝 -->
|
|---|
| | | <div class="div_add_bg" @click="addFans">
|
|---|
| | | <div class="div_img">
|
|---|
| | | <img src="img/icon_add.png">
|
|---|
| | | </div>
|
|---|
| | | <div class="div_add_desc">添加粉丝</div>
|
|---|
| | | </div>
|
|---|
| | | <div class="div_desc">建议粉丝数不超过9代</div>
|
|---|
| | |
|
|---|
| | | <div style="height: 1.5rem;"></div>
|
|---|
| | | <!-- 提交申请 -->
|
|---|
| | | <div class="div_commit">
|
|---|
| | | <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!--弹框 -->
|
|---|
| | | <div class="dialogmask">
|
|---|
| | | <div class="dialog">
|
|---|
| | | <img src="img/icon_close.png" @click="hiddenDialog()">
|
|---|
| | | <div class="dialog_title">添加粉丝</div>
|
|---|
| | | <div class="dialog_desc">添加粉丝类型</div>
|
|---|
| | | <div class="div_fantypes_bg">
|
|---|
| | | <div class="div_fantypes" v-for="(item, index) in typelist" :class="{checked:index==n}" @click="changeList(index)">
|
|---|
| | | {{item}}
|
|---|
| | | <img class="div_selcet" :class="{checked:index==n}" src="img/icon_select.png">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="dialog_commit" @click="commitAddFans">确认</div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </body>
|
|---|
| | | <script>
|
|---|
| | | // "http://api.flqapp.com";
|
|---|
| | | var host = "http://192.168.1.122:8080";
|
|---|
| | | $(function() {
|
|---|
| | | var app = new Vue({
|
|---|
| | | el: '#root',
|
|---|
| | | data: {
|
|---|
| | | buttonName: '开始计算',
|
|---|
| | | yjlist: [],
|
|---|
| | | n: 0,
|
|---|
| | | typelist: ['超级会员', '高级会员', '快省达人']
|
|---|
| | | },
|
|---|
| | | watch: {
|
|---|
| | | yjlist: function(val) {
|
|---|
| | | if (val.length == 0 || val == null) {
|
|---|
| | | $(".commitInfo").css("background-color", "#999999");
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | $(".commitInfo").css("background-color", "#E5005B");
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | addFans: function() {
|
|---|
| | | $('.dialogmask').css('display', 'block')
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | hiddenDialog: function() {
|
|---|
| | | app.n = 0;
|
|---|
| | | $('.dialogmask').css('display', 'none')
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | changeList: function(index) {
|
|---|
| | | app.n = index; //this指向app
|
|---|
| | | },
|
|---|
| | |
|
|---|
| | | commitAddFans: function() {
|
|---|
| | | var parms = null;
|
|---|
| | |
|
|---|
| | | if (app.n == 0) {
|
|---|
| | | params = {
|
|---|
| | | title: '超级会员',
|
|---|
| | | content: '￥0.00'
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | } else if (app.n == 1) {
|
|---|
| | | params = {
|
|---|
| | | title: '普通会员',
|
|---|
| | | content: '￥0.00'
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | } else if (app.n == 2) {
|
|---|
| | | params = {
|
|---|
| | | title: '快省达人',
|
|---|
| | | content: '￥0.00'
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | var list = app.yjlist;
|
|---|
| | | list.push(params);
|
|---|
| | | app.yjlist = list;
|
|---|
| | | app.hiddenDialog();
|
|---|
| | | },
|
|---|
| | | commitInfo: function() {
|
|---|
| | | if (app.buttonName == '开始计算') {
|
|---|
| | | if (app.yjlist == null || app.yjlist.length <= 0) return;
|
|---|
| | | //请求数据改变
|
|---|
| | | app.buttonName = '重新填写';
|
|---|
| | |
|
|---|
| | | } else {
|
|---|
| | | //重新填写清空数据
|
|---|
| | | app.yjlist.splice(0, app.yjlist.length);
|
|---|
| | | app.buttonName = '开始计算';
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
| | | </html> |
|---|
