2d70f5ed
 chenbiao
add gitignore
|
1
|
<template>
|
|
48e03f64
chenbiao
add
|
2
|
<view class="bg-white">
|
|
2d70f5ed
chenbiao
add gitignore
|
3
4
|
<view class="index-top">
<view v-if="userIsLogin">
|
|
48e03f64
chenbiao
add
|
5
|
<view style="z-index: 2;">
|
|
2d70f5ed
chenbiao
add gitignore
|
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
|
<image src="http://122.152.205.72:88/group1/M00/00/05/CpoxxFw_-5-AFyVyAABLIH8xBTw233.png"
class="face"></image>
<view class="username">张三</view>
</view>
</view>
<view class="set-wapper" v-if="userIsLogin">
<image src="../../static/me/settings.png" class="settings" @tap="toSetting"></image>
</view>
</view>
<view class="index-menu">
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-flex uni-row">
<view class="flex-item">
<view class="">
<image src="../../static/me/me-parkrecord.png" class="index-icon"></image>
</view>
<view class="index-title">停车缴费</view>
</view>
<view class="flex-item">
<view class="">
<image src="../../static/me/me-recoder.png" class="index-icon"></image>
</view>
<view class="index-title">停车记录</view>
</view>
<view class="flex-item">
<view class="">
<image src="../../static/me/me-balance.png" class="index-icon"></image>
</view>
<view class="index-title">我的钱包</view>
</view>
</view>
<view class="uni-flex uni-row">
<view class="flex-item">
<view class="">
<image src="../../static/me/me-coupon.png" class="index-icon"></image>
</view>
<view class="index-title">卡券管理</view>
</view>
|
|
7f3bad7f
chenbiao
add 发票抬头：查看 编辑 新增...
|
47
|
<view class="flex-item" @click="toInvoicePage">
|
|
2d70f5ed
chenbiao
add gitignore
|
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
<view class="">
<image src="../../static/me/me-fapao.png" class="index-icon"></image>
</view>
<view class="index-title">发票申领</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import common from "../../common/common.js";
export default {
data() {
return {
userIsLogin: true,
}
},
onLoad() {
},
methods: {
toSetting() {
uni.navigateTo({
url: '../setting/setting'
});
|
|
7f3bad7f
chenbiao
add 发票抬头：查看 编辑 新增...
|
80
81
82
83
84
85
|
},
toInvoicePage() {
uni.navigateTo({
url: '../invoiceClaim/invoiceClaim'
});
|
|
2d70f5ed
chenbiao
add gitignore
|
86
87
88
89
90
91
92
93
|
}
}
}
</script>
<style lang="scss">
.index-top {
height: 200upx;
|
|
48e03f64
chenbiao
add
|
94
|
background-color: #2d7bf7;
|
|
2d70f5ed
chenbiao
add gitignore
|
95
96
|
position: relative;
text-align: center;
|
|
48e03f64
chenbiao
add
|
97
|
z-index: 2;
|
|
2d70f5ed
chenbiao
add gitignore
|
98
99
100
101
102
103
104
105
106
107
108
|
}
.index-top:after {
width: 140%;
height: 300upx;
position: absolute;
left: -20%;
top: 0;
z-index: -1;
content: '';
border-radius: 0 0 50% 50%;
|
|
48e03f64
chenbiao
add
|
109
|
background: linear-gradient(#2d7bf7, #2d7bf7);
|
|
2d70f5ed
chenbiao
add gitignore
|
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
}
.face {
margin-top: 50upx;
width: 100upx;
height: 100upx;
border-radius: 50%;
}
.username {
height: 50upx;
line-height: 50upx;
text-align: center;
color: #fff;
|
|
48e03f64
chenbiao
add
|
126
|
z-index: 2;
|
|
2d70f5ed
chenbiao
add gitignore
|
127
128
129
130
131
132
133
|
}
.set-wapper {
height: 40rpx;
position: absolute;
top: 30upx;
right: 50upx;
|
|
48e03f64
chenbiao
add
|
134
|
z-index: 2;
|
|
2d70f5ed
chenbiao
add gitignore
|
135
136
137
138
139
140
141
142
143
|
}
.settings {
width: 40upx;
height: 40upx;
}
.index-menu {
width: 100%;
|
|
48e03f64
chenbiao
add
|
144
|
height: 440upx;
|
|
2d70f5ed
chenbiao
add gitignore
|
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
|
margin-top: 160upx;
}
.flex-item {
width: 33.3%;
height: 200upx;
text-align: center;
}
.index-icon {
width: 48upx;
height: 48upx;
// border: 50%;
}
.index-title {
height: 80upx;
line-height: 80upx;
// width: 80upx;
}
</style>
|
