Skip to content

肖康 / H5_2.0

Go to a project
Commit b844be28 by LJM
Options

css

parent 560d94a8
Inline Side-by-side
Showing with 67 additions and 7 deletions
assets/css/mine/agreements.scss
.page-agreements { .page-agreements {
padding: 90rpx 0 0 0;
.text { .text {
margin-top: 36rpx; margin-top: 36rpx;
padding: 0 24rpx; padding: 0 24rpx;
......
assets/css/mine/forget.scss
.page-forget { .page-forget {
padding: 16rpx 0 0 0; padding: 90rpx 0 0 0;
box-sizing: border-box; box-sizing: border-box;
.tip { .tip {
margin: 0 24rpx; margin: 0 24rpx;
......
assets/css/mine/userCoupon.scss 0 → 100644
.page-userCoupon {
.go-coupon {
text-align: right;
font-size: 28rpx;
color: #1969f9;
}
}
assets/css/mine/userOrder.scss
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
right: 0; right: 0;
width: 100%; width: 100%;
height: 176rpx; height: 176rpx;
z-index: 999;
.head { .head {
padding: 0 32rpx; padding: 0 32rpx;
height: 88rpx; height: 88rpx;
......
components/nav.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<view class="h5-nav row avarage verCenter"> <view class="h5-nav row avarage verCenter">
<text class="iconfont icon-arrleft"></text> <text class="iconfont icon-arrleft"></text>
<text class="title">{{ title }}</text> <text class="title">{{ title }}</text>
<view class="bar"></view> <view class="bar"><slot name="title-bar"></slot></view>
</view> </view>
</template> </template>
...@@ -24,7 +24,16 @@ export default { ...@@ -24,7 +24,16 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.h5-nav { .h5-nav {
position: fixed;
top: 0;
le: 0;
right: 0;
width: 100%;
padding-left: 32rpx;
height: 88rpx; height: 88rpx;
box-sizing: border-box;
z-index: 999;
background-color: #fff;
.iconfont { .iconfont {
width: 33.3%; width: 33.3%;
font-size: 44rpx; font-size: 44rpx;
...@@ -39,6 +48,8 @@ export default { ...@@ -39,6 +48,8 @@ export default {
} }
.bar { .bar {
width: 33.3%; width: 33.3%;
padding-right: 32rpx;
box-sizing: border-box;
} }
} }
</style> </style>
pages.json
...@@ -52,6 +52,12 @@ ...@@ -52,6 +52,12 @@
"style": { "style": {
"navigationBarTitleText": "订单列表" "navigationBarTitleText": "订单列表"
} }
},
{
"path": "pages/mine/userCoupon",
"style": {
"navigationBarTitleText": "优惠券"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
pages/mine/user.vue
...@@ -13,16 +13,16 @@ ...@@ -13,16 +13,16 @@
</view> </view>
<view class="company"><image src="../../static/company.png"></image></view> <view class="company"><image src="../../static/company.png"></image></view>
<view class="user-center"> <view class="user-center">
<view class="box column rowCenter verCenter"> <navigator class="box column rowCenter verCenter" url="/userOrder" hover-class="none">
<image src="../../static/order.png"></image> <image src="../../static/order.png"></image>
<text class="tt">我的订单</text> <text class="tt">我的订单</text>
<text class="tip"></text> <text class="tip"></text>
</view> </navigator>
<view class="box column rowCenter verCenter"> <navigator class="box column rowCenter verCenter" url="/userCoupon" hover-class="none">
<image src="../../static/coup.png"></image> <image src="../../static/coup.png"></image>
<text class="tt">我的优惠券</text> <text class="tt">我的优惠券</text>
<text class="tip"></text> <text class="tip"></text>
</view> </navigator>
<view class="box column rowCenter verCenter"> <view class="box column rowCenter verCenter">
<image src="../../static/qq.png"></image> <image src="../../static/qq.png"></image>
<text class="tt">我的客服</text> <text class="tt">我的客服</text>
......
pages/mine/userCoupon.vue 0 → 100644
<template>
<view class="page-userCoupon">
<navElement title="我的优惠券" v-back>
<template slot="title-bar">
<view class="go-coupon">去领券</view>
</template>
</navElement>
</view>
</template>
<script>
import { Api_Url } from '@/util/api.js';
import navElement from '@/components/nav.vue';
export default {
components: {
navElement
},
data() {},
onLoad() {},
methods: {}
};
</script>
<style lang="scss">
@import '@/assets/css/mine/userCoupon.scss';
</style>
pages/mine/userOrder.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<view class="top"> <view class="top">
<view class="head row bothSide verCenter"> <view class="head row bothSide verCenter">
<view class="left row verCenter"> <view class="left row verCenter">
<text class="iconfont icon-arrleft"></text> <text class="iconfont icon-arrleft" v-back></text>
<view class="search-box row verCenter"> <view class="search-box row verCenter">
<text class="iconfont icon-search"></text> <text class="iconfont icon-search"></text>
<input type="text" placeholder="请输入订单号/型号" class="uni-input" /> <input type="text" placeholder="请输入订单号/型号" class="uni-input" />
......
router/index.js
...@@ -74,6 +74,13 @@ const router = new Router({ ...@@ -74,6 +74,13 @@ const router = new Router({
meta: { meta: {
title: '订单列表' title: '订单列表'
} }
},
{
path: '/pages/mine/userCoupon',
aliasPath: '/userCoupon',
meta: {
title: '优惠券'
}
} }
] ]
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment