myGroup.vue 996 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="page">
  3. <view>
  4. <mescroll-item ref="MescrollItem" :i="0" :index="0" :height="height">
  5. </mescroll-item>
  6. </view>
  7. <view class="addGroup" @click="goAddGroup">
  8. <text>新增分组</text>
  9. </view>
  10. <liu-drag-button @clickBtn="back">返回</liu-drag-button>
  11. </view>
  12. </template>
  13. <script>
  14. import MescrollItem from "./module/mescrollUni-item.vue";
  15. export default {
  16. components: {
  17. MescrollItem
  18. },
  19. data() {
  20. return {
  21. height:'',
  22. list:[]
  23. }
  24. },
  25. onLoad(e) {
  26. let sysInfo = uni.getSystemInfoSync()
  27. this.height = sysInfo.windowHeight - 120 + 'px' //除标题栏栏外的屏幕可用高度
  28. },
  29. onShow(){
  30. if (this.$refs.MescrollItem){
  31. this.$refs.MescrollItem.downCallback()
  32. }
  33. },
  34. methods: {
  35. back() {
  36. uni.navigateBack({
  37. delta: 1
  38. })
  39. },
  40. goAddGroup(){
  41. uni.navigateTo({
  42. url:'/pages/addGroup/addGroup'
  43. })
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss" scoped>
  49. @import './index.rpx.css';
  50. </style>