添加手机端
This commit is contained in:
范强强
@@ -528,6 +528,30 @@ export const constantRouterMap = [
|
||||
name: 'phoneProblemKnowledgeBase',
|
||||
component: () => import('@/views/phoneView/problemKnowledgeBase')
|
||||
},
|
||||
//办理页面
|
||||
{
|
||||
path: '/phoneHandlingPage',
|
||||
name: 'phoneHandlingPage',
|
||||
component: () => import('@/views/phoneView/handlingPage')
|
||||
},
|
||||
//我的收藏
|
||||
{
|
||||
path: '/phoneMyCollection',
|
||||
name: 'phoneMyCollection',
|
||||
component: () => import('@/views/phoneView/myCollection')
|
||||
},
|
||||
//最近预览
|
||||
{
|
||||
path: '/phoneRecentBrowsing',
|
||||
name: 'phoneRecentBrowsing',
|
||||
component: () => import('@/views/phoneView/recentBrowsing')
|
||||
},
|
||||
//我的订阅
|
||||
{
|
||||
path: '/phoneMySubscribe',
|
||||
name: 'phoneMySubscribe',
|
||||
component: () => import('@/views/phoneView/mySubscribe')
|
||||
},
|
||||
/* 手机端结束 */
|
||||
// {
|
||||
// path:'/vehicleinformation',
|
||||
|
||||
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="header-search">
|
||||
<van-icon @click="iconClick" class="icon" name="arrow-left"/>
|
||||
<span class="header-search-text">
|
||||
EDS1.2 EVO-G1.1-中国-03 Pre-Ho mo流程
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content-text" v-for="item in 8">
|
||||
<div class="content-text-left">
|
||||
<div class="content-text-top">
|
||||
<span class="content-text-top-left">
|
||||
测试类别
|
||||
</span>
|
||||
<span class="content-text-top-right">
|
||||
测试检验项目
|
||||
</span>
|
||||
</div>
|
||||
<div class="content-text-button">
|
||||
<span>ISO 898-1-2013</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text-right">
|
||||
<van-icon name="arrow"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'phoneHandlingPage',
|
||||
methods: {
|
||||
iconClick() {
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.box {
|
||||
padding: 0 0.4rem 0.4rem 0.4rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-search {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-top: 0.4rem;
|
||||
background: #fff;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 0.66rem;
|
||||
width: 0.7rem;
|
||||
}
|
||||
|
||||
.header-search-text {
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #040B29;
|
||||
margin-left: 0.2rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 0.36rem;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
padding: 0.3rem 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 0.02rem solid #E6E7EC;
|
||||
}
|
||||
|
||||
.content-text-left {
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
.content-text-right {
|
||||
width: 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.content-text-top {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-button {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #595E72;
|
||||
margin-top: 0.13rem;
|
||||
}
|
||||
|
||||
.content-text-right .van-icon {
|
||||
font-size: 0.5rem;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-top-right {
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
</style>
|
||||
@@ -12,21 +12,21 @@
|
||||
XXXXXXXXXXXX@nio.cn
|
||||
</div>
|
||||
|
||||
<div class="content-box-top">
|
||||
<div class="content-box-top" @click="recentBrowsingClick">
|
||||
<img src="~@/assets/icon_eye.png" class="content-box-img" alt="">
|
||||
<span class="content-box-text">
|
||||
最近浏览
|
||||
</span>
|
||||
<van-icon class="icon" name="arrow"/>
|
||||
</div>
|
||||
<div class="content-box">
|
||||
<div class="content-box" @click="collectionClick">
|
||||
<img src="~@/assets/icon_star.png" class="content-box-img" alt="">
|
||||
<span class="content-box-text">
|
||||
我的收藏
|
||||
</span>
|
||||
<van-icon class="icon" name="arrow"/>
|
||||
</div>
|
||||
<div class="content-box">
|
||||
<div class="content-box" @click="subscribeClick">
|
||||
<img src="~@/assets/icon_link.png" class="content-box-img" alt="">
|
||||
<span class="content-box-text">
|
||||
我的订阅
|
||||
@@ -81,6 +81,21 @@
|
||||
path: '/phoneSearch'
|
||||
})
|
||||
}
|
||||
},
|
||||
subscribeClick() {
|
||||
this.$router.push({
|
||||
path: '/phoneMySubscribe'
|
||||
})
|
||||
},
|
||||
collectionClick() {
|
||||
this.$router.push({
|
||||
path: '/phoneMyCollection'
|
||||
})
|
||||
},
|
||||
recentBrowsingClick() {
|
||||
this.$router.push({
|
||||
path: '/phoneRecentBrowsing'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="header-search">
|
||||
<van-icon @click="iconClick" class="icon" name="arrow-left"/>
|
||||
<span class="header-search-text">
|
||||
我的收藏
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content-text" v-for="item in 8">
|
||||
<div class="content-text-left">
|
||||
<div class="content-text-top">
|
||||
<span class="content-text-top-left">
|
||||
测试类别
|
||||
</span>
|
||||
<span class="content-text-top-right">
|
||||
测试检验项目
|
||||
</span>
|
||||
</div>
|
||||
<div class="content-text-button">
|
||||
<span>ISO 898-1-2013</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text-right">
|
||||
<van-icon name="arrow"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'phoneMyCollection',
|
||||
methods: {
|
||||
iconClick() {
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.box {
|
||||
padding: 0 0.4rem 0.4rem 0.4rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-search {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-top: 0.4rem;
|
||||
background: #fff;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 0.66rem;
|
||||
width: 0.7rem;
|
||||
}
|
||||
|
||||
.header-search-text {
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #040B29;
|
||||
margin-left: 0.2rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 0.36rem;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
padding: 0.3rem 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 0.02rem solid #E6E7EC;
|
||||
}
|
||||
|
||||
.content-text-left {
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
.content-text-right {
|
||||
width: 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.content-text-top {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-button {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #595E72;
|
||||
margin-top: 0.13rem;
|
||||
}
|
||||
|
||||
.content-text-right .van-icon {
|
||||
font-size: 0.5rem;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-top-right {
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="header-search">
|
||||
<van-icon @click="iconClick" class="icon" name="arrow-left"/>
|
||||
<span class="header-search-text">
|
||||
我的订阅
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content-text" v-for="item in 8">
|
||||
<div class="content-text-left">
|
||||
<div class="content-text-top">
|
||||
<span class="content-text-top-left">
|
||||
测试类别
|
||||
</span>
|
||||
<span class="content-text-top-right">
|
||||
测试检验项目
|
||||
</span>
|
||||
</div>
|
||||
<div class="content-text-button">
|
||||
<span>ISO 898-1-2013</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text-right">
|
||||
<van-icon name="arrow"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'phoneMySubscribe',
|
||||
methods: {
|
||||
iconClick() {
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.box {
|
||||
padding: 0 0.4rem 0.4rem 0.4rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-search {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-top: 0.4rem;
|
||||
background: #fff;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 0.66rem;
|
||||
width: 0.7rem;
|
||||
}
|
||||
|
||||
.header-search-text {
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #040B29;
|
||||
margin-left: 0.2rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 0.36rem;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
padding: 0.3rem 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 0.02rem solid #E6E7EC;
|
||||
}
|
||||
|
||||
.content-text-left {
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
.content-text-right {
|
||||
width: 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.content-text-top {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-button {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #595E72;
|
||||
margin-top: 0.13rem;
|
||||
}
|
||||
|
||||
.content-text-right .van-icon {
|
||||
font-size: 0.5rem;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-top-right {
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="header-search">
|
||||
<van-icon @click="iconClick" class="icon" name="arrow-left"/>
|
||||
<span class="header-search-text">
|
||||
最近预览
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="content-text" v-for="item in 8">
|
||||
<div class="content-text-left">
|
||||
<div class="content-text-top">
|
||||
<span class="content-text-top-left">
|
||||
测试类别
|
||||
</span>
|
||||
<span class="content-text-top-right">
|
||||
测试检验项目
|
||||
</span>
|
||||
</div>
|
||||
<div class="content-text-button">
|
||||
<span>ISO 898-1-2013</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-text-right">
|
||||
<van-icon name="arrow"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'phoneRecentBrowsing',
|
||||
methods: {
|
||||
iconClick() {
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.box {
|
||||
padding: 0 0.4rem 0.4rem 0.4rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-search {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-top: 0.4rem;
|
||||
background: #fff;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 0.66rem;
|
||||
width: 0.7rem;
|
||||
}
|
||||
|
||||
.header-search-text {
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #040B29;
|
||||
margin-left: 0.2rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 0.36rem;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
padding: 0.3rem 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 0.02rem solid #E6E7EC;
|
||||
}
|
||||
|
||||
.content-text-left {
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
|
||||
.content-text-right {
|
||||
width: 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.content-text-top {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-button {
|
||||
font-size: 0.42rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #595E72;
|
||||
margin-top: 0.13rem;
|
||||
}
|
||||
|
||||
.content-text-right .van-icon {
|
||||
font-size: 0.5rem;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.content-text-top-right {
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
</style>
|
||||
@@ -21,7 +21,7 @@
|
||||
</div>
|
||||
|
||||
<div class="content-box">
|
||||
<div class="content-box-content" v-for="item in 8">
|
||||
<div class="content-box-content" @click="toDoCenterClick" v-for="item in 8">
|
||||
<div class="content-box-title">
|
||||
ISO 16750-4-2003
|
||||
</div>
|
||||
@@ -76,7 +76,12 @@
|
||||
path: '/phoneHome'
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
toDoCenterClick(){
|
||||
this.$router.push({
|
||||
path: '/phoneHandlingPage'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user