activity.vue 940 B

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