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