Pārlūkot izejas kodu

改成最新下载地址

朱海文 4 gadi atpakaļ
vecāks
revīzija
c29c7f11ea
4 mainītis faili ar 136 papildinājumiem un 265 dzēšanām
  1. 103 68
      public/android-mobile.html
  2. 0 191
      src/components/HelloWorld.vue
  3. 1 1
      src/router/index.js
  4. 32 5
      src/views/Home.vue

+ 103 - 68
public/android-mobile.html

@ -1,76 +1,111 @@
1 1
<!DOCTYPE html>
2 2
<html lang="en">
3 3
<head>
4
    <meta charset="UTF-8">
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
    <title>漫步今日益行</title>
7
    <style>
8
        * {
9
            padding: 0;
10
            margin: 0;
11
            box-sizing: border-box;
12
        }
13
        body {
14
            width: 7.5rem;
15
        }
16
        .container {
17
            position: relative;
18
        }
19
        .conbg {
20
            width: 100%;
21
            display: block;
22
        }
23
        .btn {
24
            position: absolute;
25
            top: 11.3rem;
26
            left: calc(50% + 0.15rem);
27
            transform: translateX(-50%);
28
            width: 3.1rem;
29
            height: 0.85rem;
30
        }
31
        #adr-mask {
32
            background-color: rgba(0,0,0,.8);
33
            width: 100%;
34
            height: 100%;
35
            z-index: 99999;
36
            left:0px;
37
            top:0px;
38
            position:fixed;
39
            overflow:hidden;
40
            text-align: center;
41
        }
42
    </style>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>漫步今日益行</title>
7
  <style>
8
    * {
9
      padding: 0;
10
      margin: 0;
11
      box-sizing: border-box;
12
    }
13
14
    body {
15
      width: 7.5rem;
16
    }
17
18
    .container {
19
      position: relative;
20
    }
21
22
    .conbg {
23
      width: 100%;
24
      display: block;
25
    }
26
27
    .btn {
28
      position: absolute;
29
      top: 11.3rem;
30
      left: calc(50% + 0.15rem);
31
      transform: translateX(-50%);
32
      width: 3.1rem;
33
      height: 0.85rem;
34
    }
35
36
    #adr-mask {
37
      background-color: rgba(0, 0, 0, .8);
38
      width: 100%;
39
      height: 100%;
40
      z-index: 99999;
41
      left: 0px;
42
      top: 0px;
43
      position: fixed;
44
      overflow: hidden;
45
      text-align: center;
46
    }
47
  </style>
43 48
</head>
44 49
<body>
45
    <div class="container">
46
        <div id="adr-mask" style="display: none;">
47
            <img src="/img/arrow.png" style="margin: 1rem 0 0 2.5rem;">
48
            <p style="color: #ffffff;font-size: 23px;margin:.5rem 0 .9rem 0;">请在浏览器中打开</p>
49
            <img src="/img/know.png" onclick="closeMask()" style="CURSOR: pointer">
50
        </div>
51
        <img class="conbg" src="/img/bg-img.png" alt="">
52
        <!-- <a href="https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk" download=""> -->
53
            <div class="btn" onclick="download()"></div>
54
        <!-- </a> -->
55
        
56
    </div>
57
    <script>
58
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
59
        function download() {
60
            var ua = window.navigator.userAgent.toLowerCase(); 
61
            if (ua.match(/MicroMessenger/i) == 'micromessenger') { 
62
                //是微信环境,弹出遮罩
63
                document.getElementById('adr-mask').style.display='block';
64
                return true; 
65
            } else { 
66
                //不是微信环境,直接下载
67
                window.location.href="https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk";
68
                return false; 
69
            }
70
        }
