imagesingle.vue 664 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="diy-imageSingle" :style="diyitem.base.bgstyle">
  3. <view class="item-image">
  4. <view class="nav-to" @tap="navigateTo" :data-url="diyitem.link">
  5. <image :src="diyitem.img" mode="widthFix"></image>
  6. </view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. export default {
  12. name: 'imagesingle',
  13. props: {
  14. diyitem: {
  15. type: Object,
  16. default () {
  17. return {};
  18. }
  19. }
  20. },
  21. computed: {
  22. },
  23. data() {
  24. return {};
  25. },
  26. methods: {
  27. navigateTo: function(e) {
  28. this.sam.diynavigateTo(e)
  29. }
  30. }
  31. };
  32. </script>
  33. <style>
  34. /* 单图组 */
  35. .diy-imageSingle .item-image image {
  36. display: block;
  37. width: 100%;
  38. }
  39. </style>