myGroup.vue 988 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <view class="page">
  3. <uni-nav-bar :fixed="true" background-color="#FFE05C" :border="false" :statusBar="true" left-icon="left" title="我的分组" @clickLeft="back" />
  4. <view>
  5. <mescroll-item ref="MescrollItem" :i="0" :index="0" :height="height">
  6. </mescroll-item>
  7. </view>
  8. <view class="addGroup" @click="goAddGroup">
  9. <text>新增分组</text>
  10. </view>
  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. methods: {
  30. back() {
  31. uni.navigateBack({
  32. delta: 1
  33. })
  34. },
  35. goAddGroup(){
  36. uni.navigateTo({
  37. url:'/pages/addGroup/addGroup'
  38. })
  39. }
  40. }
  41. }
  42. </script>
  43. <style lang="scss" scoped>
  44. @import './index.rpx.css';
  45. </style>