71
        function closeMask(){
72
            document.getElementById('adr-mask').style.display='none';
50
<div class="container">
51
  <div id="adr-mask" style="display: none;">
52
    <img src="/img/arrow.png" style="margin: 1rem 0 0 2.5rem;">
53
    <p style="color: #ffffff;font-size: 23px;margin:.5rem 0 .9rem 0;">请在浏览器中打开</p>
54
    <img src="/img/know.png" onclick="closeMask()" style="CURSOR: pointer">
55
  </div>
56
  <img class="conbg" src="/img/bg-img.png" alt="">
57
  <!-- <a href="https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk" download=""> -->
58
  <div class="btn" onclick="download()"></div>
59
  <!-- </a> -->
60
61
</div>
62
<script>
63
  var downUrl = "https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk";
64
65
  function requestApi(callback) {
66
    var url = 'https://apifreego.jianos.com/app_update';
67
    var xhr = new XMLHttpRequest();
68
    xhr.open('get', url, true);
69
    xhr.setRequestHeader("content-type", "application/json");
70
71
    xhr.onload = () => {
72
      console.log('xhr.response = ', xhr.response)
73
      if (xhr.status == 200) {
74
        var result = JSON.parse(xhr.response);
75
        console.log(222,result)
76
        if (result && result.data && result.data.src) {
77
          downUrl = result.data.src;
78
          //if(callback)callback(result.src);
79
          console.log('得到的下载地址是 = ' + downUrl)
73 80
        }
74
    </script>
81
      }
82
    }
83
    xhr.onerror = () => {
84
      console.log('xhr.onerror = ', xhr)
85
    }
86
    xhr.send();
87
  }
88
89
  requestApi();
90
91
  document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
92
93
  function download() {
94
    var ua = window.navigator.userAgent.toLowerCase();
95
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
96
      //是微信环境,弹出遮罩
97
      document.getElementById('adr-mask').style.display = 'block';
98
      return true;
99
    } else {
100
      //不是微信环境,直接下载
101
      window.location.href = downUrl;
102
      return false;
103
    }
104
  }
105
106
  function closeMask() {
107
    document.getElementById('adr-mask').style.display = 'none';
108
  }
109
</script>
75 110
</body>
76 111
</html>

+ 0 - 191
src/components/HelloWorld.vue

@ -1,191 +0,0 @@
1
<template>
2
  <div>
3
4
    <div>
5
      <img id="topbg" src="../assets/top_bg.png">
6
      <div id="topleft">
7
        <img id="icon" src="../assets/icon.png">
8
9
        <div class="kaixin">
10
          <div id="kaixin_red_line"/>
11
          <div id="kaixin_title">开心0元购</div>
12
        </div>
13
        <font class="noti">连续打卡全额返 就在开心0元购</font>
14
        <div class="btnP" @click="openNewTab()">
15
          <img class="btnImg" src="../assets/bot.png">
16
          <a href="https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk" download="">x
17
          <font class="btnFont">Android下载</font>
18
          </a>
19
        </div>
20
      </div>
21
22
      <img id="shouji" src="../assets/shouji.png">
23
    </div>
24
25
    <div >
26
      <div class="bottom1">
27
        <div class="WordP">
28
          <h1>打卡简单 全额返购自主提现</h1>
29
          <h2>只要坚持完成连续打卡任务 即全额返现</h2>
30
          <h3>• 进入指定京东或天猫店铺购买想要的指定商品</h3>
31
          <h3>• 进入开心0元购注册账号,关联商品</h3>
32
          <h3>• 每日打卡,完成阶段任务自主提现,直至全额</h3>
33
        </div>
34
        <img class="img1" src="../assets/right_top.png">
35
      </div>
36
37
      <div class="bottom2">
38
        <img class="img2" src="../assets/left_bottom.png">
39
        <div class="WordP">
40
          <h1>提现便捷 拒绝意外翻车</h1>
41
          <h2>分阶段返现,完成阶段任务即可直接提现</h2>
42
          <h3>• 在开心0元购打卡至阶段任务完成</h3>
43
          <h3>• 进入领奖处,填写收款账户直接申请提现</h3>
44
          <h3>• 全部现金到账,更有神秘福利免费领取</h3>
45
        </div>
46
      </div>
47
48
    </div>
49
50
  </div>
51
</template>
52
53
<!--(1920 px 1082 px)-->
54
<!-- Add "scoped" attribute to limit CSS to this component only -->
55
<style scoped>
56
57
  #topbg {
58
    width: 100%;
59
    height: 100%;
60
  }
61
62
  #topleft {
63
    left: 213px;
64
    top: 224px;
65
    position: absolute;
66
    text-align: left;
67
  }
68
69
  #icon {
70
    width: 144px;
71
    height: 144px;
72
  }
73
74
  .kaixin {
75
    position: relative;
76
    display: table;
77
  }
78
79
  #kaixin_red_line {
80
    height: 20px;
81
    width: 100%;
82
    background-color: #FB4645;
83
    position: absolute;
84
    bottom: 0;
85
    opacity: 0.9;
86
  }
87
88
  #kaixin_title {
