可可素材资源插件在微信内访问下载支持提示在浏览器打开
2021/12/25 23:21:37
安卓微信内访问素材站点，点击下载附件，不支持ZIP等压缩包的下载，会无法访问，照成会员浪费下载次数等。
有一个解决的方案，就是判断在微信内访问时候，点击下载会提示一个弹层提示的判断。
如下图：
一、首先在下面文件加入代码
keke_down/template/touch/bottom.htm
代码：
加入位置如下图：
二、然后在CSS加入代码
/keke_down/template/css/mobile/view.css
代码：加在文件末尾处就可以
三、最后再JS里面加入代码
/keke_down/template/js/mobile/view.js
代码：加在文件末尾处就可以
有一个解决的方案，就是判断在微信内访问时候，点击下载会提示一个弹层提示的判断。
如下图：
一、首先在下面文件加入代码
keke_down/template/touch/bottom.htm
代码：
- id="JdownApp"
- <div class="wxtip" id="JweixinTip"><span class="wxtip-icon"></span><p class="wxtip-txt">手机无法下载压缩包格式文件<br/>建议右上角···在浏览器打开<br/>或者复制链接发送到电脑打开下载素材</p></div>
加入位置如下图：
二、然后在CSS加入代码
/keke_down/template/css/mobile/view.css
代码：加在文件末尾处就可以
- .wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}.wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}
三、最后再JS里面加入代码
/keke_down/template/js/mobile/view.js
代码：加在文件末尾处就可以
- function weixinTip(ele){ var ua = navigator.userAgent; var isWeixin = !!/MicroMessenger/i.test(ua); if(isWeixin){ ele.onclick=function(e){ window.event? window.event.returnValue = false : e.preventDefault(); document.getElementById('JweixinTip').style.display='block'; } document.getElementById('JweixinTip').onclick=function(){ this.style.display='none'; } }}var btn1 = document.getElementById('JdownApp');//下载一weixinTip(btn1);