personal.vue
1.23 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<template>
<view class="personal">
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<f-navbar title="个人中心" fontColor="#fff" :bgColor="PrimaryColor" :scrollTop="scrollTop" navbarType='5'
:isShowLeft="false" :isShowTransparentTitle="false"></f-navbar>
<view class="head-box">
<!-- #ifdef MP -->
<view class="u-flex">
<text>11111</text>
</view>
<!-- #endif -->
<!-- #ifndef MP -->
<view class="u-flex">
<text>2222</text>
</view>
<!-- #endif -->
</view>
<f-tabbar></f-tabbar>
</view>
</template>
<script>
import fTabbar from '@/components/module/f-tabbar/f-tabbar';
import fNavbar from '@/components/module/f-navbar/f-navbar';
export default {
components: {
fTabbar,
fNavbar
},
data() {
return {
scrollTop: 0,
PrimaryColor: '#fe461d', //主题色
}
},
onLoad() {
// 隐藏原生的tabbar
uni.hideTabBar();
},
methods: {
onPageScroll(e) {
this.scrollTop = e.scrollTop;
},
}
}
</script>
<style lang="scss" scoped>
.personal {
min-height: 2000rpx;
}
.head-box {
padding-top: 128rpx;
background: linear-gradient(to left top, #f32735, #fc674d);
border-radius: 50% / 0 0 5% 5%;
overflow: hidden;
}
</style>