caimeih5_07.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="https://static.caimei365.com/app/caimei-activity-h5/css/common/utils.css">
  9. <link rel="stylesheet" type="text/css" href="https://static.caimei365.com/app/caimei-activity-h5/css/2020/caimeih5_07.css">
  10. </head>
  11. <body>
  12. <div class="container clearfix" id="activity">
  13. <div class="banner">
  14. <img :src="banner">
  15. </div>
  16. <div class="container-main-product">
  17. <div class="title_01"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/title_01.png" alt=""></div>
  18. <div class="section">
  19. <div class="section-img" @click="WxMiniProgram(6331)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/01.png" ></div>
  20. <div class="section-img" @click="WxMiniProgram(6332)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/02.png" ></div>
  21. <div class="section-img" @click="WxMiniProgram(6330)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/03.png" ></div>
  22. </div>
  23. <div class="title_02"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/title_02.png" alt=""></div>
  24. <div class="section">
  25. <div class="section-img" @click="WxMiniProgramSupper(1285)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/04.png" ></div>
  26. </div>
  27. <div class="title_03"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/title_03.png" alt=""></div>
  28. <div class="section">
  29. <div class="section-img" @click="WxMiniProgram(4472)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/05.png" ></div>
  30. <div class="section-img" @click="WxMiniProgram(4205)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/06.png" ></div>
  31. <div class="section-img" @click="WxMiniProgram(3893)"><img src="https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/07.png" ></div>
  32. </div>
  33. </div>
  34. </div>
  35. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  36. <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/jquery.min.js"></script>
  37. <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/vue2.6.11.min.js"></script>
  38. <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/init.js"></script>
  39. <script type="text/javascript">
  40. var ACTIVITY = new Vue({
  41. el: '#activity',
  42. data: {
  43. banner:'https://static.caimei365.com/app/caimei-activity-h5/image/2020/07/banner.jpg',
  44. },
  45. computed: {
  46. },
  47. methods: {
  48. WxMiniProgram:function(id){
  49. //正式环境 6331,6332,6330,1285,4472,4205,3893
  50. wx.miniProgram.navigateTo(
  51. {
  52. url: '/pages/goods/product?id='+id,
  53. }
  54. )
  55. },
  56. WxMiniProgramSupper:function(id){
  57. wx.miniProgram.navigateTo(
  58. {
  59. url: '/supplier/pages/user/my-shop?shopId='+id,
  60. }
  61. )
  62. }
  63. },
  64. created: function () {
  65. },
  66. mounted: function () {
  67. var _self = this;
  68. }
  69. });
  70. </script>
  71. </body>
  72. </html>