picGrid.vue 722 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template name="picGrid">
  2. <view class="pics4-view">
  3. <image v-for="(v, k) in item.text" :key="k" v-if="v.pic" class="default slide-image" :src="v.pic" mode="aspectFill" @click="Dever.viewPic(item.text, v.pic, 'pic')" style="height:auto"></image>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. name: "picGrid",
  9. props: {
  10. control : {
  11. type : Object,
  12. value : null
  13. },
  14. item : {
  15. type : Object,
  16. value : null
  17. },
  18. },
  19. data() {
  20. return {
  21. position: ["tl","tr","bl","br"],
  22. };
  23. },
  24. methods:{
  25. },
  26. }
  27. </script>
  28. <style>
  29. .pics4-view{
  30. display: flex;
  31. flex-wrap: wrap;
  32. width: 750rpx;
  33. height: 100%;
  34. }
  35. .slide-image {
  36. height: 666rpx;
  37. width: 50%;
  38. display: block;
  39. }
  40. </style>