activity.vue 993 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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. uni.setNavigationBarTitle({title:option.title});
  25. uni.setStorageSync('pageLabel',`${option.title}`)
  26. this.activityPath = option.link;
  27. },
  28. methods:{
  29. },
  30. onPageScroll(e){//实时获取到滚动的值
  31. if(e.scrollTop>600){
  32. this.isScrollTop = true
  33. }else{
  34. this.isScrollTop = false
  35. }
  36. },
  37. }
  38. </script>
  39. <style lang="scss">
  40. .activity{
  41. width: 100%;
  42. height: auto;
  43. image{
  44. width: 100%;
  45. height: auto;
  46. }
  47. }
  48. </style>