BJ_web_developers / jy_parkingOS

Blame view

pages/index/index.vue 3.38 KB
Edit Raw Normal View History
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
 
  						<view class="">
  							<image src="../../static/me/me-fapao.png" class="index-icon"></image>
  						</view>
  						<view class="index-title">发票申领</view>
  					</view>
1b44ac51   chenbiao   add 信用等级 实名认证form表单 
53
54
55
56
57
58
 
  					<view class="flex-item" @click="toRatingPage">
  						<view class="">
  							<image src="../../static/me/me-aboutus.png" class="index-icon"></image>
  						</view>
  						<view class="index-title">信用等级</view>
  					</view>
2d70f5ed   chenbiao   add gitignore 
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
  				</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 发票抬头：查看 编辑 新增... 
85
86
87
88
 
  			},
  			toInvoicePage() {
  				uni.navigateTo({
  					url: '../invoiceClaim/invoiceClaim'
1b44ac51   chenbiao   add 信用等级 实名认证form表单 
89
7f3bad7f   chenbiao   add 发票抬头：查看 编辑 新增... 
90
 
  				});
1b44ac51   chenbiao   add 信用等级 实名认证form表单 
91
92
93
94
95
96
97
 
  			},
  			toRatingPage() {
  				uni.navigateTo({
  					url: '../creditRating/creditRating'
  
  				});
  			},
2d70f5ed   chenbiao   add gitignore 
98
99
100
101
102
103
104
 
  		}
  	}
  </script>
  
  <style lang="scss">
  	.index-top {
  		height: 200upx;
48e03f64   chenbiao   add 
105
 
  		background-color: #2d7bf7;
2d70f5ed   chenbiao   add gitignore 
106
107
 
  		position: relative;
  		text-align: center;
48e03f64   chenbiao   add 
108
 
  		z-index: 2;
2d70f5ed   chenbiao   add gitignore 
109
110
111
112
113
114
115
116
117
118
119
 
  	}
  
  	.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 
120
 
  		background: linear-gradient(#2d7bf7, #2d7bf7);
2d70f5ed   chenbiao   add gitignore 
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
 
  	}
  
  	.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 
137
 
  		z-index: 2;
2d70f5ed   chenbiao   add gitignore 
138
139
140
141
142
143
144
 
  	}
  
  	.set-wapper {
  		height: 40rpx;
  		position: absolute;
  		top: 30upx;
  		right: 50upx;
48e03f64   chenbiao   add 
145
 
  		z-index: 2;
2d70f5ed   chenbiao   add gitignore 
146
147
148
149
150
151
152
153
154
 
  	}
  
  	.settings {
  		width: 40upx;
  		height: 40upx;
  	}
  
  	.index-menu {
  		width: 100%;
48e03f64   chenbiao   add 
155
 
  		height: 440upx;
2d70f5ed   chenbiao   add gitignore 
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
 
  		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>