Bladeren bron

静态页面

xcx 4 jaren geleden
bovenliggende
commit
c56426d1a8

+ 1
- 1
project.config.json Bestand weergeven

@@ -27,7 +27,7 @@
27 27
 			"outputPath": ""
28 28
 		},
29 29
 		"useIsolateContext": true,
30
-		"useCompilerModule": true,
30
+		"useCompilerModule": false,
31 31
 		"userConfirmedUseCompilerModuleSwitch": false
32 32
 	},
33 33
 	"compileType": "miniprogram",

+ 1
- 1
src/app.config.js Bestand weergeven

@@ -1,8 +1,8 @@
1 1
 
2 2
 export default {
3 3
   pages: [
4
-    'pages/ShouYe/index', // 首页
5 4
     'pages/WuYe/index', // 物业
5
+    'pages/ShouYe/index', // 首页
6 6
     'pages/HuoDong/index', // 活动
7 7
     'pages/FuLi/index', // 福利
8 8
     'pages/WoDe/index', // 我的

+ 2
- 2
src/components/ActivityListItem/index.vue Bestand weergeven

@@ -1,14 +1,14 @@
1 1
 <template>
2 2
   <view class="ActivityListItem">
3 3
     <view class="Img">
4
-
4
+      <image mode="aspectFill" :src="TestImg" class="centerLabel"></image>
5 5
     </view>
6 6
     <view class="Info flex-h">
7 7
       <view class="flex-item">
8 8
         <text>核销拼团</text>
9 9
         <text>参与截止时间:2019年10月20日 10:00:00</text>
10 10
       </view>
11
-      <text>未开始</text>
11
+      <text class="active">未开始</text>
12 12
     </view>
13 13
   </view>
14 14
 </template>

+ 46
- 0
src/components/ActivityListItem/page.scss Bestand weergeven

@@ -2,11 +2,57 @@
2 2
   width: 100%;
3 3
   position: relative;
4 4
   overflow: hidden;
5
+  background: #fff;
6
+  border-radius: 12px;
5 7
   > .Img {
6 8
     width: 100%;
7 9
     padding-bottom: 56.25%;
8 10
     position: relative;
9 11
     overflow: hidden;
10 12
     background: #ccc;
13
+    > image {
14
+      width: 100%;
15
+      height: 100%;
16
+      z-index: 1;
17
+    }
18
+  }
19
+  > .Info {
20
+    padding: 0 20px;
21
+    position: relative;
22
+    overflow: hidden;
23
+    align-items: center;
24
+    > .flex-item {
25
+      position: relative;
26
+      overflow: hidden;
27
+      margin-right: 20px;
28
+      padding: 24px 0;
29
+      > text {
30
+        display: block;
31
+        font-size: 24px;
32
+        color: #999;
33
+        line-height: 40px;
34
+        white-space: nowrap;
35
+        overflow: hidden;
36
+        text-overflow: ellipsis;
37
+        &:first-child {
38
+          color: #333;
39
+          font-size: 32px;
40
+          font-weight: bold;
41
+          margin-bottom: 10px;
42
+        }
43
+      }
44
+    }
45
+    > text {
46
+      font-size: 30px;
47
+      color: #333;
48
+      line-height: 60px;
49
+      padding: 0 30px;
50
+      border-radius: 60px;
51
+      background: #ccc;
52
+      &.active {
53
+        color: #f35844;
54
+        background: rgba(243, 88, 68, 0.3);
55
+      }
56
+    }
11 57
   }
12 58
 }

+ 47
- 0
src/components/NewsListItem/index.vue Bestand weergeven

@@ -0,0 +1,47 @@
1
+<template>
2
+  <view class="NewsListItem flex-h">
3
+    <view class="Img">
4
+      <image mode="aspectFill" :src="TestImg"></image>
5
+      <text v-if="ShowTips">置顶</text>
6
+    </view>
7
+    <view class="Info flex-item">
8
+      <text>破晓·内容生态下半场的版权之道—2019企业版权</text>
9
+      <text>于2019-12-12 14:20:30发布</text>
10
+    </view>
11
+  </view>
12
+</template>
13
+
14
+<script>
15
+export default {
16
+  name: 'NewsListItem',
17
+  props: {
18
+    Data: {
19
+      default: null,
20
+      type: Object
21
+    },
22
+    ShowTips: {
23
+      default: false,
24
+      type: Boolean
25
+    }
26
+  },
27
+  data () {
28
+    return {
29
+      TestImg: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606120989360&di=8610f1678b51e26de6d4c6af39d1cf63&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2F201503%2F19%2F211608ztcq7higicydxhsy.jpg'
30
+    }
31
+  },
32
+  computed: {
33
+  },
34
+  components: {
35
+  },
36
+  created () {
37
+  },
38
+  methods: {
39
+    Init () {
40
+    }
41
+  }
42
+}
43
+</script>
44
+
45
+<style lang="scss">
46
+@import "page.scss";
47
+</style>

+ 53
- 0
src/components/NewsListItem/page.scss Bestand weergeven

@@ -0,0 +1,53 @@
1
+.NewsListItem {
2
+  width: 100%;
3
+  position: relative;
4
+  overflow: hidden;
5
+  background: #fff;
6
+  border-radius: 0 12px 12px 0;
7
+  align-items: center;
8
+  > .Img {
9
+    width: 220px;
10
+    height: 176px;
11
+    position: relative;
12
+    overflow: hidden;
13
+    background: #ccc;
14
+    margin-right: 20px;
15
+    > image {
16
+      display: block;
17
+      position: relative;
18
+      z-index: 1;
19
+      width: 100%;
20
+      height: 100%;
21
+    }
22
+    > text {
23
+      font-size: 24px;
24
+      color: #971c21;
25
+      display: inline-block;
26
+      position: absolute;
27
+      z-index: 2;
28
+      left: 0;
29
+      top: 0;
30
+      line-height: 40px;
31
+      width: 80px;
32
+      text-align: center;
33
+      background: rgba(255, 255, 255, 0.8);
34
+    }
35
+  }
36
+  > .Info {
37
+    margin-right: 20px;
38
+    position: relative;
39
+    overflow: hidden;
40
+    > text {
41
+      display: block;
42
+      font-size: 24px;
43
+      color: #666;
44
+      line-height: 40px;
45
+      &:first-child {
46
+        font-size: 28px;
47
+        color: #333;
48
+        font-weight: bold;
49
+        margin-bottom: 10px;
50
+      }
51
+    }
52
+  }
53
+}

+ 62
- 0
src/components/TabPageCutNav/index.vue Bestand weergeven

@@ -0,0 +1,62 @@
1
+<template>
2
+  <view class="TabPageCutNav flex-v">
3
+    <view class="TopNav">
4
+      <view class="flex-h">
5
+        <view class="flex-item" v-for="(item, index) in List" :key="index">
6
+          <text :class="{'active': item.id - 0 === CurrentNavId - 0}" @tap="CutNav(item)">{{item.name}}</text>
7
+        </view>
8
+      </view>
9
+    </view>
10
+    <view class="flex-item">
11
+      <scroll-view scroll-y="true" style="height: 100%;" :refresher-enabled="true" @refresherrefresh="OnRefresh" :refresher-triggered="IsPull" refresher-background="none">
12
+        <slot></slot>
13
+      </scroll-view>
14
+    </view>
15
+  </view>
16
+</template>
17
+
18
+<script>
19
+export default {
20
+  name: 'TabPageCutNav',
21
+  props: {
22
+    List: {
23
+      default: () => {
24
+        return []
25
+      },
26
+      type: Array
27
+    },
28
+    CurrentNavId: {
29
+      default: 1,
30
+      type: Number
31
+    },
32
+    IsPull: {
33
+      default: false,
34
+      type: Boolean
35
+    }
36
+  },
37
+  data () {
38
+    return {
39
+    }
40
+  },
41
+  computed: {
42
+  },
43
+  components: {
44
+  },
45
+  created () {
46
+  },
47
+  methods: {
48
+    Init () {
49
+    },
50
+    CutNav (target) { // 切换nav
51
+      this.$emit('Change', target.id)
52
+    },
53
+    OnRefresh (e) { // 下拉刷新
54
+      this.$emit('OnRefresh')
55
+    }
56
+  }
57
+}
58
+</script>
59
+
60
+<style lang="scss">
61
+@import "page.scss";
62
+</style>

+ 70
- 0
src/components/TabPageCutNav/page.scss Bestand weergeven

@@ -0,0 +1,70 @@
1
+.TabPageCutNav {
2
+  width: 100%;
3
+  height: 100%;
4
+  position: relative;
5
+  overflow: hidden;
6
+  > .TopNav {
7
+    width: 100%;
8
+    padding-bottom: 35%;
9
+    background-image: linear-gradient(#f35844, #ff8d61);
10
+    position: relative;
11
+    z-index: 1;
12
+    > view {
13
+      width: 100%;
14
+      font-size: 0;
15
+      white-space: nowrap;
16
+      text-align: center;
17
+      position: absolute;
18
+      left: 0;
19
+      bottom: 0;
20
+      > view {
21
+        font-size: 0;
22
+        white-space: nowrap;
23
+        text-align: center;
24
+        > text {
25
+          display: inline-block;
26
+          vertical-align: middle;
27
+          font-size: 32px;
28
+          color: #fff;
29
+          position: relative;
30
+          padding: 0 30px;
31
+          padding-bottom: 20px;
32
+          line-height: 60px;
33
+          &.active {
34
+            color: #333;
35
+            font-weight: bold;
36
+            &::after {
37
+              content: "";
38
+              display: block;
39
+              position: absolute;
40
+              left: 0;
41
+              bottom: 0;
42
+              height: 2px;
43
+              background: #000;
44
+              width: 100%;
45
+            }
46
+          }
47
+        }
48
+      }
49
+    }
50
+  }
51
+  > .flex-item {
52
+    position: relative;
53
+    overflow: hidden;
54
+    .Content {
55
+      position: relative;
56
+      overflow: hidden;
57
+      &.Activity {
58
+        padding: 0 30px;
59
+        > .ListItem {
60
+          width: 100%;
61
+          position: relative;
62
+          overflow: hidden;
63
+          background: #fff;
64
+          border-radius: 12px;
65
+          margin-top: 30px;
66
+        }
67
+      }
68
+    }
69
+  }
70
+}

+ 30
- 0
src/components/WuYeBaoXiu/index.vue Bestand weergeven

@@ -0,0 +1,30 @@
1
+<template>
2
+  <view class="WuYeBaoXiu">
3
+  </view>
4
+</template>
5
+
6
+<script>
7
+export default {
8
+  name: 'WuYeBaoXiu',
9
+  props: {
10
+  },
11
+  data () {
12
+    return {
13
+    }
14
+  },
15
+  computed: {
16
+  },
17
+  components: {
18
+  },
19
+  created () {
20
+  },
21
+  methods: {
22
+    Init () {
23
+    }
24
+  }
25
+}
26
+</script>
27
+
28
+<style lang="scss">
29
+@import "page.scss";
30
+</style>

+ 5
- 0
src/components/WuYeBaoXiu/page.scss Bestand weergeven

@@ -0,0 +1,5 @@
1
+.WuYeBaoXiu {
2
+  width: 100%;
3
+  position: relative;
4
+  overflow: hidden;
5
+}

+ 30
- 0
src/components/WuYeFuWu/index.vue Bestand weergeven

@@ -0,0 +1,30 @@
1
+<template>
2
+  <view class="WuYeFuWu">
3
+  </view>
4
+</template>
5
+
6
+<script>
7
+export default {
8
+  name: 'WuYeFuWu',
9
+  props: {
10
+  },
11
+  data () {
12
+    return {
13
+    }
14
+  },
15
+  computed: {
16
+  },
17
+  components: {
18
+  },
19
+  created () {
20
+  },
21
+  methods: {
22
+    Init () {
23
+    }
24
+  }
25
+}
26
+</script>
27
+
28
+<style lang="scss">
29
+@import "page.scss";
30
+</style>

+ 5
- 0
src/components/WuYeFuWu/page.scss Bestand weergeven

@@ -0,0 +1,5 @@
1
+.WuYeFuWu {
2
+  width: 100%;
3
+  position: relative;
4
+  overflow: hidden;
5
+}

+ 30
- 0
src/components/WuYeGongGao/index.vue Bestand weergeven

@@ -0,0 +1,30 @@
1
+<template>
2
+  <view class="WuYeGongGao">
3
+  </view>
4
+</template>
5
+
6
+<script>
7
+export default {
8
+  name: 'WuYeGongGao',
9
+  props: {
10
+  },
11
+  data () {
12
+    return {
13
+    }
14
+  },
15
+  computed: {
16
+  },
17
+  components: {
18
+  },
19
+  created () {
20
+  },
21
+  methods: {
22
+    Init () {
23
+    }
24
+  }
25
+}
26
+</script>
27
+
28
+<style lang="scss">
29
+@import "page.scss";
30
+</style>

+ 5
- 0
src/components/WuYeGongGao/page.scss Bestand weergeven

@@ -0,0 +1,5 @@
1
+.WuYeGongGao {
2
+  width: 100%;
3
+  position: relative;
4
+  overflow: hidden;
5
+}

+ 30
- 0
src/components/WuYeJiaoFei/index.vue Bestand weergeven

@@ -0,0 +1,30 @@
1
+<template>
2
+  <view class="WuYeJiaoFei">
3
+  </view>
4
+</template>
5
+
6
+<script>
7
+export default {
8
+  name: 'WuYeJiaoFei',
9
+  props: {
10
+  },
11
+  data () {
12
+    return {
13
+    }
14
+  },
15
+  computed: {
16
+  },
17
+  components: {
18
+  },
19
+  created () {
20
+  },
21
+  methods: {
22
+    Init () {
23
+    }
24
+  }
25
+}
26
+</script>
27
+
28
+<style lang="scss">
29
+@import "page.scss";
30
+</style>

+ 5
- 0
src/components/WuYeJiaoFei/page.scss Bestand weergeven

@@ -0,0 +1,5 @@
1
+.WuYeJiaoFei {
2
+  width: 100%;
3
+  position: relative;
4
+  overflow: hidden;
5
+}

+ 28
- 20
src/pages/HuoDong/index.vue Bestand weergeven

@@ -1,34 +1,36 @@
1 1
 <template>
2
-  <view class="page HuoDong flex-v">
3
-    <view class="TopNav">
4
-      <view>
5
-        <text v-for="(item, index) in NavList" :key="index" :class="{'active': item.id - 0 === CurrentNavId - 0}">{{item.name}}</text>
6
-      </view>
7
-    </view>
2
+  <view class="page HuoDong">
8 3
     <NavHeader Title="活动" BgColor="none" :Fixed="true"></NavHeader>
9
-    <view class="flex-item">
10
-      <scroll-view scroll-y="true" style="height: 100%;" :refresher-enabled="true" @refresherrefresh="OnRefresh" :refresher-triggered="IsPull" refresher-background="none">
4
+    <TabPageCutNav :List="NavList" :IsPull="IsPull" :CurrentNavId="CurrentNavId" @Change="NavChange" @OnRefresh="OnRefresh">
11 5
 
12
-        <!-- 活动 -->
13
-        <view class="Content Activity" v-if="CurrentNavId === 1">
14
-          <view v-for="(item, index) in 10" :key="index" class="ListItem">
15
-            <ActivityListItem :Data="null"></ActivityListItem>
16
-          </view>
6
+      <!-- 活动 -->
7
+      <view class="NavContent Activity" v-if="CurrentNavId - 0 === 1">
8
+        <view v-for="(item, index) in 10" :key="index">
9
+          <ActivityListItem></ActivityListItem>
17 10
         </view>
11
+      </view>
18 12
 
19
-        <!-- 资讯 -->
20
-        <view class="Content News" v-if="CurrentNavId === 2">
21
-
13
+      <!-- 资讯 -->
14
+      <view class="NavContent News" v-if="CurrentNavId - 0 === 2">
15
+        <view class="BigImg">
16
+          <image mode="aspectFill" :src="TestImg" class="centerLabel"></image>
22 17
         </view>
18
+        <view class="NewsList">
19
+          <view v-for="(item, index) in 10" :key="index">
20
+            <NewsListItem :ShowTips="index === 0"></NewsListItem>
21
+          </view>
22
+        </view>
23
+      </view>
23 24
 
24
-      </scroll-view>
25
-    </view>
25
+    </TabPageCutNav>
26 26
   </view>
27 27
 </template>
28 28
 
29 29
 <script>
30 30
 import NavHeader from '../../components/NavHeader'
31 31
 import ActivityListItem from '../../components/ActivityListItem'
32
+import NewsListItem from '../../components/NewsListItem'
33
+import TabPageCutNav from '../../components/TabPageCutNav'
32 34
 import { createNamespacedHelpers } from 'vuex'
33 35
 const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
34 36
 export default {
@@ -47,7 +49,8 @@ export default {
47 49
         pageNum: 1,
48 50
         pageSize: 10
49 51
       },
50
-      HasNextPage: true
52
+      HasNextPage: true,
53
+      TestImg: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606120989360&di=8610f1678b51e26de6d4c6af39d1cf63&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2F201503%2F19%2F211608ztcq7higicydxhsy.jpg',
51 54
     }
52 55
   },
53 56
   computed: {
@@ -57,7 +60,9 @@ export default {
57 60
   },
58 61
   components: {
59 62
     NavHeader,
60
-    ActivityListItem
63
+    ActivityListItem,
64
+    NewsListItem,
65
+    TabPageCutNav
61 66
   },
62 67
   created () {
63 68
   },
@@ -68,6 +73,9 @@ export default {
68 73
     ]),
69 74
     Init () {
70 75
     },
76
+    NavChange (e) {
77
+      this.CurrentNavId = e
78
+    },
71 79
     OnRefresh (e) {
72 80
       this.IsPull = true
73 81
       window.setTimeout(() => {

+ 29
- 51
src/pages/HuoDong/page.scss Bestand weergeven

@@ -3,65 +3,43 @@
3 3
   height: 100%;
4 4
   overflow: hidden;
5 5
   background: #f8f8f8;
6
-  > .TopNav {
7
-    width: 100%;
8
-    padding-bottom: 35%;
9
-    background-image: linear-gradient(#f35844, #ff8d61);
10
-    position: relative;
11
-    z-index: 1;
12
-    > view {
13
-      width: 100%;
14
-      font-size: 0;
15
-      white-space: nowrap;
16
-      text-align: center;
17
-      position: absolute;
18
-      left: 0;
19
-      bottom: 0;
20
-      > text {
21
-        display: inline-block;
22
-        vertical-align: middle;
23
-        font-size: 32px;
24
-        color: #fff;
25
-        margin-left: 160px;
6
+  .NavContent {
7
+    &.Activity {
8
+      padding: 0 30px;
9
+      position: relative;
10
+      overflow: hidden;
11
+      > view {
26 12
         position: relative;
27
-        padding: 0 30px;
28
-        padding-bottom: 20px;
13
+        overflow: hidden;
14
+        margin-bottom: 30px;
29 15
         &:first-child {
30
-          margin-left: 0;
31
-        }
32
-        &.active {
33
-          color: #333;
34
-          line-height: 60px;
35
-          font-weight: bold;
36
-          &::after {
37
-            content: "";
38
-            display: block;
39
-            position: absolute;
40
-            left: 0;
41
-            bottom: 0;
42
-            height: 2px;
43
-            background: #000;
44
-            width: 100%;
45
-          }
16
+          margin-top: 30px;
46 17
         }
47 18
       }
48 19
     }
49
-  }
50
-  > .flex-item {
51
-    position: relative;
52
-    overflow: hidden;
53
-    .Content {
54
-      position: relative;
55
-      overflow: hidden;
56
-      &.Activity {
57
-        padding: 0 30px;
58
-        > .ListItem {
20
+    &.News {
21
+      > .BigImg {
22
+        width: 100%;
23
+        position: relative;
24
+        overflow: hidden;
25
+        padding-bottom: 50%;
26
+        background: #ccc;
27
+        > image {
59 28
           width: 100%;
29
+          height: 100%;
30
+        }
31
+      }
32
+      > .NewsList {
33
+        padding: 0 30px;
34
+        position: relative;
35
+        overflow: hidden;
36
+        > view {
60 37
           position: relative;
61 38
           overflow: hidden;
62
-          background: #fff;
63
-          border-radius: 12px;
64
-          margin-top: 30px;
39
+          margin-bottom: 30px;
40
+          &:first-child {
41
+            margin-top: 30px;
42
+          }
65 43
         }
66 44
       }
67 45
     }

+ 2
- 1
src/pages/WuYe/index.config.js Bestand weergeven

@@ -1,3 +1,4 @@
1 1
 export default {
2
-  navigationBarTitleText: '香颂蔚澜'
2
+  navigationStyle: 'custom',
3
+  navigationBarTextStyle: 'white'
3 4
 }

+ 61
- 2
src/pages/WuYe/index.vue Bestand weergeven

@@ -1,17 +1,61 @@
1 1
 <template>
2 2
   <view class="page WuYe">
3
-    物业
3
+    <NavHeader Title="物业" BgColor="none" :Fixed="true"></NavHeader>
4
+    <TabPageCutNav :List="NavList" :IsPull="IsPull" :CurrentNavId="CurrentNavId" @Change="NavChange" @OnRefresh="OnRefresh">
5
+
6
+      <!-- 公告 -->
7
+      <view class="NavContent Activity" v-if="CurrentNavId - 0 === 1">
8
+        <WuYeGongGao></WuYeGongGao>
9
+      </view>
10
+
11
+      <!-- 服务 -->
12
+      <view class="NavContent News" v-if="CurrentNavId - 0 === 2">
13
+        <WuYeFuWu></WuYeFuWu>
14
+      </view>
15
+
16
+      <!-- 报修 -->
17
+      <view class="NavContent News" v-if="CurrentNavId - 0 === 3">
18
+        <WuYeBaoXiu></WuYeBaoXiu>
19
+      </view>
20
+
21
+      <!-- 缴费 -->
22
+      <view class="NavContent News" v-if="CurrentNavId - 0 === 4">
23
+        <WuYeJiaoFei></WuYeJiaoFei>
24
+      </view>
25
+
26
+    </TabPageCutNav>
4 27
   </view>
5 28
 </template>
6 29
 
7 30
 <script>
31
+import NavHeader from '../../components/NavHeader'
32
+import TabPageCutNav from '../../components/TabPageCutNav'
33
+import WuYeGongGao from '../../components/WuYeGongGao'
34
+import WuYeFuWu from '../../components/WuYeFuWu'
35
+import WuYeBaoXiu from '../../components/WuYeBaoXiu'
36
+import WuYeJiaoFei from '../../components/WuYeJiaoFei'
8 37
 import { createNamespacedHelpers } from 'vuex'
9 38
 const { mapState: mapUserState, mapActions: mapUserActions, mapMutations: mapUserMutations } = createNamespacedHelpers('user')
10 39
 export default {
11 40
   name: 'WuYe',
12 41
   data () {
13 42
     return {
14
-      DataLock: false
43
+      NavList: [
44
+        { name: '公告', id: 1 },
45
+        { name: '服务', id: 2 },
46
+        { name: '报修', id: 3 },
47
+        { name: '缴费', id: 4 }
48
+      ],
49
+      CurrentNavId: 1,
50
+      IsPull: false,
51
+      DataLock: false,
52
+      PageList: [],
53
+      PageData: {
54
+        pageNum: 1,
55
+        pageSize: 10
56
+      },
57
+      HasNextPage: true,
58
+      TestImg: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606120989360&di=8610f1678b51e26de6d4c6af39d1cf63&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2F201503%2F19%2F211608ztcq7higicydxhsy.jpg',
15 59
     }
16 60
   },
17 61
   computed: {
@@ -20,6 +64,12 @@ export default {
20 64
     })
21 65
   },
22 66
   components: {
67
+    NavHeader,
68
+    TabPageCutNav,
69
+    WuYeGongGao,
70
+    WuYeFuWu,
71
+    WuYeBaoXiu,
72
+    WuYeJiaoFei
23 73
   },
24 74
   created () {
25 75
   },
@@ -29,6 +79,15 @@ export default {
29 79
     ...mapUserMutations([
30 80
     ]),
31 81
     Init () {
82
+    },
83
+    NavChange (e) {
84
+      this.CurrentNavId = e
85
+    },
86
+    OnRefresh (e) {
87
+      this.IsPull = true
88
+      window.setTimeout(() => {
89
+        this.IsPull = false
90
+      }, 1000)
32 91
     }
33 92
   }
34 93
 }

+ 3
- 2
src/pages/WuYe/page.scss Bestand weergeven

@@ -1,6 +1,7 @@
1 1
 .page.WuYe {
2 2
   width: 100%;
3 3
   height: 100%;
4
-  overflow-y: scroll;
5
-  background: #fff;
4
+  background: #f8f8f8;
5
+  position: relative;
6
+  overflow: hidden;
6 7
 }