|
|
@@ -12,14 +12,19 @@
|
|
|
<script src="../static/js/vender/toastr/toastr.min.js"></script>
|
|
|
<script src="../static/js/vender/config.js"></script>
|
|
|
<style>
|
|
|
+ .middle{
|
|
|
+ position: relative;
|
|
|
+ width: 7.5rem;
|
|
|
+ height: 33.33vh;
|
|
|
+ }
|
|
|
.btn-content {
|
|
|
position: absolute;
|
|
|
- bottom: 42.6vh;
|
|
|
+ bottom: 8.6vh;
|
|
|
left: 2.12rem;
|
|
|
}
|
|
|
.btn-active {
|
|
|
position: absolute;
|
|
|
- bottom: 48.5vh;
|
|
|
+ bottom: 15vh;
|
|
|
left: 2.12rem;
|
|
|
}
|
|
|
.download-app{
|
|
|
@@ -40,8 +45,10 @@
|
|
|
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
- <div class="btn-content" id="js_btn">
|
|
|
- <img class="download-app" src="../static/img/zhongqiuActivity/btn.png" />
|
|
|
+ <div class="middle">
|
|
|
+ <div class="btn-content" id="js_btn">
|
|
|
+ <img class="download-app" src="../static/img/zhongqiuActivity/btn.png" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="mask">
|
|
|
<div class="point">
|
|
|
@@ -73,12 +80,6 @@
|
|
|
const btnContent = document.getElementsByClassName('btn-content')[0];
|
|
|
btnContent.className = 'btn-active';
|
|
|
}
|
|
|
- if(ua.match(/MicroMessenger/i)=="micromessenger" || ua.match(/QQ\/[0-9]/i)){
|
|
|
-
|
|
|
- } else {
|
|
|
- const btnContent = document.getElementById('js_btn');
|
|
|
- btnContent.style.bottom = '33.6vh';
|
|
|
- }
|
|
|
//异步加载图片
|
|
|
async function loadAsync() {
|
|
|
let promise = function(url) {
|
|
|
@@ -87,7 +88,12 @@
|
|
|
image.src = url;
|
|
|
image.className = 'imgs';
|
|
|
image.onload = function() {
|
|
|
- document.body.appendChild(image);
|
|
|
+ console.log(image.src)
|
|
|
+ if(image.src.includes('header.png') || image.src.includes('iphoneX01.png')){
|
|
|
+ $('.container')[0].insertBefore(image, $('.middle')[0]);
|
|
|
+ }else{
|
|
|
+ $('.middle')[0].appendChild(image);
|
|
|
+ }
|
|
|
resolve('ok');
|
|
|
}
|
|
|
})
|
heyang