tpl_flex_one.vue 595 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div class="layout">
  3. <div class="flex-one" @click="modelNavigateTo(res.list[0])">
  4. <u-image width="100%" mode="aspectFit" height="280rpx" :src="res.list[0].img" alt=""></u-image>
  5. </div>
  6. </div>
  7. </template>
  8. <script>
  9. import { modelNavigateTo } from "./tpl";
  10. export default {
  11. title: "单行图片模块",
  12. data() {
  13. return {
  14. modelNavigateTo,
  15. };
  16. },
  17. props: ["res"],
  18. };
  19. </script>
  20. <style lang="scss" scoped>
  21. @import "./tpl.scss";
  22. .flex-one {
  23. width: 100%;
  24. display: block;
  25. overflow: hidden;
  26. > img {
  27. width: 100%;
  28. height: 100%;
  29. }
  30. }
  31. </style>