page-image.vue 716 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view class="activity">
  3. <image :src="banner" mode="widthFix"></image>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. webviewStyles: {
  11. progress: {
  12. color: '#FF3333'
  13. }
  14. },
  15. banner:'',
  16. }
  17. },
  18. onLoad(option) {
  19. this.banner = option.image
  20. uni.setNavigationBarTitle({title:option.title});
  21. },
  22. methods:{
  23. navToDetailPage() {//跳转商品详情页
  24. this.$api.navigateTo(`/pages/goods/product?id=${this.productID}`)
  25. },
  26. }
  27. }
  28. </script>
  29. <style lang="scss">
  30. .activity{
  31. width: 100%;
  32. height: auto;
  33. image{
  34. width: 100%;
  35. height: auto;
  36. }
  37. }
  38. </style>