Skip to content

hrs_app_h5 / bill

Go to a project
Commit e52880b6 by lishengfu
Options

Merge branch 'master' of http://gitlab.corp.qinqinxiaobao.com:9880/hrs_app_h5/bill

parents 965b64d0 9a4d5c91
Inline Side-by-side
Showing with 54 additions and 54 deletions
src/components/Header.vue
<template> <template>
<div id="showheader" :class="this.top?'iosStyle header-warp':'header-warp'"> <div id="showheader" class="header" :class="this.top?'iosStyle header-warp':'header-warp'">
<van-nav-bar id="nav" :title="title" left-text left-arrow /> <van-nav-bar id="nav" :title="title" left-text left-arrow />
</div> </div>
</template> </template>
...@@ -44,8 +44,15 @@ export default { ...@@ -44,8 +44,15 @@ export default {
.van-nav-bar__title { .van-nav-bar__title {
font-size: 18px; font-size: 18px;
} }
.van-nav-bar .van-icon { .header /deep/ .van-nav-bar .van-icon {
color: #333333 !important; color: #fff !important;
font-size: 25px !important; font-size: 16px !important;
}
.van-nav-bar {
background: linear-gradient(
135deg,
rgba(37, 141, 244, 1) 0%,
rgba(6, 115, 223, 1) 100%
);
} }
</style> </style>
src/components/TabHeader.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div id="showheader" class="header"> <div id="showheader" class="header">
<van-nav-bar id="nav" :title="title" left-text left-arrow> <van-nav-bar id="nav" :title="title" left-text left-arrow>
<template #title> <template #title>
<a class="header-title" :class="isActive?'title-active':''" href="/bill">人事服务</a> <a class="header-title" :class="isActive?'title-active':''" href="/">人事服务</a>
<a class="header-title" :class="isActive?'':'title-active'" href="./more">更多服务</a> <a class="header-title" :class="isActive?'':'title-active'" href="./more">更多服务</a>
</template> </template>
...@@ -30,10 +30,10 @@ export default { ...@@ -30,10 +30,10 @@ export default {
var u = navigator.userAgent; var u = navigator.userAgent;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
this.top = isiOS; this.top = isiOS;
if (window.location.href.indexOf("bill")) { if (window.location.href.indexOf("more")>0) {
this.isActive = true;
} else {
this.isActive = false; this.isActive = false;
} else {
this.isActive = true;
} }
} }
}; };
...@@ -54,11 +54,7 @@ export default { ...@@ -54,11 +54,7 @@ export default {
font-size: 16px !important; font-size: 16px !important;
} }
.van-nav-bar { .van-nav-bar {
background: linear-gradient( background: #0978e7;
135deg,
rgba(37, 141, 244, 1) 0%,
rgba(6, 115, 223, 1) 100%
);
} }
.header-title { .header-title {
...@@ -70,4 +66,7 @@ export default { ...@@ -70,4 +66,7 @@ export default {
color: #ffffff; color: #ffffff;
font-size: 18px; font-size: 18px;
} }
.van-hairline--bottom::after{
border-bottom-width:0px;
}
</style> </style>
src/router/bill-router.js
...@@ -9,6 +9,15 @@ export default [ ...@@ -9,6 +9,15 @@ export default [
} }
}, },
{ {
path: "/trusteeship",
name: "trusteeship",
component: () => import("@/views/Trusteeship/index.vue"),
meta: {
requiresAuth: true,
title: "人事托管 "
}
},
{
path: "/index/record", path: "/index/record",
name: "index", name: "index",
component: () => import("@/views/Bill/record.vue"), component: () => import("@/views/Bill/record.vue"),
......
src/router/index.js
import Vue from 'vue' import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
import moreRouters from './more-router.js' import moreRouters from './more-router.js'
import trusteeship from './trusteeship.js' import billRouters from './bill-router.js'
import personRouters from './bill-router.js'
Vue.use(VueRouter) Vue.use(VueRouter)
const router = new VueRouter({ const router = new VueRouter({
mode: 'history', mode: 'history',
base: process.env.BASE_URL, base: process.env.BASE_URL,
routes:[ routes:[
...personRouters, ...billRouters,
...moreRouters, ...moreRouters,
...trusteeship
], ],
scrollBehavior(to, from, savedPosition) { scrollBehavior(to, from, savedPosition) {
return { x: 0, y: 0 } return { x: 0, y: 0 }
......
src/router/trusteeship.js deleted 100644 → 0
export default [
{
path: "/trusteeship",
name: "trusteeship",
component: () => import("@/views/Trusteeship/index.vue"),
meta: {
requiresAuth: true,
title: "人事托管 "
}
}
]
\ No newline at end of file
src/views/Bill/index.vue
<template> <template>
<div> <div>
<div class="header"> <div class="header">
<van-nav-bar title="更多服务" left-arrow @click-left="onClickLeft" /> <tab-header :title="title" />
</div> </div>
<div class="contener"> <div class="contener">
<div class="header"> <div class="header">
...@@ -142,11 +142,17 @@ ...@@ -142,11 +142,17 @@
</template> </template>
<script> <script>
import { NavBar, Icon } from "vant"; import { Icon } from "vant";
import {TabHeader} from '@/components'
export default { export default {
components: { components: {
[NavBar.name]: NavBar, [Icon.name]: Icon,
[Icon.name]: Icon TabHeader
},
data(){
return{
title:'人事服务'
}
}, },
methods: { methods: {
onClickLeft() { onClickLeft() {
...@@ -161,12 +167,7 @@ export default { ...@@ -161,12 +167,7 @@ export default {
.header { .header {
height: 136px; height: 136px;
padding: 0 16px; padding: 0 16px;
border-top: 1px solid rgba(15, 130, 245, 1); background: #0978e7;
background: linear-gradient(
135deg,
rgba(15, 130, 245, 1) 0%,
rgba(6, 115, 223, 1) 100%
);
.header_date_time { .header_date_time {
height: 75px; height: 75px;
} }
......
src/views/More/index.vue
<template> <template>
<div> <div>
<div class="header"> <div class="header">
<van-nav-bar title="更多服务" left-arrow @click-left="onClickLeft" /> <tab-header :title="title" />
</div> </div>
<div class="contener"> <div class="contener">
<div class="header"> <div class="header">
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</div> </div>
<div class="header_info"> <div class="header_info">
<div class="left"> <div class="left">
<img src="" alt /> <img src alt />
<span>充值</span> <span>充值</span>
</div> </div>
<div class="right"> <div class="right">
...@@ -50,12 +50,17 @@ ...@@ -50,12 +50,17 @@
</template> </template>
<script> <script>
import { NavBar, Icon } from "vant"; import { NavBar, Icon } from "vant";
import { TabHeader } from "@/components";
export default { export default {
components: { components: {
[NavBar.name]: NavBar, [Icon.name]: Icon,
[Icon.name]: Icon TabHeader
},
data() {
return {
title: "人事服务"
};
}, },
methods: { methods: {
onClickLeft() { onClickLeft() {
...@@ -70,12 +75,7 @@ export default { ...@@ -70,12 +75,7 @@ export default {
.header { .header {
height: 136px; height: 136px;
padding: 0 16px; padding: 0 16px;
border-top: 1px solid rgba(15, 130, 245, 1); background: #0978e7;
background: linear-gradient(
135deg,
rgba(15, 130, 245, 1) 0%,
rgba(6, 115, 223, 1) 100%
);
.header_box { .header_box {
height: 174px; height: 174px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
...@@ -95,8 +95,8 @@ export default { ...@@ -95,8 +95,8 @@ export default {
.paid { .paid {
width: 50%; width: 50%;
float: left; float: left;
.paid_color{ .paid_color {
color: #FF9100; color: #ff9100;
} }
} }
span { span {
......
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