Etusivu Tutki Apua
Kirjaudu sisään
zhengjinyi
/
caimei-activity-h5
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

活动以免

喻文俊 3 vuotta sitten
vanhempi
23f405ddf7
commit
6a5e7444c1
3 muutettua tiedostoa jossa 322 lisäystä ja 0 poistoa
Yhdistetty näkymä Näytä diff tilastot
  1. 115 0
      html/2022/activity_05.html
  2. 103 0
      html/2022/activity_06.html
  3. 104 0
      html/2022/activity_07.html

+ 115 - 0
html/2022/activity_05.html
Näytä tiedosto 

@@ -0,0 +1,115 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 
+        <title></title>
 
+        <link rel="stylesheet" type="text/css"
 
+            href="https://static.caimei365.com/app/caimei-activity-h5/css/common/utils.css">
 
+        <style type="text/css">
 
+            body {
 
+                background-color: #929df9;
 
+            }
 
+
 
+            .container {
 
+                width: 100%;
 
+                height: auto;
 
+                overflow: hidden;
 
+            }
 
+
 
+            .banner {
 
+                width: 100%;
 
+                height: auto;
 
+            }
 
+
 
+            .banner img {
 
+                width: 100%;
 
+                height: auto;
 
+                display: block;
 
+            }
 
+
 
+            .container-main {
 
+                display: flex;
 
+                justify-content: space-between;
 
+                align-items: flex-start;
 
+                flex-wrap: wrap;
 
+            }
 
+
 
+            .container-main .section {
 
+                width: 50%;
 
+                float: left;
 
+                box-sizing: border-box;
 
+                height: auto;
 
+                vertical-align: bottom;
 
+            }
 
+
 
+            .container-main .section .section-image {
 
+                width: 100%;
 
+                display: block;
 
+                vertical-align: bottom;
 
+            }
 
+        </style>
 
+    </head>
 
+    <body>
 
+        <div class="container clearfix" id="activity">
 
+            <div class="banner">
 
+                <img :src="banner">
 
+            </div>
 
+            <div class="container-main">
 
+                <div class="section none" v-for="(item,index) in imageList" :key="index"
 
+                    @click="wxMiniProgram(item.id)">
 
+                    <img class="section-image" :src="item.path">
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 
+        <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/jquery.min.js">
 
+        </script>
 
+        <script type="text/javascript"
 
+            src="https://static.caimei365.com/app/caimei-activity-h5/script/vue2.6.11.min.js"></script>
 
+        <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/init.js">
 
+        </script>
 
+        <script type="text/javascript">
 
+            var activity = new Vue({
 
+                el: '#activity',
 
+                data: {
 
+                    banner: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/banner.jpg',
 
+                    imageList: [{
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/01.jpg',
 
+                        id: 4024,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/02.jpg',
 
+                        id: 5201,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/03.jpg',
 
+                        id: 5002,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/04.jpg',
 
+                        id: 4496,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/05.jpg',
 
+                        id: 5178,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/06.jpg',
 
+                        id: 5176,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/07.jpg',
 
+                        id: 4535,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/05/08.jpg',
 
+                        id: 4497,
 
+                    }],
 
+                },
 
+                methods: {
 
+                    wxMiniProgram: function(id) {
 
+                        console.log(id)
 
+                        wx.miniProgram.navigateTo({
 
+                            url: '/pages/goods/product?id=' + id,
 
+                        })
 
+                    }
 
+                }
 
+            })
 
+        </script>
 
+    </body>
 
+</html>

+ 103 - 0
html/2022/activity_06.html
Näytä tiedosto 

@@ -0,0 +1,103 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 
+        <title></title>
 
+        <link rel="stylesheet" type="text/css"
 
+            href="https://static.caimei365.com/app/caimei-activity-h5/css/common/utils.css">
 
+        <style type="text/css">
 
+            body {
 
+                background-color: #3742ec;
 
+            }
 
+
 
+            .container {
 
+                width: 100%;
 
+                height: auto;
 
+                overflow: hidden;
 
+            }
 
+
 
+            .banner {
 
+                width: 100%;
 
+                height: auto;
 
+            }
 
+
 
+            .banner img {
 
+                width: 100%;
 
+                height: auto;
 
+                display: block;
 
+            }
 
+
 
+            .container-main {
 
+                display: flex;
 
+                justify-content: space-between;
 
+                align-items: flex-start;
 
+                flex-wrap: wrap;
 
+            }
 
+
 
+            .container-main .section {
 
+                width: 50%;
 
+                float: left;
 
+                box-sizing: border-box;
 
+                height: auto;
 
+                vertical-align: bottom;
 
+            }
 
