|
|
@@ -0,0 +1,97 @@
|
|
|
+<!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:#FFFFFF;
|
|
|
+ }
|
|
|
+ .container{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ .banner{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .banner img{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .container-main{
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: auto;
|
|
|
+ float: left;
|
|
|
+ background-color:#ffdad8;
|
|
|
+ }
|
|
|
+ .container-main .section{
|
|
|
+ width: 50%;
|
|
|
+ height: auto;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .container-main .section .section-image{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div class="container clearfix" id="activity">
|
|
|
+ <div class="banner">
|
|
|
+ <img :src="banner">
|
|
|
+ </div>
|
|
|
+ <div class="container-main">
|
|
|
+ <div class="section" 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/2021/32/banner.jpg',
|
|
|
+ imageList:[
|
|
|
+ {path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/32/01.jpg',id:6885},
|
|
|
+ {path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/32/02.jpg',id:6887},
|
|
|
+ {path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/32/03.jpg',id:6919},
|
|
|
+ {path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/32/04.jpg',id:6921},
|
|
|
+ {path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/32/05.jpg',id:6884},
|
|
|
+ {path:'https://static.caimei365.com/app/caimei-activity-h5/image/2021/32/06.jpg',id:6888},
|
|
|
+ ] ,
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ WxMiniProgram:function(id){
|
|
|
+ console.log(id)
|
|
|
+ wx.miniProgram.navigateTo(
|
|
|
+ {
|
|
|
+ url: '/pages/goods/product?id='+id,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var _self = this
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
喻文俊