Commit 2d70f5ed691e07f25fc46c9769e7b5f7b67b26da
1 parent
65f63bf8
add gitignore
add index 首页 图片文件夹
Showing
41 changed files
with
188 additions
and
1 deletions
.gitignore
0 → 100644
pages.json
| @@ -103,7 +103,13 @@ | @@ -103,7 +103,13 @@ | ||
| 103 | "style": { | 103 | "style": { |
| 104 | "navigationBarTitleText": "账单详情" | 104 | "navigationBarTitleText": "账单详情" |
| 105 | } | 105 | } |
| 106 | - } | 106 | + }, |
| 107 | + { | ||
| 108 | + "path": "pages/index/index", | ||
| 109 | + "style": { | ||
| 110 | + "navigationBarTitleText": "商户管理" | ||
| 111 | + } | ||
| 112 | + } | ||
| 107 | ], | 113 | ], |
| 108 | "globalStyle": { | 114 | "globalStyle": { |
| 109 | "pageOrientation": "portrait", | 115 | "pageOrientation": "portrait", |
pages/index/index.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <view> | ||
| 3 | + <view class="index-top"> | ||
| 4 | + <view v-if="userIsLogin"> | ||
| 5 | + <view> | ||
| 6 | + <image src="http://122.152.205.72:88/group1/M00/00/05/CpoxxFw_-5-AFyVyAABLIH8xBTw233.png" | ||
| 7 | + class="face"></image> | ||
| 8 | + <view class="username">张三</view> | ||
| 9 | + </view> | ||
| 10 | + | ||
| 11 | + </view> | ||
| 12 | + <view class="set-wapper" v-if="userIsLogin"> | ||
| 13 | + <image src="../../static/me/settings.png" class="settings" @tap="toSetting"></image> | ||
| 14 | + </view> | ||
| 15 | + </view> | ||
| 16 | + <view class="index-menu"> | ||
| 17 | + <view class="uni-padding-wrap uni-common-mt"> | ||
| 18 | + | ||
| 19 | + <view class="uni-flex uni-row"> | ||
| 20 | + <view class="flex-item"> | ||
| 21 | + <view class=""> | ||
| 22 | + <image src="../../static/me/me-parkrecord.png" class="index-icon"></image> | ||
| 23 | + </view> | ||
| 24 | + <view class="index-title">停车缴费</view> | ||
| 25 | + </view> | ||
| 26 | + <view class="flex-item"> | ||
| 27 | + <view class=""> | ||
| 28 | + <image src="../../static/me/me-recoder.png" class="index-icon"></image> | ||
| 29 | + </view> | ||
| 30 | + <view class="index-title">停车记录</view> | ||
| 31 | + </view> | ||
| 32 | + <view class="flex-item"> | ||
| 33 | + <view class=""> | ||
| 34 | + <image src="../../static/me/me-balance.png" class="index-icon"></image> | ||
| 35 | + </view> | ||
| 36 | + <view class="index-title">我的钱包</view> | ||
| 37 | + </view> | ||
| 38 | + | ||
| 39 | + </view> | ||
| 40 | + <view class="uni-flex uni-row"> | ||
| 41 | + <view class="flex-item"> | ||
| 42 | + <view class=""> | ||
| 43 | + <image src="../../static/me/me-coupon.png" class="index-icon"></image> | ||
| 44 | + </view> | ||
| 45 | + <view class="index-title">卡券管理</view> | ||
| 46 | + </view> | ||
| 47 | + <view class="flex-item"> | ||
| 48 | + <view class=""> | ||
| 49 | + <image src="../../static/me/me-fapao.png" class="index-icon"></image> | ||
| 50 | + </view> | ||
| 51 | + <view class="index-title">发票申领</view> | ||
| 52 | + </view> | ||
| 53 | + | ||
| 54 | + </view> | ||
| 55 | + </view> | ||
| 56 | + </view> | ||
| 57 | + | ||
| 58 | + </view> | ||
| 59 | +</template> | ||
| 60 | + | ||
| 61 | +<script> | ||
| 62 | + import common from "../../common/common.js"; | ||
| 63 | + | ||
| 64 | + | ||
| 65 | + export default { | ||
| 66 | + data() { | ||
| 67 | + return { | ||
| 68 | + userIsLogin: true, | ||
| 69 | + } | ||
| 70 | + }, | ||
| 71 | + onLoad() { | ||
| 72 | + | ||
| 73 | + }, | ||
| 74 | + methods: { | ||
| 75 | + toSetting() { | ||
| 76 | + uni.navigateTo({ | ||
| 77 | + url: '../setting/setting' | ||
| 78 | + | ||
| 79 | + }); | ||
| 80 | + } | ||
| 81 | + } | ||
| 82 | + } | ||
| 83 | +</script> | ||
| 84 | + | ||
| 85 | +<style lang="scss"> | ||
| 86 | + .index-top { | ||
| 87 | + height: 200upx; | ||
| 88 | + background-color: #2f68d5; | ||
| 89 | + position: relative; | ||
| 90 | + text-align: center; | ||
| 91 | + } | ||
| 92 | + | ||
| 93 | + .index-top:after { | ||
| 94 | + width: 140%; | ||
| 95 | + height: 300upx; | ||
| 96 | + position: absolute; | ||
| 97 | + left: -20%; | ||
| 98 | + top: 0; | ||
| 99 | + z-index: -1; | ||
| 100 | + content: ''; | ||
| 101 | + border-radius: 0 0 50% 50%; | ||
| 102 | + background: linear-gradient(#2f68d5, #2f68d5); | ||
| 103 | + } | ||
| 104 | + | ||
| 105 | + .face { | ||
| 106 | + | ||
| 107 | + margin-top: 50upx; | ||
| 108 | + width: 100upx; | ||
| 109 | + height: 100upx; | ||
| 110 | + border-radius: 50%; | ||
| 111 | + | ||
| 112 | + } | ||
| 113 | + | ||
| 114 | + .username { | ||
| 115 | + height: 50upx; | ||
| 116 | + line-height: 50upx; | ||
| 117 | + text-align: center; | ||
| 118 | + color: #fff; | ||
| 119 | + | ||
| 120 | + } | ||
| 121 | + | ||
| 122 | + .set-wapper { | ||
| 123 | + height: 40rpx; | ||
| 124 | + position: absolute; | ||
| 125 | + top: 30upx; | ||
| 126 | + right: 50upx; | ||
| 127 | + } | ||
| 128 | + | ||
| 129 | + .settings { | ||
| 130 | + width: 40upx; | ||
| 131 | + height: 40upx; | ||
| 132 | + } | ||
| 133 | + | ||
| 134 | + .index-menu { | ||
| 135 | + width: 100%; | ||
| 136 | + height: 240upx; | ||
| 137 | + margin-top: 160upx; | ||
| 138 | + } | ||
| 139 | + | ||
| 140 | + .flex-item { | ||
| 141 | + width: 33.3%; | ||
| 142 | + height: 200upx; | ||
| 143 | + text-align: center; | ||
| 144 | + | ||
| 145 | + } | ||
| 146 | + | ||
| 147 | + .index-icon { | ||
| 148 | + width: 48upx; | ||
| 149 | + height: 48upx; | ||
| 150 | + // border: 50%; | ||
| 151 | + } | ||
| 152 | + | ||
| 153 | + .index-title { | ||
| 154 | + height: 80upx; | ||
| 155 | + line-height: 80upx; | ||
| 156 | + // width: 80upx; | ||
| 157 | + } | ||
| 158 | +</style> |
static/logo.png
static/me/HS_Nav_scan.png
0 → 100644
689 Bytes
static/me/balanceRecord_alipay.png
0 → 100644
884 Bytes
static/me/balanceRecord_b.png
0 → 100644
734 Bytes
static/me/balanceRecord_wx.png
0 → 100644
874 Bytes
static/me/car-black.png
0 → 100644
307 Bytes
static/me/car-blue.png
0 → 100644
304 Bytes
static/me/car-green.png
0 → 100644
1.21 KB
static/me/car-white.png
0 → 100644
270 Bytes
static/me/car-yellow.png
0 → 100644
311 Bytes
static/me/carM_btn_add.png
0 → 100644
1.46 KB
static/me/carM_btn_bg.png
0 → 100644
1.29 KB
static/me/carM_btn_delete.png
0 → 100644
775 Bytes
static/me/carM_btn_tips.png
0 → 100644
1.08 KB
static/me/carM_icon.png
0 → 100644
3.29 KB
static/me/coupon_down_bg.png
0 → 100644
2.43 KB
static/me/coupon_fail.png
0 → 100644
9.14 KB
static/me/coupon_up_bg.png
0 → 100644
14.8 KB
static/me/coupon_up_bghui.png
0 → 100644
9.95 KB
static/me/left-gray-arrow.png
0 → 100644
2.33 KB
static/me/me-aboutus.png
0 → 100644
1.53 KB
static/me/me-balance.png
0 → 100644
2.47 KB
static/me/me-carm.png
0 → 100644
1.29 KB
static/me/me-coupon.png
0 → 100644
1.44 KB
static/me/me-fapao.png
0 → 100644
1.63 KB
static/me/me-feedback.png
0 → 100644
1.65 KB
static/me/me-money-wx.png
0 → 100644
3.24 KB
static/me/me-moneyinfoSel.png
0 → 100644
975 Bytes
static/me/me-parkrecord.png
0 → 100644
1.98 KB
static/me/me-quickpay.png
0 → 100644
2.29 KB
static/me/me-recoder.png
0 → 100644
1.31 KB
static/me/me-userheadbg.png
0 → 100644
132 KB
static/me/me-vipcard.png
0 → 100644
1.08 KB
static/me/paytips.png
0 → 100644
986 Bytes
static/me/quickpay_account.png
0 → 100644
2.98 KB
static/me/quickpay_icon.png
0 → 100644
27 KB
static/me/quickpay_open.png
0 → 100644
27.3 KB
static/me/settings.png
0 → 100644
6.8 KB