+
 
+            .container-main .section .section-image {
 
+                width: 100%;
 
+                display: block;
 
+                vertical-align: bottom;
 
+            }
 
+        </style>
 
+    </head>
 
+    <body>
 
+        <div class="container clearfix" id="activity">
 
+            <div class="banner">
 
+                <img :src="banner">
 
+            </div>
 
+            <div class="container-main">
 
+                <div class="section none" v-for="(item,index) in imageList" :key="index"
 
+                    @click="wxMiniProgram(item.id)">
 
+                    <img class="section-image" :src="item.path">
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 
+        <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/jquery.min.js">
 
+        </script>
 
+        <script type="text/javascript"
 
+            src="https://static.caimei365.com/app/caimei-activity-h5/script/vue2.6.11.min.js"></script>
 
+        <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/init.js">
 
+        </script>
 
+        <script type="text/javascript">
 
+            var activity = new Vue({
 
+                el: '#activity',
 
+                data: {
 
+                    banner: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/06/banner.jpg',
 
+                    imageList: [{
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/06/01.jpg',
 
+                        id: 3929,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/06/02.jpg',
 
+                        id: 5308,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/06/03.jpg',
 
+                        id: 4448,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/06/04.jpg',
 
+                        id: 6251,
 
+                    }],
 
+                },
 
+                methods: {
 
+                    wxMiniProgram: function(id) {
 
+                        console.log(id)
 
+                        wx.miniProgram.navigateTo({
 
+                            url: '/pages/goods/product?id=' + id,
 
+                        })
 
+                    }
 
+                }
 
+            })
 
+        </script>
 
+    </body>
 
+</html>

+ 104 - 0
html/2022/activity_07.html
Näytä tiedosto 

@@ -0,0 +1,104 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
+        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 
+        <title></title>
 
+        <link rel="stylesheet" type="text/css"
 
+            href="https://static.caimei365.com/app/caimei-activity-h5/css/common/utils.css">
 
+        <style type="text/css">
 
+            body {
 
+                background-color: #e9f4fa;
 
+            }
 
+
 
+            .container {
 
+                width: 100%;
 
+                height: auto;
 
+                overflow: hidden;
 
+            }
 
+
 
+            .banner {
 
+                width: 100%;
 
+                height: auto;
 
+            }
 
+
 
+            .banner img {
 
+                width: 100%;
 
+                height: auto;
 
+                display: block;
 
+            }
 
+
 
+            .container-main {
 
+                display: flex;
 
+                justify-content: space-between;
 
+                align-items: flex-start;
 
+                flex-wrap: wrap;
 
+            }
 
+
 
+            .container-main .section {
 
+                width: 50%;
 
+                float: left;
 
+                box-sizing: border-box;
 
+                height: auto;
 
+                vertical-align: bottom;
 
+            }
 
+            
+            .container-main .section:first-child{
 
+                width: 100%;
 
+            }
 
+                
+            .container-main .section .section-image {
 
+                width: 100%;
 
+                display: block;
 
+                vertical-align: bottom;
 
+            }
 
+        </style>
 
+    </head>
 
+    <body>
 
+        <div class="container clearfix" id="activity">
 
+            <div class="banner">
 
+                <img :src="banner">
 
+            </div>
 
+            <div class="container-main">
 
+                <div class="section none" v-for="(item,index) in imageList" :key="index"
 
+                    @click="wxMiniProgram(item.id)">
 
+                    <img class="section-image" :src="item.path">
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 
+        <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/jquery.min.js">
 
+        </script>
 
+        <script type="text/javascript"
 
+            src="https://static.caimei365.com/app/caimei-activity-h5/script/vue2.6.11.min.js"></script>
 
+        <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/init.js">
 
+        </script>
 
+        <script type="text/javascript">
 
+            var activity = new Vue({
 
+                el: '#activity',
 
+                data: {
 
+                    banner: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/07/banner.jpg',
 
+                    imageList: [{
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/07/01.jpg',
 
+                        id: 5007,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/07/02.jpg',
 
+                        id: 6570,
 
+                    }, {
 
+                        path: 'https://static.caimei365.com/app/caimei-activity-h5/image/2022/07/03.jpg',
 
+                        id: 6461,
 
+                    }],
 
+                },
 
+                methods: {
 
+                    wxMiniProgram: function(id) {
 
+                        console.log(id)
 
+                        wx.miniProgram.navigateTo({
 
+                            url: '/pages/goods/product?id=' + id,
 
+                        })
 
+                    }
 
+                }
 
+            })
 
+        </script>
 
+    </body>
 
+</html>