activity_07.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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. <style type="text/css">
  10. body,html{
  11. margin: 0;
  12. padding: 0;
  13. background-color: #f9c6ce;
  14. }
  15. .container{
  16. width: 100%;
  17. height: auto;
  18. }
  19. .banner{
  20. width: 100%;
  21. height: auto;
  22. float: left;
  23. }
  24. .banner img{
  25. width: 100%;
  26. height: auto;
  27. display: block;
  28. vertical-align:bottom;
  29. }
  30. .container-section{
  31. width: 100%;
  32. box-sizing: border-box;
  33. height: auto;
  34. float: left;
  35. background-color:#ffdad8;
  36. }
  37. .container-section .section-image{
  38. width: 100%;
  39. height: auto;
  40. display: block;
  41. vertical-align:bottom;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div class="container" id="activity">
  47. <div class="banner">
  48. <img :src="banner">
  49. </div>
  50. </div>
  51. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
  52. <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/jquery.min.js"></script>
  53. <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/vue2.6.11.min.js"></script>
  54. <script type="text/javascript" src="https://static.caimei365.com/app/caimei-activity-h5/script/init.js"></script>
  55. <script type="text/javascript">
  56. var ACTIVITY = new Vue({
  57. el: '#activity',
  58. data: {
  59. banner:'https://static-b.caimei365.com/app/caimei-activity-h5/image/2021/07/banner.jpg',
  60. },
  61. computed: {
  62. },
  63. methods: {
  64. WxMiniProgram:function(){
  65. wx.miniProgram.navigateTo(
  66. {
  67. url: '/h5/pages/activity/meobohui',
  68. }
  69. )
  70. }
  71. },
  72. created: function () {
  73. },
  74. mounted: function () {
  75. var _self = this;
  76. }
  77. });
  78. </script>
  79. </body>
  80. </html>