App.vue
1.3 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
62
63
64
65
<script>
export default {
onLaunch: function() {
// #ifdef MP-WEIXIN
let menuButtonInfo = uni.getMenuButtonBoundingClientRect().top
this.$lib.$store.commit('setMenuButtonInfo',menuButtonInfo)
// #endif
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style>
/*每个页面公共css */
@import "./static/font/iconfont.css";
/*占位符*/
.lz-status_bar {
height: var(--status-bar-height);
width: 100%;
background-color: #fff;
}
.lz-top_view {
height: var(--status-bar-height);
width: 100%;
position: fixed;
background-color: #fff;
top: 0;
z-index: 999;
}
/*头部*/
.index-head{
background: #fff;
top: var(--status-bar-height);
z-index: 100;
height: 32px;
padding-bottom: 6px;
}
.index-head-top{
display: flex;
font-size: 16px;
color: #000;
align-items: center;
width: 92%;
margin: 0 auto;
line-height: 40px;
}
.index-head-top .index-head-l {
width: 24px;
display: flex;align-items: center;
padding-top: 0px;
}
.index-head-l .iconfont {
font-size: 21px;
transform: rotate(180deg);
margin-right: 7px;
}
.index-head-top .index-head-m{width: 60%;text-align: left;font-size: 16px;}
</style>