publish-info.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <view class="flex-common-css">
  3. <Nav title="" :leftShow='false' :customNav='true' bgckgroundBox='#fff'>
  4. <template>
  5. <view slot="custom" class="align-items-center">
  6. <uni-icons class="mr-30" type="left" :color="leftColor" size="18" ></uni-icons>
  7. <view class="align-items-center">
  8. <image class="nav-img mr-20" src="../static/img/my/user-img.png" mode=""></image>
  9. <view class="">
  10. <view class="nav-name fs-32 fc-3 text-overflow-ellipsis-one fw-600">
  11. 最佳损友最佳损友最佳...
  12. </view>
  13. <view class="fs-24 fc-9">
  14. 2021-04-18 15:53
  15. </view>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. </Nav>
  21. <scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
  22. </scroll-view>
  23. </view>
  24. </template>
  25. <script>
  26. export default {
  27. components: {},
  28. data() {
  29. return {};
  30. },
  31. onLoad(data) {},
  32. mounted() {},
  33. methods: {
  34. scrolltolower() {
  35. console.log('触底');
  36. },
  37. },
  38. }
  39. </script>
  40. <style lang="scss" scoped>
  41. .nav-img{
  42. width: 64rpx;
  43. height: 64rpx;
  44. }
  45. .nav-name{
  46. max-width: 348rpx;
  47. }
  48. </style>