backlogDetail.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="back-content">
  3. <!-- 轮播图 -->
  4. <swiper class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
  5. <swiper-item v-for="(item,index) in imageTopList" :key="index">
  6. <div class="swiper-item uni-bg-red">
  7. <!-- <image class="swiper-item-imgse" :fade-show='true' :src="item.photo"></image> -->
  8. <u-image mode="scaleToFill" width="750upx" height="400upx" :src="item.photo"></u-image>
  9. </div>
  10. </swiper-item>
  11. </swiper>
  12. <view class="back-text">
  13. <view class="text-item">
  14. 常青二路店
  15. </view>
  16. <view class="text-item">
  17. <view>处理人</view>
  18. <view>张三丰</view>
  19. <view class="">
  20. 2020-08-07 到期
  21. </view>
  22. </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. export default {
  28. components: {
  29. },
  30. data() {
  31. return {
  32. // 顶部轮播图片
  33. imageTopList:[],
  34. }
  35. },
  36. onLoad() {
  37. },
  38. methods: {
  39. }
  40. }
  41. </script>
  42. <style lang="scss" scoped>
  43. .back-content {
  44. .top-ad-swiper{
  45. height: 340upx;
  46. }
  47. .swiper-item-imgse{
  48. width: 750upx;
  49. height: 340upx;
  50. }
  51. }
  52. </style>