activity.vue 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <template>
  2. <view class="activity">
  3. <web-view :webview-styles="webviewStyles" :src="activityPath"></web-view>
  4. <!-- 侧边 -->
  5. <scroll-top :isScrollTop="isScrollTop" :bottom="200"></scroll-top>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. webviewStyles: {
  13. progress: {
  14. color: '#FF3333'
  15. }
  16. },
  17. productID:'',
  18. activityPath:'',
  19. isScrollTop:false
  20. }
  21. },
  22. onLoad(option) {
  23. console.log(option)
  24. switch(option.id){
  25. case '276':
  26. this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_04.html'
  27. uni.setNavigationBarTitle({title:'保信亚太全脂然,买二送一'});
  28. break;
  29. case '281':
  30. this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_05.html'
  31. uni.setNavigationBarTitle({title:'润月雅优惠'});
  32. break;
  33. case '284': this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_07.html' uni.setNavigationBarTitle({title:' 光疗术后修复专场'});
  34. break;
  35. case '285':
  36. this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_08.html'
  37. uni.setNavigationBarTitle({title:'低价风暴'});
  38. break;
  39. case '286':
  40. this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2021/activity_01.html'
  41. uni.setNavigationBarTitle({title:'美生美光电淘'});
  42. break;
  43. case '223':
  44. this.activityPath = 'https://static.caimei365.com/app/caimei-activity-h5/html/2020/caimeih5_99.html'
  45. uni.setNavigationBarTitle({title:'品牌OEM服务'});
  46. break;
  47. }
  48. },
  49. methods:{
  50. },
  51. onPageScroll(e){//实时获取到滚动的值
  52. if(e.scrollTop>600){
  53. this.isScrollTop = true
  54. }else{
  55. this.isScrollTop = false
  56. }
  57. },
  58. }
  59. </script>
  60. <style lang="scss">
  61. .activity{
  62. width: 100%;
  63. height: auto;
  64. image{
  65. width: 100%;
  66. height: auto;
  67. }
  68. }
  69. </style>