myGroup.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. <!--#ifdef H5-->
  11. <liu-drag-button @clickBtn="back">返回</liu-drag-button>
  12. <!--#endif-->
  13. </view>
  14. </template>
  15. <script>
  16. import MescrollItem from "./module/mescrollUni-item.vue";
  17. export default {
  18. components: {
  19. MescrollItem
  20. },
  21. data() {
  22. return {
  23. height:'',
  24. list:[]
  25. }
  26. },
  27. onLoad(e) {
  28. let sysInfo = uni.getSystemInfoSync()
  29. this.height = sysInfo.windowHeight - 120 + 'px' //除标题栏栏外的屏幕可用高度
  30. },
  31. onShow(){
  32. if (this.$refs.MescrollItem){
  33. this.$refs.MescrollItem.downCallback()
  34. }
  35. },
  36. methods: {
  37. back() {
  38. uni.navigateBack({
  39. delta: 1
  40. })
  41. },
  42. goAddGroup(){
  43. uni.navigateTo({
  44. url:'/pages/addGroup/addGroup'
  45. })
  46. }
  47. }
  48. }
  49. </script>
  50. <style lang="scss" scoped>
  51. @import './index.rpx.css';
  52. </style>