tpl_flex_five.vue 656 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div class="layout">
  3. <u-image width="140rpx" height="140rpx" @click="modelnavigateTo(item)" class="image-mode" v-for="(item,index) in res.list" :key="index" :src="item.img" alt="">
  4. <u-loading slot="loading"></u-loading>
  5. </u-image>
  6. </div>
  7. </template>
  8. <script>
  9. import { modelnavigateTo } from "./tpl";
  10. export default {
  11. title: "五列单行图片模块",
  12. props: ["res"],
  13. data() {
  14. return {
  15. modelnavigateTo,
  16. };
  17. },
  18. mounted() {
  19. },
  20. };
  21. </script>
  22. <style lang="scss" scoped>
  23. @import "./tpl.scss";
  24. .layout {
  25. display: flex;
  26. align-items: center;
  27. justify-content: center;
  28. background-size: cover;
  29. }
  30. </style>