Skip to content

P
project-online-fi
提交 3a2a3e17 authored 作者: matian's avatar matian
浏览文件
操作

updates

上级 3f86da90
显示空白字符变更
内嵌 并排
正在显示 包含 192 行增加 和 33 行删除
data/src/goods/1.js
浏览文件 @ 3a2a3e17
......@@ -20,7 +20,7 @@ export default [
course_chapter: '56 节课程',
course_total_hour: '80 小时',
course_hour: '20课时',
course_id: '6998547457529348096',
course_id: '7000659282773409792',
class_id: '6998519782265847808'
},
{
......@@ -74,7 +74,7 @@ export default [
course_chapter: '56 节课程',
course_total_hour: '80 小时',
course_hour: '20课时',
course_id: '6998547457529348096',
course_id: '7000659282773409792',
class_id: '6998519782265847808'
},
{
......
src/assets/css/base.css
浏览文件 @ 3a2a3e17
......@@ -78,7 +78,7 @@ textarea:focus {
body {
min-width: 375px;
font-size: 14px;
background-color: #fff;
/* background-color: #fff; */
font-family: 'Source Han Sans CN', 'PingFang SC', -apple-system, 'Microsoft YaHei', 'Helvetica', 'Arial', Verdana,
'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
padding: 0;
......@@ -88,12 +88,16 @@ body {
@media (min-width: 768px) {
html {
font-size: 100px;
background-color: #F8F8F8;
}
}
@media (max-width: 768px) {
html {
font-size: 50px;
background-color: #F8F8F8;
}
}
......
src/components/layout/Header.vue
浏览文件 @ 3a2a3e17
......@@ -4,7 +4,8 @@ import { useUserStore } from '@/stores/user'
import AppNav from './Nav.vue'
import { ElMessage } from 'element-plus'
import { useDevice } from '@/composables/useDevice'
const userStore = useUserStore()
// const userStore = useUserStore()
const { mobile } = useDevice()
interface Props {
fixed?: boolean
......@@ -12,8 +13,12 @@ interface Props {
const props = defineProps<Props>()
const user = useUserStore()
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)}`
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 classNames = computed(() => {
......@@ -35,17 +40,16 @@ const isScrolled = computed(() => {
return y.value > 0
})
const handleStudy = () => {
if (userStore.courses.length > 0) {
// if (userStore.courses.length > 0) {
window.open('https://paa-learning.ezijing.com')
} else {
ElMessage.warning('请先购买课程，才能开始学习')
}
// } else {
// ElMessage.warning('请先购买课程，才能开始学习')
// }
}
const handleOrder = () => {
window.open('https://account-show.ezijing.com/payment')
}
const { mobile } = useDevice()
function handleUser() {
if (user.isLogin) {
window.open('https://account-show.ezijing.com/payment')
......@@ -63,14 +67,24 @@ function handleUser() {
</div>
<AppNav></AppNav>
<div class="app-header-right" v-if="!mobile">
<div class="study" @click="handleStudy" v-if="user.isLogin">立即学习</div>
<div
class="study"
@click="handleStudy"
v-if="user.isLogin && user.courses.length > 0"
>
立即学习
</div>
<template v-if="user.isLogin">
<div @click="handleOrder" style="cursor: pointer">你好，{{ user.userName }}</div>
<div @click="handleOrder" style="cursor: pointer">
你好，{{ user.userName }}
</div>
<div class="app-header-logout" @click="handleLogout">退出</div>
</template>
<template v-else>
<a :href="LOGIN_URL" class="button-default">登录</a>
<a class="button-primary" :href="REGISTER_URL" target="_blank">注册</a>
<a class="button-primary" :href="REGISTER_URL" target="_blank"
>注册</a
>
</template>
</div>
<div class="app-header-right" v-else>
......@@ -95,13 +109,18 @@ function handleUser() {
left: 0;
right: 0;
color: #fff;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 100%
);
.logo {
background: url('@/assets/images/logo_white.png') no-repeat;
background-size: contain;
}
.app-header-logout {
background: url('https://webapp-pub.ezijing.com/project_online/fi/logout_white.png') no-repeat left center;
background: url('https://webapp-pub.ezijing.com/project_online/fi/logout_white.png')
no-repeat left center;
background-size: 18px;
}
.button-default {
......@@ -145,7 +164,8 @@ function handleUser() {
}
.app-header-logout {
background: url('https://webapp-pub.ezijing.com/project/saas/logout.png') no-repeat left center;
background: url('https://webapp-pub.ezijing.com/project/saas/logout.png')
no-repeat left center;
background-size: 18px;
padding-left: 32px;
margin-left: 40px;
......
src/modules/home/components/Banner.vue
浏览文件 @ 3a2a3e17
<script lang="ts" setup>
// import { Swiper, SwiperSlide } from 'swiper/vue'
// import 'swiper/css'
// const list = [{ url: 'https://webapp-pub.ezijing.com/project_online/paa/banner.jpg' }]
import { useDevice } from '@/composables/useDevice'
const { mobile } = useDevice()
</script>
<template>
<div class="banner">
<!-- <Swiper autoplay>
<SwiperSlide v-for="(item, index) in list" :key="index"> -->
<div class="banner" v-if="!mobile">
<div class="banner_con">
<div class="banner_tit">PAA资产分析师</div>
<div class="banner_line"></div>
<div class="banner_desc">
PAA，即资产分析师（Private Assets
Analyst）认证体系是由隶属于清控紫荆教育（以清华大学五道口金融学院相关知识产权创设而成）的清控紫荆金融保险研究院和清控紫荆金融保险学院，针对金融保险企业绩优营销员、保险公司TOP
AGENT、TEAM-LEADER等受众研发设计的教学培训认证体系。
</div>
</div>
</div>
<div class="banner" v-else>
<img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/paa/banner_h5.png"
alt=""
/>
<div class="banner_con">
<div class="banner_tit">PAA资产分析师</div>
<div class="banner_line"></div>
......@@ -16,15 +28,15 @@
AGENT、TEAM-LEADER等受众研发设计的教学培训认证体系。
</div>
</div>
<!-- </SwiperSlide>
</Swiper> -->
</div>
</template>
<style lang="scss">
.banner {
.is-pc {
.banner {
width: 100%;
background: url('https://webapp-pub.ezijing.com/project_online/paa/banner.jpg') no-repeat center;
background: url('https://webapp-pub.ezijing.com/project_online/paa/banner.jpg')
no-repeat center;
background-size: 100% 100%;
height: 700px;
.banner_con {
......@@ -55,5 +67,40 @@
text-align: justify;
}
}
}
}
.is-h5 {
.banner {
margin: 0.3rem;
height: 7.4rem;
position: relative;
img {
width: 100%;
height: 100%;
position: absolute;
}
.banner_con {
position: absolute;
padding: 0.86rem 1.2rem 0 0.4rem;
color: #886426;
.banner_tit {
font-size: 0.56rem;
font-weight: 800;
}
.banner_line {
width: 0.67rem;
height: 0.02rem;
background: #886426;
margin-top: 0.33rem;
}
.banner_desc {
font-size: 0.24rem;
line-height: 0.46rem;
font-weight: 400;
margin-top: 0.4rem;
text-align: justify;
}
}
}
}
</style>
src/modules/home/components/Main.vue
浏览文件 @ 3a2a3e17
......@@ -14,7 +14,12 @@ const mainList: Array<{ img: string; tit: string }> = [
tit: '灵活的学习模式'
}
]
const mainList1: Array<{ img: string; img1: string; tit: string; desc: string }> = [
const mainList1: Array<{
img: string
img1: string
tit: string
desc: string
}> = [
{
img: 'https://webapp-pub.ezijing.com/project_online/paa/main4_1.png',
img1: 'https://webapp-pub.ezijing.com/project_online/paa/main4_2.png',
......@@ -60,7 +65,8 @@ const mainList1: Array<{ img: string; img1: string; tit: string; desc: string }>
</div>
</template>
<style lang="scss" scoped>
.main {
.is-pc {
.main {
.main_con {
width: 1200px;
margin: -70px auto;
......@@ -161,5 +167,91 @@ const mainList1: Array<{ img: string; img1: string; tit: string; desc: string }>
}
}
}
}
}
.is-h5 {
.main {
.main_con {
margin: -1.37rem 0.6rem;
padding: 0.4rem 0 0.56rem;
background: #ffffff;
box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.15);
border-radius: 0.16rem;
text-align: center;
position: relative;
z-index: 1000;
.con_tit {
color: #333333;
font-size: 0.32rem;
font-weight: bold;
}
.con_list {
display: flex;
justify-content: space-around;
margin-top: 0.45rem;
.list_item {
.item_img {
width: 1rem;
height: 1rem;
}
.img_tit {
font-size: 0.24rem;
margin-top: 0.2rem;
}
}
}
}
.main_con1 {
margin: 2rem 0 0 0.3rem;
.con1_list {
display: flex;
overflow-x: scroll;
.list_item:nth-child(2) {
.item_tit {
margin-top: 0.45rem !important;
}
}
.list_item:nth-child(1) {
.item_tit {
margin-top: 0.55rem !important;
}
}
.list_item:nth-child(3) {
.item_tit {
margin-top: 0.5rem !important;
}
}
.list_item {
width: 3.1rem;
background: #ffffff;
text-align: center;
margin-right: 0.2rem;
padding: 0.79rem 0.59rem 0.88rem;
border-radius: 0.12rem;
.item_img {
width: 0.8rem;
}
.item_img1 {
display: none;
}
.item_line {
display: none;
}
.item_tit {
font-size: 0.28rem;
color: #333333;
font-weight: 500;
}
.item_desc {
white-space: nowrap;
color: #666666;
font-size: 0.24rem;
margin-top: 0.25rem;
}
}
}
}
}
}
</style>
src/modules/home/views/Index.vue
浏览文件 @ 3a2a3e17
......@@ -4,11 +4,7 @@ import Main from '../components/Main.vue'
import ProjectSystem from '../components/ProjectSystem.vue'
import Course from '../components/Course.vue'
import ExamProcess from '../components/ExamProcess.vue'
import Teacher from '../components/Teacher.vue'
// import Knowledge from '../components/Knowledge.vue'
// import Brand from '../components/Brand.vue'
// import Contact from '../components/Contact.vue'
</script>
<template>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论