H5
/
wenhua818
İzle 3
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 Sürümler 1 Wiki Aktivite
Kaynağa Gözat

feats

张延森 2 yıl önce
ebeveyn
6702086d26
işleme
209186e7b7
8 değiştirilmiş dosya ile 25 ekleme ve 4 silme
Birleşik Görünüm Farklılık Durumunu Göster
  1. 1
    1
      index.html
  2. 2
    0
      public/config.js
  3. BIN
      public/fixed-logo.png
  4. BIN
      public/images/1.jpg
  5. BIN
      public/images/23.jpg
  6. BIN
      public/index.jpg
  7. 21
    2
      src/App.vue
  8. 1
    1
      src/components/Loader.vue

+ 1
- 1
index.html Dosyayı Görüntüle

6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
     <link rel="stylesheet" href="./fonts/iconfont.css">
 7 
     <link rel="stylesheet" href="./fonts/iconfont.css">
8 
     <script src="./wx/jweixin-1.6.0.js"></script>
 8 
     <script src="./wx/jweixin-1.6.0.js"></script>
9 
-    <script src="./share.js"></script>
9 
+    <script src="./config.js"></script>
10 
     <title>和“宁好”一起，跟着诗歌游南京</title>
 10 
     <title>和“宁好”一起，跟着诗歌游南京</title>
11 
   </head>
 11 
   </head>
12 
   <body>
 12 
   <body>

public/share.js → public/config.js Dosyayı Görüntüle

4 
   desc: '',
 4 
   desc: '',
5 
   imgUrl: location.origin + location.pathname.replace('index.html', '') + 'share.png',
 5 
   imgUrl: location.origin + location.pathname.replace('index.html', '') + 'share.png',
6 
 }
 6 
 }
7 
+
8 
+const logo2URL = 'https://s.wenkor.com/group-collection-20220706/#/'

BIN
public/fixed-logo.png Dosyayı Görüntüle


BIN
public/images/1.jpg Dosyayı Görüntüle


BIN
public/images/23.jpg Dosyayı Görüntüle


BIN
public/index.jpg Dosyayı Görüntüle


+ 21
- 2
src/App.vue Dosyayı Görüntüle

5 
 import Image from '@/components/Image.vue';
 5 
 import Image from '@/components/Image.vue';
6 
 import { preload } from '@/utils/preload';
 6 
 import { preload } from '@/utils/preload';
7
7
8 
+const fixedLogo = './fixed-logo.png';
9 
+
8 
 const loading = ref(true);
 10 
 const loading = ref(true);
9 
 const percent = ref(0);
 11 
 const percent = ref(0);
10 
 const resources = ref([]);
 12 
 const resources = ref([]);
13 
   percent.value = Math.round(num * 100);
 15 
   percent.value = Math.round(num * 100);
14 
 }
 16 
 }
15
17
18 
+const onClick = () => {
19 
+  // logo2URL 来自于 public/config.js
20 
+  window.location.href = logo2URL;
21 
+}
22 
+
16 
 onMounted(() => {
 23 
 onMounted(() => {
17 
   preload(updateCallback).then((res) => {
 24 
   preload(updateCallback).then((res) => {
18 
     loading.value = false;
 25 
     loading.value = false;
23
30
24 
 <template>
 31 
 <template>
25 
   <Loader :loading="loading" :percent="percent" />
 32 
   <Loader :loading="loading" :percent="percent" />
26 
-    <ScrollDown />
27 
-    <Image v-for="res in resources" :key="res.image" :resource="res"></Image>
33 
+  <ScrollDown />
34 
+  <Image v-for="res in resources" :key="res.image" :resource="res"></Image>
35 
+  <img :src="fixedLogo" alt="" class="fixed-log" @click="onClick">
28 
 </template>
 36 
 </template>
29
37
30 
 <style lang="less" scoped>
 38 
 <style lang="less" scoped>
39 
+.fixed-log {
40 
+  position: fixed;
41 
+  right: 20px;
42 
+  bottom: 400px;
43 
+  z-index: 50;
44 
+  width: 48px;
45 
+  height: 48px;
46 
+  border: none;
47 
+  box-shadow: 0 0 2px 2px rgba(0,0,0, .1);
48 
+  border-radius: 50%;
49 
+}
31 
 </style>
 50 
 </style>

+ 1
- 1
src/components/Loader.vue Dosyayı Görüntüle

40 
 const progressStyle = computed(() => ({ width: `${props.percent}%` }));
 40 
 const progressStyle = computed(() => ({ width: `${props.percent}%` }));
41 
 const visibleStyle = ref({  })
 41 
 const visibleStyle = ref({  })
42 
 const onEnd = () => {
 42 
 const onEnd = () => {
43 
-  visibleStyle.value = { visibility: 'hidden' }
43 
+  visibleStyle.value = { display: 'none' }
44 
 }
 44 
 }
45
45
46 
 const onTouchMove = (e) => {
 46 
 const onTouchMove = (e) => {