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 | 103 | "style": { |
| 104 | 104 | "navigationBarTitleText": "账单详情" |
| 105 | 105 | } |
| 106 | - } | |
| 106 | + }, | |
| 107 | + { | |
| 108 | + "path": "pages/index/index", | |
| 109 | + "style": { | |
| 110 | + "navigationBarTitleText": "商户管理" | |
| 111 | + } | |
| 112 | + } | |
| 107 | 113 | ], |
| 108 | 114 | "globalStyle": { |
| 109 | 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