hotelImage.vue 1016 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view class="image-list">
  3. <u-album :urls="urls" multipleSize="30vw"></u-album>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. urls: [
  11. 'https://cdn.uviewui.com/uview/album/1.jpg',
  12. 'https://cdn.uviewui.com/uview/album/2.jpg',
  13. 'https://cdn.uviewui.com/uview/album/3.jpg',
  14. 'https://cdn.uviewui.com/uview/album/4.jpg',
  15. 'https://cdn.uviewui.com/uview/album/5.jpg',
  16. 'https://cdn.uviewui.com/uview/album/6.jpg',
  17. 'https://cdn.uviewui.com/uview/album/7.jpg',
  18. 'https://cdn.uviewui.com/uview/album/8.jpg',
  19. 'https://cdn.uviewui.com/uview/album/9.jpg',
  20. 'https://cdn.uviewui.com/uview/album/10.jpg',
  21. ]
  22. }
  23. },
  24. methods: {
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .image-list{
  30. width: 100vw;
  31. padding: auto;
  32. }
  33. /deep/.u-album{
  34. justify-content: center;
  35. align-items: center;
  36. }
  37. </style>