path.vue 880 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <view class="activity">
  3. <!-- <image @click.stop="navToDetailPage" src="https://img.caimei365.com/group1/M00/03/9A/Cmis216Zf8GAb_UqABE6NiwUUZs004.jpg" mode="widthFix"></image> -->
  4. <web-view :webview-styles="webviewStyles" :src="activityPath"></web-view>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data() {
  10. return {
  11. webviewStyles: {
  12. progress: {
  13. color: '#FF3333'
  14. }
  15. },
  16. productID:'',
  17. activityPath:'',
  18. }
  19. },
  20. onLoad(option) {
  21. this.activityPath = option.link
  22. },
  23. methods:{
  24. navToDetailPage() {//跳转商品详情页
  25. this.$api.navigateTo(`/pages/goods/product?id=${this.productID}`)
  26. },
  27. }
  28. }
  29. </script>
  30. <style lang="scss">
  31. .activity{
  32. width: 100%;
  33. height: auto;
  34. image{
  35. width: 100%;
  36. height: auto;
  37. }
  38. }
  39. </style>