AppInside/activityDetailTempPage/css/layer.css
New file @@ -0,0 +1 @@ .layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px} AppInside/activityDetailTempPage/css/stylesheet.css
New file @@ -0,0 +1,201 @@ * { margin: 0; /* 不允许复制 */ -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ -khtml-user-select: none; /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ /* IOS点击阴影 */ -webkit-tap-highlight-color: transparent; } body { background-color: #FFFFFF; font-family: Arial, "Microsoft YaHei"; } .mainTitle { color: #333333; font-size: 0.3rem; margin-left: 0.3rem; margin-right: 0.3rem; margin-top: 0.25rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .subTitle { color: #666666; font-size: 0.24rem; margin-left: 0.3rem; margin-right: 0.3rem; margin-top: 0.52rem; } .contentTitle_BG { background-color: #F7F7F7; border-radius: 0.1rem; color: #000000; font-size: 0.32rem; margin-left: 0.75rem; margin-right: 0.75rem; margin-top: 0.5rem; padding-left: 0.1rem; padding-right: 0.1rem; padding-top: 0.05rem; line-height: 0.4rem; position: relative; } .copyRecommendTitle { background-color: #FFE1C4; border-radius: 0.21rem; height: 0.42rem; width: 1.9rem; position: absolute; bottom: 0.1rem; right: 0.12rem; display: -webkit-flex; align-items: center; } .copyRecommendTitle img { width: 0.23rem; height: 0.23rem; margin-left: 0.22rem; } .copyRecommendTitle div { color: #FF6E25; font-size: 0.24rem; display: -webkit-flex; align-items: center; height: 0.25rem; margin-left: 0.06rem; } .videoBG { position: relative; } .div_Link { margin-left: 0.75rem; margin-right: 0.75rem; margin-top: 0.1rem; display: -webkit-flex; background-color: #F7F7F7; border-radius: 0.1rem; height: 0.8rem; align-items: center; } .div_tag_bg { margin-left: 0.75rem; margin-right: 0.75rem; background-color: #F7F7F7; height: 0.76rem; border-radius: 0.1rem; display: -webkit-flex; justify-content: space-between; } .div_top_tag_bg { height: 0.26rem; } .div_commit { background-color: #FFFFFF; position: fixed; width: 7.5rem; height: 0.96rem; 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; } .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.875rem; } .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; } AppInside/activityDetailTempPage/img/icon_arrowRight.png
New file @@ -0,0 +1,513 @@ <!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" /> <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/app20200609.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="js/layer.js"></script> </head> <body> <div id="root" style="display: none;"> <div class="mainTitle"> {{dataInfo.title}} </div> <div style="display: -webkit-flex;justify-content: space-between; align-items: center;margin-top: 0.34rem;height: 0.26rem;margin-left: 0.3rem;"> <div style="display: -webkit-flex;align-items: center;"> <div style="color: #000000; font-size: 0.24rem;display: -webkit-flex;align-items: center;height: 0.24rem;"> {{dataInfo.detailInfo.user.nickName}} </div> <div style="color: #999999; font-size: 0.24rem;display: -webkit-flex;align-items: center;height: 0.24rem;margin-left: 0.33rem;"> {{dataInfo.pushTime}} </div> </div> <div style="display: -webkit-flex;align-items: center; flex-direction: row-reverse; "> <div style="color: #A6A6A6; font-size: 0.24rem;display: -webkit-flex;align-items: center;height: 0.24rem;margin-left: 0.33rem;margin-right: 0.3rem;"> {{dataInfo.scanNum}} </div> <img src="img/icon_eye.png" style="width: 0.32rem;height: 0.26rem;margin-right: -0.25rem;"> </div> </div> <div class="subTitle"> {{dataInfo.content}} </div> <div class="contentTitle_BG"> <div class=""> {{dataInfo.detailInfo.title}} </div> <div style="height: 0.68rem;"> </div> <div class="copyRecommendTitle" @click="copyRecommend"> <img src="img/icon_copy.png"> <div>复制推荐语</div> </div> </div> <div class="imagesBG"> <div class="bigImageBG"> </div> <div class="smallImageBG" style="display: -webkit-flex;flex-wrap: wrap;margin-left: 0.63rem;"> </div> </div> <div class="div_Link" v-if="dataInfo.jumpLink" @click="jumpLink"> <img src="img/icon_link.png" style="width: 0.23rem;height: 0.22rem;margin-left: 0.32rem;"> <div style="color: #3A70C2; font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-left: 0.08rem;"> 查看详情 </div> <img src="img/icon_arrowRight.png" style="width: 0.48rem;height: 0.48rem;margin-left: 3.78rem;"> </div> <div class="div_item_bg"></div> <div style="height: 1.4rem;"></div> <div class="div_commit"> <div class="commitInfo" @click="commitInfo">{{buttonName}}</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 id="imgPyq" 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_down.png"> </div> <div class="share_content_content_title"> 批量存图 </div> </div> <div class="share_content_content" onclick="shareText(6)"> <div class="share_content_content_img"> <img src="img/icon_more.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 type="text/javascript"> 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; }; </script> <script type="text/javascript"> //var host = "http://api.flqapp.com"; var host = "http://192.168.1.253:8080"; var id = getQueryString('id'); var type = getQueryString('type'); var data = null; var imageLarge = []; var imageSmall = []; var arrayComments = []; var layerIndex = null; var app; $(function() { try { app = new Vue({ el: "#root", data: { dataInfo: { detailInfo: { user: {} } }, buttonName: '立即分享' }, watch: { dataInfo: function(val) { $('#root').css('display', 'block'); } }, methods: { commitInfo: function() { if (app.dataInfo.detailInfo.imgList.length > 1) { $('#imgPyq').attr('src', 'img/icon_pyqn.png') } else { $('#imgPyq').attr('src', 'img/icon_pyq.png') } 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' }); }, jumpLink: function() { yesApp.jumpWeb(app.dataInfo.jumpLink, null) }, copyRecommend: function() { yesApp.copyText(app.dataInfo.detailInfo.title) }, fetchPushDetail: function() { yesApp.showLoading(); var uid = yesApp.getUid(); var params = { uid: uid, id: id }; params = yesApp.getRequestBaseParams(params); $.ajax({ type: "GET", data: JSON.parse(params), url: host + "/fanli/api/v1/push/getPushDetail", dataType: "jsonp", async: false, success: function(result) { yesApp.hideLoading(); if (result.code == 0) { app.dataInfo = result.data; arrayComments = app.dataInfo.detailInfo.comments; for (i = 0; i < result.data.detailInfo.imgList.length; i++) { if (result.data.detailInfo.imgList[i].large) { imageLarge.push(result.data.detailInfo.imgList[i]); } else { imageSmall.push(result.data.detailInfo.imgList[i]); } } app.setImageContent(); } else { yesApp.toast(result.msg); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { yesApp.hideLoading(); if (textStatus === 'timeout') { setTimeout(function() {}, 2000); } } }); }, setImageContent: function() { var bigImageBG = $('.bigImageBG'); var smallImageBG = $('.smallImageBG'); var divitemBg = $('.div_item_bg'); var screenWidth = window.screen.width * 2; var screenHeight = window.screen.height * 2; // 设置大图 for (i = 0; i < imageLarge.length; i++) { var width = null; var height = null; bigImageBG.append('<div class="div_largel" style="position: relative; "></div>'); bigImageBG.find('.div_largel').eq(i).append( "<img style='margin-left: 0.75rem;' class='imgShow'>"); bigImageBG.find('.div_largel').eq(i).append( '<img src="img/icon_play.png" style="position: absolute;left: 50%;top: 50%;margin-left: -0.4rem;margin-top: -0.4rem; width: 0.8rem;height: 0.8rem;" class="imagePlay"/>' ); bigImageBG.find(".div_largel").eq(i).find('.imgShow').eq(0).attr("src", imageLarge[i].url); var compare = parseFloat(imageLarge[i].h) / parseFloat(imageLarge[i].w); if (compare > parseFloat(1)) { // 固定高 height = (screenWidth - (75 * 2)) * 0.01; width = (parseFloat(imageLarge[i].w) / parseFloat(imageLarge[i].h)) * height; } else { width = (screenWidth - (75 * 2)) * 0.01; height = parseFloat(imageLarge[i].h) / parseFloat(imageLarge[i].w) * width; } bigImageBG.find(".div_largel").eq(i).find('.imgShow').eq(0).css({ 'width': width + 'rem', 'height': height + 'rem', 'border-radius': '0.1rem' }); bigImageBG.find(".div_largel").eq(i).find('.imagePlay').eq(0).css('display', 'none'); if (imageLarge[i].videoUrl != null && imageLarge[i].videoUrl != '') { bigImageBG.find(".div_largel").eq(i).find('.imagePlay').eq(0).css('display', 'block'); } }; // 设置小图 if (parseInt(app.dataInfo.detailInfo.lineNum) == 2) { smallImageBG.css('padding-right', '2.67rem'); } for (k = 0; k < imageSmall.length; k++) { smallImageBG.append( "<img style='margin-top: 0.12rem;margin-left: 0.12rem;width: 1.92rem;height: 1.92rem;border-radius: 0.1rem;background-color: #F3F3F3;' class='imgSmall'>" ); smallImageBG.find('.imgSmall').eq(k).attr("src", imageSmall[k].url); } // yesApp.toast(JSON.stringify(arrayComments.length + '')) // 设置尾部 for (var j = 0; j < arrayComments.length; j++) { //标签 divitemBg.append( '<div class="div_top_tag" onclick="touchTag(arrayComments[j].tagUrl)" style="margin-left: 0.75rem;margin-right: 0.75rem;background-color: #F7F7F7;height: 0.8rem;margin-top: 0.1rem;border-radius: 0.1rem; display: -webkit-flex;justify-content: space-between;"></div>' ); divitemBg.find('.div_top_tag').eq(j).on("click", function() { var url = arrayComments[j - 1].tagUrl; if (url.length == 0 || url == null) return; yesApp.jumpWeb(url, null); }); divitemBg.find('.div_top_tag').eq(j).append('<div class="div_top_left"></div>'); divitemBg.find('.div_top_tag').eq(j).append( '<img class="jumpArrow" src="img/icon_arrowRight.png" style="width: 0.48rem;height: 0.48rem;margin-right: 0.15rem;margin-top: 0.14rem;"/>' ) divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).append( '<div class="tagBg" style="height: 0.26rem;margin-top: 0.1rem;display: -webkit-flex;"></div>' ); divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).append( '<div class="tagDesc" style="color:#999999;font-size: 0.24rem; height: 0.25rem;margin-top: 0.1rem;display: -webkit-flex;align-items: center;margin-left: 0.1rem;"></div>' ); if (arrayComments[j].tagUrl == null || arrayComments[j].tagUrl.length == 0) { divitemBg.find('.div_top_tag').eq(j).find('.jumpArrow').eq(0).css('display', 'none'); } var tagList = arrayComments[j].tagList; if (tagList == null || tagList.length == 0) { divitemBg.find('.div_top_tag').eq(j).css('display', 'none'); } else { for (var l = 0; l < tagList.length; l++) { divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagBg').eq(0).append( '<div class="tag" style="display: -webkit-flex;align-items: center;justify-content: center;height: 0.26rem;border-radius: 0.06rem;border: solid 1px;margin-left: 0.1rem;"></div>' ); divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagBg').eq(0).find('.tag').eq(l) .html( ' ' + tagList[l].content + ' '); divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagBg').eq(0).find('.tag').eq(l) .css({ 'color': tagList[l].color + '', 'font-size': '0.18rem', 'border-color': tagList[l].color + '' }); }; divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagDesc').text( arrayComments[j].tagDesc); } // 评论 divitemBg.append( '<div class="div_bottom_comment" style="margin-left: 0.75rem;margin-right: 0.75rem;background-color: #F7F7F7;margin-top: 0.1rem;border-radius: 0.1rem;"></div>' ); divitemBg.find('.div_bottom_comment').eq(j).append( '<div class="commentContent" style="color: #000000;font-size: 0.28rem;display: -webkit-flex;align-items: center;margin-top: 0.1rem;margin-left: 0.1rem;"></div>' ); divitemBg.find('.div_bottom_comment').eq(j).find('.commentContent').eq(0).text(arrayComments[j].content); divitemBg.find('.div_bottom_comment').eq(j).append( '<div class="div_bottom_comment_bottom" style="display: -webkit-flex;justify-content: space-between;"></div>' ); divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).append( '<div class="typeContent" style="display: -webkit-flex;align-items: center;background-color: #C9C9C9;border-radius: 0.04rem;color: #FFFFFF;font-size: 0.16rem;height: 0.22rem;margin-left: 0.1rem;margin-top: 0.31rem;"></div>' ); divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.typeContent').eq( 0).html( ' ' + arrayComments[j].type + ' '); if (arrayComments[j].type == null || arrayComments[j].type.length == 0 || arrayComments[j].type == '') { divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.typeContent') .eq(0).html(arrayComments[j].type); } // 复制按钮 divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).append( '<div class="copyCommentBG" style="display: -webkit-flex;align-items: center;background-color: #FFE1C3;border-radius: 0.21rem;color: #FF6D25;font-size: 0.24rem;width: 1.64rem;margin-right: 0.12rem; height: 0.42rem;margin-top: 0.16rem;"></div>' ); divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.copyCommentBG') .eq(0).append( "<img style='margin-left: 0.23rem; width: 0.23rem;height: 0.23rem;' src='img/icon_copy.png'>"); divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.copyCommentBG') .eq(0).append('<div class="div_bottom_comment_bottom_comment" style="margin-left: 0.06rem;">复制评论</div>') divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.copyCommentBG') .eq(0).on("click", function() { copyCommentstContent(); }); // 边距 divitemBg.find('.div_bottom_comment').eq(j).append('<div style="height: 0.1rem;"></div>'); //var html=""; //html+='<div class="div_top_left" ></div>'; //html+='<div class="div_top_right" style="display: -webkit-flex;align-items: center; background-color: red;width: 0.4rem;height: 0.4rem;">'; //html+='<img src='img/icon_arrowRight.png' style='width: 0.48rem;height: 0.48rem;background-color: yellow;'>'; //html+='</div>'; //divitemBg.find('.div_top_tag').eq(j).append(html); //右边箭头 // divitemBg.find('.div_top_tag').eq(j).find('div_top_right').eq(0).append('<img src=img/icon_arrowRight.png" style="width: 0.48rem;height: 0.48rem;background-color: yellow;">'); } } } }); app.fetchPushDetail(); // function touchTag(url) { // yesApp.toast(url); // } function copyCommentstContent() { yesApp.showLoading(); var uid = yesApp.getUid(); var params = { uid: uid, id: app.dataInfo.detailInfo.id, type: app.dataInfo.type }; params = yesApp.getRequestBaseParams(params); $.ajax({ type: "GET", data: JSON.parse(params), url: host + "/fanli/api/v2/dynamic/copyShareComment", dataType: "jsonp", async: false, success: function(result) { yesApp.hideLoading(); if (result.code == 0) { yesApp.copyText(result.data.text); } else { yesApp.toast(result.msg); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { yesApp.hideLoading(); if (textStatus === 'timeout') { setTimeout(function() {}, 2000); } } }); } } catch (e) { yesApp.toast(e) } }); //关闭分享弹框 function cancelShare() { layer.closeAll(); }; function shareText(type) { var imgPushList = []; var tempImgList = app.dataInfo.detailInfo.imgList; for (var i = 0; i < tempImgList.length; i++) { imgPushList.push(tempImgList[i].url); } var string = JSON.stringify(imgPushList); if (type == 4) { yesApp.savePictures(string); } else { if (app.dataInfo.detailInfo.imgList.length > 1 && type == 2) return; yesApp.shareImgs(type, string); yesApp.copyText(app.dataInfo.detailInfo.title); if (yesApp.getPlatform() == 1) { yesApp.toast('复制成功') } } layer.closeAll(); } </script> </html> AppInside/activityDetailTempPage/js/layer.js
New file @@ -0,0 +1,2 @@ /*! 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); AppInside/dataPreview/fund.html
@@ -122,17 +122,17 @@ </div> <!-- 收货详情 --> <div class="div_receiveDetail"> <div class="div_detail_title">收货详情</div> <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"> <div class="div_content"> <div>¥</div> <input id="inpunt_monthSettleMoney" class="input_number" :value="moneyInfo.monthSettleMoney" type="number" <input id="inpunt_notSettleMoney" class="input_number" :value="moneyInfo.notSettleMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()"> </div> @@ -141,12 +141,12 @@ <div class="div_fundDetail_content1_mid"> <div id="div_thisMonth_tx" class="baleneceName"> 上月已收货 本月未到账 </div> <div class="div_input"> <div class="div_content"> <div>¥</div> <input id="inpunt_lastMonthSettleMoney" class="input_number" :value="moneyInfo.lastMonthSettleMoney" type="number" <input id="inpunt_monthUnRecievedMoney" class="input_number" :value="moneyInfo.monthUnRecievedMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()"> </div> @@ -155,12 +155,12 @@ <div class="div_fundDetail_content1_right"> <div id="div_thisMonth_tx" class="baleneceName"> 待确认收货 全部未到账 </div> <div class="div_input"> <div class="div_content"> <div>¥</div> <input id="inpunt_notSettleMoney" class="input_number" :value="moneyInfo.notSettleMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" <input id="inpunt_totalUnRecievedMoney" class="input_number" :value="moneyInfo.totalUnRecievedMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()" @blur="blur()"> </div> </div> @@ -449,12 +449,12 @@ var totalInviteMoney = $('#inpunt_totalInviteMoney').val(); totalInviteMoney = totalInviteMoney.replace('￥', '') // 本月已收货 var monthSettleMoney = $('#inpunt_monthSettleMoney').val(); // 本月未到账 var monthSettleMoney = $('#inpunt_monthUnRecievedMoney').val(); monthSettleMoney = monthSettleMoney.replace('￥', '') // 上月已收货 var lastMonthSettleMoney = $('#inpunt_lastMonthSettleMoney').val(); // 全部未到账 var lastMonthSettleMoney = $('#inpunt_totalUnRecievedMoney').val(); lastMonthSettleMoney = lastMonthSettleMoney.replace('￥', '') // 待确认收货 AppInside/teamBonus/img/icon_sn.png
@@ -51,7 +51,10 @@ <div class="div_itemTopBG_left"> <img v-if="item.sourceType==1" src="img/icon_tb.png"> <img v-else-if="item.sourceType==2" src="img/icon_jd.png"> <img v-else src="img/icon_pdd.png" style="width: 0.86rem;"> <img v-else-if="item.sourceType==3" src="img/icon_pdd.png" style="width: 0.86rem;"> <img v-else-if="item.sourceType==4" src="img/icon_wph.png" style="width: 0.9rem;"> <img v-else-if="item.sourceType==5" src="img/icon_sn.png" style="width: 1.12rem;"> <div class=""> 订单号：{{item.orderNo}} </div> AppInside/teamFans/css/fansSearchResult.css
@@ -313,7 +313,7 @@ .div_descContent5 { color: #888888; background-color: white; height: 1.35rem; height: 2rem; margin-top: 0.64rem; padding-left: 0.28rem; display: -webkit-flex; AppInside/teamFans/fansSearchResult.html
@@ -16,16 +16,19 @@ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root" style="display: none;"> <div class="div_search"> <div class="div_search_gary"> <img src="img/icon_search.png"> <input id="input_key" class="inputc" type="text" placeholder="手机号/邀请码/快省ID" /> <form action="" v-on:submit.prevent style="height: 0.6rem; display: -webkit-flex;align-items: center;"> <input id="input_result" class="inputc" type="search" autofocus="autofocus" placeholder="手机号/邀请码/快省ID" /> </form> </div> <div class="div_search_button" onclick="touchSearch()"> <div class="div_search_button" @click="touchSearch"> 搜索 </div> </div> <div id="root" style="display: none;"> <!-- 头部卡片 --> <div class="div_cardBG"> <div class="line"></div> @@ -148,8 +151,8 @@ <script> // "http://api.flqapp.com"; var host = "http://192.168.1.253:8080"; var key = getQueryString('key'); $('#input_key').val(key); var requestResult = getQueryString('key'); var app = null; $(function() { @@ -167,6 +170,7 @@ watch: { userInfo: function(val) { $('#root').css('display', 'block') $('#input_result').val(requestResult); } }, methods: { @@ -185,12 +189,18 @@ } }, touchSearch: function() { requestResult = $('#input_result').val(); app.fetchFansSearch(); }, fetchFansSearch: function() { yesApp.showLoading(); var uid = yesApp.getUid(); var params = { uid: uid, key: key key: requestResult }; params = yesApp.getRequestBaseParams(params); $.ajax({ @@ -223,6 +233,7 @@ } }, error: function(XMLHttpRequest, textStatus, errorThrown) { yesApp.hideLoading(); if (textStatus === 'timeout') { setTimeout(function() {}, 2000); @@ -233,11 +244,18 @@ } }); app.fetchFansSearch(); }); function touchSearch() { key = $('#input_key').val(); $("#input_result").keypress(function(e) { var keys = $.trim($(this).val()); if (e.keyCode === 13) { if (keys == null || keys.length == 0 || keys == '') { return; } requestResult = keys; document.activeElement.blur(); app.fetchFansSearch(); } }) }); </script> </html> AppInside/teamOrder/orderSearchResult.html
@@ -1,4 +1,3 @@ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> @@ -16,17 +15,22 @@ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div class="div_search"> <div class="div_search_gary"> <img src="img/icon_search.png"> <input id="input_key" class="inputc" type="text" placeholder="输入快省ID/订单号" /> <form action="javascript:;" id="searchFrom" onsubmit="searchList"> <input id="input_key" class="inputc" type="search" placeholder="输入快省ID/订单号" /> </form> </div> <div class="div_search_button" onclick="touchSearch()"> 搜索 </div> </div> ˚ <div id="root" style="display: none;"> <div class="div_item_bg"> <div class="items" v-for="(item, index) in dataList"> <div style="height: 0.2rem;background-color: #F3F3F3;"></div> @@ -117,17 +121,16 @@ data: { buttonName: '提交预览', orderList: null, dataList: [], dataList: null, }, watch: { orderList: function(val) { $('#root').css('display', 'block'); } } }, methods: { fetchFansSearch: function() { // yesApp.toast('点击了') yesApp.showLoading(); var uid = yesApp.getUid(); var params = { @@ -152,6 +155,7 @@ } app.dataList = result.data.list; } else { yesApp.toast(result.msg); } @@ -167,11 +171,22 @@ } }); app.fetchFansSearch(); $("#input_key").keypress(function(e) { var key = $.trim($(this).val()); if (e.keyCode === 13) { if (key == null || key.length == 0 || key == '') { return; } document.activeElement.blur(); app.fetchFansSearch(); } }) }); function touchSearch() { key = $('#input_key').val(); app.fetchFansSearch(); } }; </script> </html>