89
    color: black;
90
    font-size: 40px;
91
    font-weight: bold;
92
  }
93
94
  .noti {
95
    margin-top: 20px;
96
    color: #FB4644;
97
    font-weight: bold;
98
    font-size: 20px;
99
    position: absolute;
100
    white-space:nowrap;
101
  }
102
103
  .btnP {
104
    width: 300px;
105
    height: 66px;
106
    position: relative;
107
    margin-top: 70px;
108
    border-radius: 33px;
109
    background-color: #FB4644;
110
  }
111
112
  .btnImg {
113
    position: absolute;
114
    top: 50%;
115
    transform: translateY(-50%);
116
    margin-left: 40px;
117
  }
118
119
  .btnFont {
120
    color: white;
121
    font-size: 28px;
122
    font-weight: bold;
123
    position: absolute;
124
    top: 50%;
125
    transform: translateY(-50%);
126
    right: 40px;
127
    /*left: auto;*/
128
  }
129
130
  #shouji {
131
    width: 400px;
132
    height: 380px;
133
    right: 213px;
134
    top: 224px;
135
    position: absolute;
136
  }
137
138
  .bottom1{
139
    display: inline-flex;
140
    margin-top: 50px;
141
  }
142
143
  .WordP{
144
    text-align: left;
145
  }
146
  .WordP h1{
147
    font-size: 30px;
148
  }
149
  .WordP h2{
150
    font-size: 20px;
151
  }
152
  .WordP h3{
153
    font-size: 14px;
154
  }
155
  .img1{
156
    margin-left: 200px;
157
    width: 400px;
158
    height: 300px;
159
  }
160
  .bottom2{
161
    display: inline-flex;
162
    margin-top: 50px;
163
  }
164
  .img2{
165
    margin-right: 200px;
166
    width: 400px;
167
    height: 300px;
168
  }
169
</style>
170
171
<script>
172
  import bg from '../assets/top_bg.png';
173
174
  export default {
175
    name: 'lingyuangou',
176
    data() {
177
      return {
178
        msg: 'Welcome to Your Vue.js App',
179
      }
180
    },
181
    methods: {
182
      openNewTab() {
183
        // window.open("http://d.firim.info/freebuy", "_blank");
184
        //window.open("https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk", "_blank");
185
      },
186
      //https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk
187
    }
188
  }
189
</script>
190
191
<!--本地网络地址:   http://192.168.31.101:8082-->

+ 1 - 1
src/router/index.js

@ -1,6 +1,6 @@
1 1
import Vue from 'vue'
2 2
import Router from 'vue-router'
3
import Home from '@/views/Home'
3
import Home from '@/views/PC.vue'
4 4
5 5
Vue.use(Router)
6 6

+ 32 - 5
src/views/Home.vue

@ -168,6 +168,9 @@
168 168
169 169
</style>
170 170
<script>
171
172
  var downUrl = "https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk";
173
171 174
  export default {
172 175
    name: 'Home',
173 176
    data() {
@ -175,14 +178,38 @@
175 178
        msg: 'Welcome to Your Vue.js App',
176 179
      }
177 180
    },
181
    mounted() {
182
      function requestApi() {
183
        var url = 'https://apifreego.jianos.com/app_update';
184
        var xhr = new XMLHttpRequest();
185
        xhr.open('get', url, true);
186
        xhr.setRequestHeader("content-type", "application/json");
187
188
        xhr.onload = () => {
189
          console.log('xhr.response = ', xhr.response)
190
          if (xhr.status == 200) {
191
            var result = JSON.parse(xhr.response);
192
            console.log(222, result)
193
            if (result && result.data && result.data.src) {
194
              downUrl = result.data.src;
195
              //if(callback)callback(result.src);
196
              console.log('得到的下载地址是 = ' + downUrl)
197
            }
198
          }
199
        }
200
        xhr.onerror = () => {
201
          console.log('xhr.onerror = ', xhr)
202
        }
203
        xhr.send();
204
      }
205
206
      requestApi();
207
208
    },
178 209
    methods: {
179
      openNewTab() {
180
        window.open("http://d.firim.info/freepa", "_blank");
181
      },
182 210
      download() {
183 211
        console.log('点击下载按钮了')
184
        //window.location.href = "https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk";
185
        window.open("https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk", "_blank");
212
        window.open(downUrl, "_blank");
186 213
      },
187 214
    }
188 215
  }