Skip to content

P
project-road-h5
提交 6d2110ae authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

update

上级 65518c9d
隐藏空白字符变更
内嵌 并排
正在显示 包含 96 行增加 和 62 行删除
src/App.vue
浏览文件 @ 6d2110ae
...@@ -3,3 +3,13 @@ ...@@ -3,3 +3,13 @@
<router-view /> <router-view />
</div> </div>
</template> </template>
<script>
export default {
mounted() {
const pcyidong = /(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)
if (!pcyidong) {
document.body.style['max-width'] = '400px'
}
}
}
</script>
src/assets/css/base.css
浏览文件 @ 6d2110ae
...@@ -3,11 +3,11 @@ ...@@ -3,11 +3,11 @@
padding: 0; padding: 0;
} }
html{ html{
max-width: 600px; /* max-width: 400px; */
margin: 0 auto;
} }
body { body {
/* background: #f7f7f7; */ /* background: #f7f7f7; */
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/body-bg.png) repeat-y; background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/body-bg.png) repeat-y;
background-size: cover; background-size: cover;
margin: 0 auto !important;
} }
src/components/Foot.vue
浏览文件 @ 6d2110ae
<template> <template>
<div class="foot-box"> <div class="foot-box" id="foot-box">
<div :class="$route.path == '/' ? 'item active' : 'item'" @click="$router.push('/')"> <div :class="$route.path == '/' ? 'item active' : 'item'" @click="$router.push('/')">
<div class="icon"></div> <div class="icon"></div>
<div class="nav-t">首页</div> <div class="nav-t">首页</div>
...@@ -20,14 +20,22 @@ ...@@ -20,14 +20,22 @@
</template> </template>
<script> <script>
export default {} export default {
mounted() {
const pcyidong = /(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)
if (!pcyidong) {
document.getElementById('foot-box').style['max-width'] = '400px'
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.foot-box { .foot-box {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 50%;
transform: translateX(-50%);
width: 100%; width: 100%;
height: 0.98rem; height: 0.98rem;
background: #ffffff; background: #ffffff;
......
src/components/HeadBack.vue
浏览文件 @ 6d2110ae
<template> <template>
<div class="head-back"> <div class="head-back" id="head-back">
<van-icon name="arrow-left" @click="$router.go(-1)" /> <van-icon name="arrow-left" @click="$router.go(-1)" />
<div class="text">{{ title || '' }}</div> <div class="text">{{ title || '' }}</div>
</div> </div>
...@@ -9,6 +9,12 @@ ...@@ -9,6 +9,12 @@
export default { export default {
props: { props: {
title: { type: String } title: { type: String }
},
mounted() {
const pcyidong = /(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)
if (!pcyidong) {
document.getElementById('head-back').style['max-width'] = '400px'
}
} }
} }
</script> </script>
...@@ -20,6 +26,9 @@ export default { ...@@ -20,6 +26,9 @@ export default {
background: #ffffff; background: #ffffff;
box-shadow: 0px 4px 12px 0px rgba(2, 17, 44, 0.05); box-shadow: 0px 4px 12px 0px rgba(2, 17, 44, 0.05);
position: fixed; position: fixed;
left: 50%;
transform: translateX(-50%);
top: 0;
.text { .text {
text-align: center; text-align: center;
font-size: 0.34rem; font-size: 0.34rem;
......
src/modules/home/components/List.vue
浏览文件 @ 6d2110ae
<template> <template>
<div> <div>
<div class="list-card" v-for="(item, index) in data" :key="index"> <div class="list-card" v-for="(item, index) in data" :key="index">
<div class="list-head-box"> <div class="list-head-box" v-if="item.size != 0">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="more" @click="goList(item)"> <div class="more" @click="goList(item)">
<div class="text">查看更多</div> <div class="text">查看更多</div>
<van-icon name="arrow" /> <van-icon name="arrow" />
</div> </div>
</div> </div>
<div v-for="docs in item.docs" :key="docs.id"> <div v-for="(docs, cIndex) in item.docs" :key="docs.id">
<div class="s-t-card" v-if="item.layout == '2'" @click="goDetail(docs)"> <div v-if="cIndex < parseInt(item.size)">
<img :src="docs.picture" /> <div class="s-t-card" v-if="item.layout == '2'" @click="goDetail(docs)">
<div class="title">{{ docs.title }}</div> <img :src="docs.picture" />
<div class="remark">
{{ docs.remark || docs.comment }}
</div>
</div>
<div class="z-t-card" v-if="item.layout == '1'" @click="goDetail(docs)">
<img :src="docs.picture" />
<div class="content">
<div class="title">{{ docs.title }}</div> <div class="title">{{ docs.title }}</div>
<div class="remark"> <div class="remark">
{{ docs.remark || docs.comment }} {{ docs.remark || docs.comment }}
</div> </div>
</div> </div>
</div> <div class="z-t-card" v-if="item.layout == '1'" @click="goDetail(docs)">
<div class="text-card" v-if="item.layout == '3'" @click="goDetail(docs)"> <img :src="docs.picture" />
<div class="title">{{ docs.title }}</div> <div class="content">
<div class="remark"> <div class="title">{{ docs.title }}</div>
{{ docs.remark || docs.comment }} <div class="remark">
{{ docs.remark || docs.comment }}
</div>
</div>
</div>
<div class="text-card" v-if="item.layout == '3'" @click="goDetail(docs)">
<div class="title">{{ docs.title }}</div>
<div class="remark">
{{ docs.remark || docs.comment }}
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/modules/home/views/Index.vue
浏览文件 @ 6d2110ae
...@@ -21,22 +21,22 @@ ...@@ -21,22 +21,22 @@
<!-- 主要内容 --> <!-- 主要内容 -->
<div class="home-main-content"> <div class="home-main-content">
<!-- 培训动态 --> <!-- 培训动态 -->
<div class="training-dynamic"> <div class="training-dynamic" v-if="homeData.area_list">
<div class="list-head-box"> <div class="list-head-box">
<div class="title">培训动态</div> <div class="title">培训动态</div>
<div class="more" @click="goDynamicPage"> <div class="more" @click="goUrl(findAreaData('4').desc)">
<div class="text">查看更多</div> <div class="text">查看更多</div>
<van-icon name="arrow" /> <van-icon name="arrow" />
</div> </div>
</div> </div>
<div class="card-message" @click="goDynamicPage"> <div class="card-message" @click="goUrl(findAreaData('4').url)">
<div class="icon"></div> <div class="icon"></div>
<div class="text">关于举办2022年度中级注册安全工程师考前…</div> <div class="text">{{ homeData.area_list[0].title }}</div>
</div> </div>
<div class="card-entrance"> <div class="card-entrance">
<div class="left-card"> <div class="left-card" @click="goUrl(findAreaData('1').url)">
<div class="title">学习平台</div> <div class="title">{{ findAreaData('1').title }}</div>
<div class="desc">系统专业知识</div> <div class="desc">{{ findAreaData('1').desc }}</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/home-dt-t1.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/home-dt-t1.png" />
<div class="go-look"> <div class="go-look">
<div class="t">去看看</div> <div class="t">去看看</div>
...@@ -44,18 +44,18 @@ ...@@ -44,18 +44,18 @@
</div> </div>
</div> </div>
<div class="right-card"> <div class="right-card">
<div class="r-t-card" @click="goUrl('https://certificate-show-h5.ezijing.com')"> <div class="r-t-card" @click="goUrl(findAreaData('2').url)">
<div class="title">证书查询</div> <div class="title">{{ findAreaData('2').title }}</div>
<div class="desc">登录后即可查询</div> <div class="desc">{{ findAreaData('2').desc }}</div>
<div class="go-look"> <div class="go-look">
<div class="t">去看看</div> <div class="t">去看看</div>
<van-icon name="arrow" /> <van-icon name="arrow" />
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/home-dt-t2.png" /> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/pages/highway/road/home-dt-t2.png" />
</div> </div>
</div> </div>
<div class="r-t-card r-b-card"> <div class="r-t-card r-b-card" @click="goUrl(findAreaData('3').url)">
<div class="title">继续教育</div> <div class="title">{{ findAreaData('3').title }}</div>
<div class="desc">个人提升入口</div> <div class="desc">{{ findAreaData('3').desc }}</div>
<div class="go-look"> <div class="go-look">
<div class="t">去看看</div> <div class="t">去看看</div>
<van-icon name="arrow" /> <van-icon name="arrow" />
...@@ -87,6 +87,9 @@ export default { ...@@ -87,6 +87,9 @@ export default {
} }
}, },
methods: { methods: {
findAreaData(type) {
return this.homeData.area_list.find(i => i.type === type)
},
getHomeInfo() { getHomeInfo() {
getHomeInfo().then(res => { getHomeInfo().then(res => {
this.homeData = res.data this.homeData = res.data
......
src/modules/home/views/List.vue
浏览文件 @ 6d2110ae
<template> <template>
<div class="list-page"> <div class="list-page">
<HeadBack :title="listData.title"></HeadBack> <HeadBack :title="listData.title"></HeadBack>
<div class="list-card" v-for="(item, index) in listData.docs" :key="index" @click="goPage(item)"> <div style="margin-top: 1.2rem;padding:0 .32rem;">
<div class="s-t-card" v-if="listData.layout == '2'"> <div class="list-card" v-for="(item, index) in listData.docs" :key="index" @click="goPage(item)">
<img :src="item.picture" /> <div class="s-t-card" v-if="listData.layout == '2'">
<div class="title">{{ item.title }}</div> <img :src="item.picture" />
<div class="remark">
{{ item.remark || item.comment }}
</div>
</div>
<div class="z-t-card" v-if="listData.layout == '1'">
<img :src="item.picture" />
<div class="content">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="remark"> <div class="remark">
{{ item.remark || item.comment }} {{ item.remark || item.comment }}
</div> </div>
</div> </div>
</div> <div class="z-t-card" v-if="listData.layout == '1'">
<div class="text-card" v-if="listData.layout == '3'"> <img :src="item.picture" />
<div class="title">{{ item.title }}</div> <div class="content">
<div class="remark"> <div class="title">{{ item.title }}</div>
{{ item.remark || item.comment }} <div class="remark">
{{ item.remark || item.comment }}
</div>
</div>
</div>
<div class="text-card" v-if="listData.layout == '3'">
<div class="title">{{ item.title }}</div>
<div class="remark">
{{ item.remark || item.comment }}
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -62,7 +64,7 @@ export default { ...@@ -62,7 +64,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.list-card { .list-card {
padding: 1.2rem 0.32rem; // padding: 1.2rem 0.32rem;
.s-t-card { .s-t-card {
background: #ffffff; background: #ffffff;
box-shadow: 0px 4px 12px 0px rgba(2, 17, 44, 0.05); box-shadow: 0px 4px 12px 0px rgba(2, 17, 44, 0.05);
......
src/modules/my/views/Index.vue
浏览文件 @ 6d2110ae
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<div class="order-box"> <div class="order-box">
<div class="head"> <div class="head">
<div class="t">订单中心</div> <div class="t">订单中心</div>
<div class="all" @click="goPage('https://register-show-h5.ezijing.com/myOrder')"> <div class="all" @click="goPage('https://register-show-h5.ezijing.com/myOrder?type=1')">
<div class="txt">查看全部订单</div> <div class="txt">查看全部订单</div>
<van-icon name="arrow" /> <van-icon name="arrow" />
</div> </div>
...@@ -31,14 +31,7 @@ ...@@ -31,14 +31,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="invoice-box"> <div class="order-box" style="margin-top: .16rem">
<div class="t">发票中心</div>
<div class="all" @click="goPage('https://account-show.ezijing.com/h5/payment')">
<div class="txt">发票信息</div>
<van-icon name="arrow" />
</div>
</div>
<div class="order-box">
<div class="head"> <div class="head">
<div class="t">证书中心</div> <div class="t">证书中心</div>
</div> </div>
...@@ -57,6 +50,13 @@ ...@@ -57,6 +50,13 @@
</div> </div>
</div> </div>
</div> </div>
<div class="invoice-box">
<div class="t">发票中心</div>
<div class="all" @click="goPage('https://account-show.ezijing.com/h5/payment')">
<div class="txt">发票信息</div>
<van-icon name="arrow" />
</div>
</div>
<!-- <div class="sign-out">退出登录</div> --> <!-- <div class="sign-out">退出登录</div> -->
</div> </div>
</div> </div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论