myGroup.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. let pages = getCurrentPages()
  39. if (pages.length > 1){
  40. uni.navigateBack({
  41. delta: 1,
  42. fail:err=>{
  43. console.log(err)
  44. }
  45. })
  46. }else {
  47. uni.switchTab({
  48. url: '/pages/my/my'
  49. });
  50. }
  51. },
  52. goAddGroup(){
  53. uni.navigateTo({
  54. url:'/pages/addGroup/addGroup'
  55. })
  56. }
  57. }
  58. }
  59. </script>
  60. <style lang="scss" scoped>
  61. @import './index.rpx.css';
  62. </style>