Skip to content

P
project-online-fi
提交 fb427236 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 3e8c533f
隐藏空白字符变更
内嵌 并排
正在显示 包含 87 行增加 和 251 行删除
.env
浏览文件 @ fb427236
VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index
VITE_REGISTER_URL=https://login.ezijing.com/auth/register
.env.dev
浏览文件 @ fb427236
VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index
VITE_REGISTER_URL=https://login.ezijing.com/auth/register
.env.test
浏览文件 @ fb427236
VITE_LOGIN_URL=https://login2.ezijing.com/auth/login/index VITE_LOGIN_URL=https://login.ezijing.com/auth/login/index
VITE_REGISTER_URL=https://login.ezijing.com/auth/register
src/App.vue
浏览文件 @ fb427236
<script lang="ts" setup> <script lang="ts" setup>
import { breakpointsTailwind, useBreakpoints } from '@vueuse/core' // import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
const breakpoints = useBreakpoints(breakpointsTailwind) // const breakpoints = useBreakpoints(breakpointsTailwind)
const isMobile = breakpoints.smaller('md') // const isMobile = breakpoints.smaller('md')
const isMobile = false
</script> </script>
<template> <template>
......
src/assets/css/base.css
浏览文件 @ fb427236
...@@ -67,7 +67,7 @@ button, ...@@ -67,7 +67,7 @@ button,
select, select,
textarea { textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance: none; appearance: none;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
font: inherit; font: inherit;
...@@ -92,3 +92,7 @@ body { ...@@ -92,3 +92,7 @@ body {
font-size: 50px; font-size: 50px;
} }
} }
:root {
--main-color: #aa1941;
}
src/assets/css/channel.scss deleted 100644 → 0
浏览文件 @ 3e8c533f
.course {
padding: 60px 20px;
background: #f8f8f8;
dl {
display: flex;
}
dl + dl {
margin-top: 0.5rem;
}
dt {
img {
width: 20px;
}
}
dd {
flex: 1;
margin-left: 20px;
overflow: hidden;
h4 {
display: inline-block;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1;
color: #333;
border-bottom: 1px solid #aa1941;
}
p {
font-size: 16px;
font-weight: 300;
line-height: 30px;
color: #424242;
}
p + p {
margin-top: 0.2rem;
}
}
}
.outline {
margin: 80px;
.outline-name {
color: #fff;
background-color: #aa1941;
}
.outline-quantity {
color: #fff;
background-color: #931638;
}
table {
width: 100%;
}
th {
font-size: 18px;
font-weight: bold;
line-height: 0.6rem;
text-align: center;
}
td {
padding: 18px;
font-size: 16px;
text-align: center;
border: 1px solid #ddd;
}
h2 {
font-size: 18px;
padding: 0.3rem 0;
color: #aa1941;
}
}
.is-h5 {
.course {
padding: 0.26rem 0.32rem;
background-color: #fff;
dt {
img {
width: 0.34rem;
}
}
dd {
margin-left: 0.34rem;
h4 {
font-size: 0.28rem;
}
p {
font-size: 0.24rem;
line-height: 0.4rem;
}
}
}
.outline {
margin: 0;
padding: 0.26rem 0.32rem;
background-color: #fff;
th {
font-size: 0.24rem;
}
td {
padding: 0.24rem;
font-size: 0.22rem;
}
h2 {
font-size: 0.28rem;
}
}
}
src/components/layout/Footer.vue
浏览文件 @ fb427236
...@@ -2,66 +2,36 @@ ...@@ -2,66 +2,36 @@
<footer class="app-footer"> <footer class="app-footer">
<div class="app-footer-inner"> <div class="app-footer-inner">
<div class="app-footer-left"> <div class="app-footer-left">
<router-link to="/" class="app-footer-logo"> <dl>
<img src="https://zws-imgs-pub.ezijing.com/pc/base/ezijing-logo-white.svg" /> <dt>PRP秘书处</dt>
<h1 class="app-name">数字职业技能培训中心</h1> <dd><a href="tel:13263110117">13263110117</a>(同微信)</dd>
</router-link> </dl>
<!-- pc --> <dl>
<div class="app-footer-link app-footer-link-pc"> <dt>PAA秘书处</dt>
<ul class="app-footer-link-item"> <dd><a href="tel:13263110169">13263110169</a>(同微信)</dd>
<li><a href="https://www.ezijing.com" target="_blank">清控紫荆教育</a></li> </dl>
<li><router-link to="/about">关于项目</router-link></li> <dl>
</ul> <dt>标准产品委员会</dt>
<ul class="app-footer-link-item"> <dd><a href="tel:13269964629">13269964629</a>(同微信)</dd>
<li><router-link to="/internet">互联网营销师</router-link></li> </dl>
<li><router-link to="/robot">工业机器人系统操作员</router-link></li> <dl>
</ul> <dt>定制专属产品办公室</dt>
<ul class="app-footer-link-item"> <dd><a href="tel:010-62799539">010-62799539</a></dd>
<li><router-link to="/bd">大数据技术人员</router-link></li> </dl>
<li><router-link to="/e-commerce">电子商务师</router-link></li>
</ul>
</div>
<!-- h5 -->
<div class="app-footer-link app-footer-link-h5">
<ul class="app-footer-link-item">
<li><a href="https://www.ezijing.com" target="_blank">清控紫荆教育</a></li>
<li><router-link to="/about">关于项目</router-link></li>
</ul>
<ul class="app-footer-link-item">
<li><router-link to="/internet">互联网营销师</router-link></li>
<li><router-link to="/robot">工业机器人系统操作员</router-link></li>
<li><router-link to="/bd">大数据技术人员</router-link></li>
<li><router-link to="/e-commerce">电子商务师</router-link></li>
</ul>
</div>
</div> </div>
<div class="app-footer-contact"> <div class="app-footer-contact">
<h2>联系我们</h2>
<dl> <dl>
<dt>地址</dt> <dt>地址</dt>
<dd>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</dd> <dd>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</dd>
</dl> </dl>
<dl>
<dt>联系电话</dt>
<dd><a href="tel:010-62793299">010-62793299</a></dd>
</dl>
<dl> <dl>
<dt>邮箱</dt> <dt>邮箱</dt>
<dd><a href="mailto:service@ezijing.com" class="mail">service@ezijing.com</a></dd> <dd><a href="mailto:service@ezijing.com" class="mail">service@ezijing.com</a></dd>
</dl> </dl>
</div> </div>
<div class="app-footer-qrcode">
<img src="https://webapp-pub.ezijing.com/project/marywood/officialAccount.jpeg" width="120" />
<div class="app-footer-qrcode-content">
<img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" width="20" />
<span>微信公众号</span>
</div>
</div>
</div> </div>
</footer> <div class="app-footer-copyright">
<div class="app-copyright" v-if="false"> <span>Copyright © 2022 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</span>
<div class="app-copyright-inner">
<span>Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</span>
<a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/">京ICP证150431号 </a> <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/">京ICP证150431号 </a>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681">
<img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" /> <img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" />
...@@ -69,62 +39,38 @@ ...@@ -69,62 +39,38 @@
</a> </a>
<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a> <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a>
</div> </div>
</div> </footer>
</template> </template>
<style lang="scss"> <style lang="scss">
.app-footer { .app-footer {
background-color: #aa1941; background-color: #242424;
} }
.app-footer-inner { .app-footer-inner {
max-width: 1200px; max-width: 900px;
margin: 0 auto; margin: 0 auto;
padding: 50px 0; padding: 94px 0;
display: flex; display: flex;
color: rgba(237, 237, 237, 0.7); color: rgba(237, 237, 237, 0.7);
} }
.app-footer-left { .app-footer-left {
flex: 1; flex: 1;
.app-footer-logo { dl {
display: flex; display: flex;
align-items: center; line-height: 30px;
margin-bottom: 30px;
img {
height: 0.55rem;
}
} }
.app-name { dt {
margin-left: 14px; width: 140px;
padding: 0 14px; text-align-last: justify;
font-size: 23px;
color: #fff;
line-height: 26px;
font-weight: 400;
letter-spacing: 2px;
white-space: nowrap; white-space: nowrap;
border-left: 1px solid #fff;
} }
} dd {
.app-footer-link { &::before {
display: flex; content: '：';
} }
.app-footer-link-item { }
font-size: 14px;
line-height: 30px;
letter-spacing: 3px;
}
.app-footer-link-item + .app-footer-link-item {
margin-left: 30px;
padding-left: 30px;
border-left: 1px solid #cc9d9d;
} }
.app-footer-contact { .app-footer-contact {
h2 {
font-size: 20px;
font-weight: normal;
line-height: 56px;
margin-bottom: 30px;
}
dl { dl {
display: flex; display: flex;
line-height: 30px; line-height: 30px;
...@@ -140,22 +86,7 @@ ...@@ -140,22 +86,7 @@
} }
} }
} }
.app-footer-qrcode { .app-footer-copyright {
margin-left: 80px;
}
.app-footer-qrcode-content {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
span {
margin-left: 10px;
}
}
.app-copyright {
background-color: #fff;
}
.app-copyright-inner {
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
font-size: 12px; font-size: 12px;
...@@ -166,37 +97,16 @@ ...@@ -166,37 +97,16 @@
margin-left: 10px; margin-left: 10px;
} }
} }
.app-footer-link-h5 {
display: none;
}
.is-h5 { .is-h5 {
.app-footer-link-pc {
display: none;
}
.app-footer-link-h5 {
display: flex;
}
.app-footer-inner { .app-footer-inner {
padding: 0.5rem 0.45rem; padding: 0.5rem 0.45rem;
flex-direction: column; flex-direction: column;
} }
.app-footer-left {
.app-name {
font-size: 0.3rem;
line-height: 0.3rem;
}
}
.app-footer-link-item {
font-size: 0.22rem;
}
.app-footer-contact { .app-footer-contact {
margin: 0.1rem 0; margin: 0.1rem 0;
h2 { h2 {
display: none; display: none;
} }
} }
.app-footer-qrcode {
display: none;
}
} }
</style> </style>
src/components/layout/Header.vue
浏览文件 @ fb427236
...@@ -6,7 +6,9 @@ import AppNav from './Nav.vue' ...@@ -6,7 +6,9 @@ import AppNav from './Nav.vue'
const route = useRoute() const route = useRoute()
const user = useUserStore() const user = useUserStore()
const LOGINURL = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}` const LOGIN_URL = `${import.meta.env.VITE_LOGIN_URL}?rd=${encodeURIComponent(location.href)}`
const REGISTER_URL = `${import.meta.env.VITE_REGISTER_URL}?rd=${encodeURIComponent(location.href)}`
user.getUser()
// 菜单控制 // 菜单控制
const menuVisible = ref<boolean>(false) const menuVisible = ref<boolean>(false)
...@@ -43,11 +45,14 @@ function handleLogout() { ...@@ -43,11 +45,14 @@ function handleLogout() {
<AppNav></AppNav> <AppNav></AppNav>
<div class="menu" @click="toggleMenu"></div> <div class="menu" @click="toggleMenu"></div>
</div> </div>
<div class="app-header-right" v-if="false"> <div class="app-header-right">
<template v-if="user.isLogin"> <template v-if="user.isLogin">
你好，{{ user.userName }} <span class="app-header-logout" @click="handleLogout">退出</span> 你好，{{ user.userName }} <span class="app-header-logout" @click="handleLogout">退出</span>
</template> </template>
<template v-else><a :href="LOGINURL">登录</a></template> <template v-else>
<a :href="LOGIN_URL" class="button-default">登录</a>
<a class="button-primary" :href="REGISTER_URL" target="_blank">注册</a>
</template>
</div> </div>
</div> </div>
</header> </header>
...@@ -56,8 +61,7 @@ function handleLogout() { ...@@ -56,8 +61,7 @@ function handleLogout() {
<style lang="scss"> <style lang="scss">
.app-header { .app-header {
background: #fff; background: #fff;
box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
border-top: 0.1rem solid #aa1941;
z-index: 1000; z-index: 1000;
} }
.app-header-inner { .app-header-inner {
...@@ -99,6 +103,28 @@ function handleLogout() { ...@@ -99,6 +103,28 @@ function handleLogout() {
margin-left: 40px; margin-left: 40px;
cursor: pointer; cursor: pointer;
} }
.button-default {
min-width: 72px;
padding: 0 10px;
font-size: 14px;
line-height: 24px;
color: #333333;
text-align: center;
border: 1px solid #eaeaea;
box-sizing: border-box;
}
.button-primary {
margin-left: 10px;
min-width: 72px;
padding: 0 10px;
font-size: 14px;
line-height: 24px;
color: #fff;
text-align: center;
background: var(--main-color);
box-sizing: border-box;
}
} }
.is-h5 { .is-h5 {
.app-header-inner { .app-header-inner {
......
src/components/layout/Nav.vue
浏览文件 @ fb427236
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
import TreeItem from './TreeItem.vue' import TreeItem from './TreeItem.vue'
const navList = [ const navList = [
{ name: '首页', path: '/' }, { name: '首页', path: '/#index' },
{ name: '产品体系', path: '/product' }, { name: '产品体系', path: '/#product' },
{ name: '师资展示', path: '/teacher' }, { name: '师资展示', path: '/#teacher' },
{ name: '预约报名', path: '/apply' } { name: '预约报名', path: '/#apply' }
] ]
</script> </script>
...@@ -21,17 +21,17 @@ const navList = [ ...@@ -21,17 +21,17 @@ const navList = [
/** pc **/ /** pc **/
.is-pc { .is-pc {
.app-menu { .app-menu {
height: 72px; height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.app-menu > li { .app-menu > li {
margin-right: 40px; margin-right: 80px;
position: relative; position: relative;
> .cell { > .cell {
font-size: 22px; font-size: 18px;
line-height: 72px; line-height: 50px;
color: #333; color: #333;
} }
> .tree-item-group { > .tree-item-group {
......
src/modules/home/components/Banner.vue
浏览文件 @ fb427236
<script lang="ts" setup> <script lang="ts" setup>
import { Swiper, SwiperSlide } from 'swiper/vue' import { Swiper, SwiperSlide } from 'swiper/vue'
import 'swiper/css' import 'swiper/css'
const list = [{ url: 'https://webapp-pub.ezijing.com/project/vst/banner.png' }] const list = [{ url: 'https://webapp-pub.ezijing.com/project_online/fi/banner.jpg' }]
</script> </script>
<template> <template>
<div class="banner"> <div class="banner">
...@@ -17,7 +17,7 @@ const list = [{ url: 'https://webapp-pub.ezijing.com/project/vst/banner.png' }] ...@@ -17,7 +17,7 @@ const list = [{ url: 'https://webapp-pub.ezijing.com/project/vst/banner.png' }]
.banner { .banner {
img { img {
width: 100%; width: 100%;
max-height: 650px; height: 700px;
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论