Skip to content

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

updates

上级 da6e909b
隐藏空白字符变更
内嵌 并排
正在显示 包含 311 行增加 和 51 行删除
src/api/base.ts
浏览文件 @ 3c8079d9
...@@ -53,8 +53,8 @@ export function checkCode(params: any) { ...@@ -53,8 +53,8 @@ export function checkCode(params: any) {
/** /**
* 提交留咨信息 * 提交留咨信息
*/ */
export function postNes(data: any) { export function postNes(data: any) {
return httpRequest.post('/api/enrollment/v1.0/applications', data, { return httpRequest.post('https://project-api.ezijing.com/api/enrollment/v1.0/applications', data, {
headers: { 'Content-Type': 'multipart/form-data' } headers: { 'Content-Type': 'multipart/form-data' }
}) })
} }
......
src/components/base/PreviewFiles.vue 0 → 100644
浏览文件 @ 3c8079d9
<script setup lang="ts">
const props = defineProps({
item: {
type: Object,
require: true
}
})
const isShowType: any = ref(1)
// 判断用什么标签展示内容
if (
props.item?.url?.indexOf('.pdf') !== -1 ||
props.item?.url?.indexOf('.txt') !== -1
) {
isShowType.value = 2
} else if (props.item?.url?.indexOf('.mp4') !== -1) {
isShowType.value = 3
} else if (props.item?.url?.indexOf('.mp3') !== -1) {
isShowType.value = 4
} else if (
props.item?.url?.indexOf('.png') !== -1 ||
props.item?.url?.indexOf('.jpg') !== -1 ||
props.item?.url?.indexOf('.jpeg') !== -1
) {
isShowType.value = 5
} else if (
props.item?.url?.indexOf('.rar') !== -1 ||
props.item?.url?.indexOf('.zip') !== -1
) {
isShowType.value = 6
}
</script>
<template>
<el-card>
<div class="max-w-h">
<iframe
v-if="isShowType === 1"
:src="`https://view.officeapps.live.com/op/view.aspx?src=${props.item?.url}`"
></iframe>
<embed :src="props.item?.url" v-else-if="isShowType === 2" />
<video v-else-if="isShowType === 3" controls id="video">
<source :src="props.item?.url" />
</video>
<audio
v-else-if="isShowType === 4"
:src="props.item?.url"
controls
></audio>
<img v-else-if="isShowType === 5" :src="props.item?.url" />
<div v-else-if="isShowType === 6" class="zip_con">
<a :href="props.item?.url" style="color: #aa1941">
<img
v-if="props.item?.url?.indexOf('.rar') !== -1"
src="https://webapp-pub.ezijing.com/center_resource/rar.png"
class="img_zip"
/>
<img
v-else-if="props.item?.url?.indexOf('.zip') !== -1"
src="https://webapp-pub.ezijing.com/center_resource/zip.png"
class="img_zip"
/>
{{ props.item?.name }}
</a>
<div class="zip_tips">
* 该文件格式暂不支持预览,可点击上方文件名下载
</div>
</div>
</div>
</el-card>
</template>
<style lang="scss" scoped>
.max-w-h {
// max-width: 1200px;
width: 100%;
height: 600px;
margin: 0 auto;
display: flex;
justify-content: center;
iframe,
embed,
video {
width: 100%;
height: 100%;
}
.zip_con {
border: 1px solid #ccc;
width: 100%;
display: block;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.img_zip {
width: 100px;
height: 100px;
margin: auto;
}
.zip_tips {
font-size: 14px;
margin-top: 10px;
}
img {
width: 100%;
display: block;
}
}
</style>
src/components/layout/RightAside.vue
浏览文件 @ 3c8079d9
...@@ -7,7 +7,6 @@ export default { ...@@ -7,7 +7,6 @@ export default {
return { return {
tabBtnActive: false, tabBtnActive: false,
tabBtnTarget: '', tabBtnTarget: '',
projectName: '金融硕士保研项目',
sendCode: '', sendCode: '',
isBtnDisabled: false, isBtnDisabled: false,
formInfo: { formInfo: {
...@@ -267,7 +266,7 @@ export default { ...@@ -267,7 +266,7 @@ export default {
} }
.tab_cont { .tab_cont {
position: absolute; position: absolute;
left: -360px; left: -346px;
top: -120px; top: -120px;
width: 346px; width: 346px;
height: 390px; height: 390px;
......
src/modules/home/components/Course.vue
浏览文件 @ 3c8079d9
<script lang="ts" setup> <script lang="ts" setup>
import { useDevice } from '@/composables/useDevice' import { useDevice } from '@/composables/useDevice'
const { mobile } = useDevice() const { mobile } = useDevice()
const router = useRouter()
const courseList: Array<{ tit: string; desc: string; img: string }> = [ const courseList: Array<{
tit: string
desc: string
img: string
id: string
}> = [
{ {
id: '1',
tit: 'PAAP(I)', tit: 'PAAP(I)',
desc: 'PAAP（Ⅰ）即通过权属资产全面预算的系统学习，具备完成资产分析所需要的系统源点知识的底层逻辑，精确盘点资产，建立资产分析的多维模型。', desc: 'PAAP（Ⅰ）即通过权属资产全面预算的系统学习，具备完成资产分析所需要的系统源点知识的底层逻辑，精确盘点资产，建立资产分析的多维模型。',
img: 'https://webapp-pub.ezijing.com/project_online/paa/course_set1.png' img: 'https://webapp-pub.ezijing.com/project_online/paa/course_set1.png'
}, },
{ {
id: '2',
tit: 'PAAP(II)', tit: 'PAAP(II)',
desc: 'PAAP（Ⅱ）是学员通过深入学习资产分析的模型，并能熟练地通过模型，结合不同维度客户资产情况，准确分析形成并出具资产分析报告。', desc: 'PAAP（Ⅱ）是学员通过深入学习资产分析的模型，并能熟练地通过模型，结合不同维度客户资产情况，准确分析形成并出具资产分析报告。',
img: 'https://webapp-pub.ezijing.com/project_online/paa/course_set2.png' img: 'https://webapp-pub.ezijing.com/project_online/paa/course_set2.png'
} }
] ]
const courseList1: Array<{ tit: string; desc: string; img: string }> = [ const courseList1: Array<{
tit: string
desc: string
img: string
id: string
}> = [
{ {
id: '3',
tit: '', tit: '',
desc: '', desc: '',
img: 'https://webapp-pub.ezijing.com/project_online/paa/course_set3.png' img: 'https://webapp-pub.ezijing.com/project_online/paa/course_set3.png'
...@@ -23,6 +36,9 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [ ...@@ -23,6 +36,9 @@ const courseList1: Array<{ tit: string; desc: string; img: string }> = [
] ]
const courseIndex = $ref(0) const courseIndex = $ref(0)
const handleDetail = (id: any) => {
router.push(`/shop/detail/${id}`)
}
</script> </script>
<template> <template>
...@@ -31,19 +47,31 @@ const courseIndex = $ref(0) ...@@ -31,19 +47,31 @@ const courseIndex = $ref(0)
<div class="main_con" id="product"> <div class="main_con" id="product">
<div class="con_tit"> <div class="con_tit">
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
<div class="tit_txt">课程介绍</div> <div class="tit_txt">课程介绍</div>
<div class="tit_img"> <div class="tit_img">
<img src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png" class="img_box" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/tit_icon.png"
class="img_box"
/>
</div> </div>
</div> </div>
<el-tabs class="my-tabs"> <el-tabs class="my-tabs">
<el-tab-pane> <el-tab-pane>
<template #label> <template #label>
<div class="tab_con con1"> <div class="tab_con con1">
<img src="https://webapp-pub.ezijing.com/project_online/paa/tab1.png" class="con_img" /> <img
<img src="https://webapp-pub.ezijing.com/project_online/paa/tab1_active.png" class="con_img_active" /> src="https://webapp-pub.ezijing.com/project_online/paa/tab1.png"
class="con_img"
/>
<img
src="https://webapp-pub.ezijing.com/project_online/paa/tab1_active.png"
class="con_img_active"
/>
</div> </div>
<div class="h"></div> <div class="h"></div>
</template> </template>
...@@ -53,7 +81,11 @@ const courseIndex = $ref(0) ...@@ -53,7 +81,11 @@ const courseIndex = $ref(0)
Planner，简称PAAP）认证系列，目前包括资产分析规划师（一级）/PAAP（Ⅰ）和资产分析规划师（二级）/PAAP（Ⅱ）。 Planner，简称PAAP）认证系列，目前包括资产分析规划师（一级）/PAAP（Ⅰ）和资产分析规划师（二级）/PAAP（Ⅱ）。
</div> </div>
<div class="con_list con_list1"> <div class="con_list con_list1">
<div class="list_item" v-for="(item, index) in courseList" :key="index"> <div
class="list_item"
v-for="(item, index) in courseList"
:key="index"
>
<ul> <ul>
<li> <li>
<p>{{ item.tit }}</p> <p>{{ item.tit }}</p>
...@@ -61,6 +93,9 @@ const courseIndex = $ref(0) ...@@ -61,6 +93,9 @@ const courseIndex = $ref(0)
</ul> </ul>
<div class="item_desc">{{ item.desc }}</div> <div class="item_desc">{{ item.desc }}</div>
<img :src="item.img" class="item_img item_img1" /> <img :src="item.img" class="item_img item_img1" />
<div class="item_btn" @click="handleDetail(item.id)">
查看详情
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -68,8 +103,14 @@ const courseIndex = $ref(0) ...@@ -68,8 +103,14 @@ const courseIndex = $ref(0)
<el-tab-pane> <el-tab-pane>
<template #label> <template #label>
<div class="tab_con con2"> <div class="tab_con con2">
<img src="https://webapp-pub.ezijing.com/project_online/paa/tab2.png" class="con_img" /> <img
<img src="https://webapp-pub.ezijing.com/project_online/paa/tab2_active.png" class="con_img_active" /> src="https://webapp-pub.ezijing.com/project_online/paa/tab2.png"
class="con_img"
/>
<img
src="https://webapp-pub.ezijing.com/project_online/paa/tab2_active.png"
class="con_img_active"
/>
</div> </div>
<div class="h"></div> <div class="h"></div>
</template> </template>
...@@ -79,9 +120,17 @@ const courseIndex = $ref(0) ...@@ -79,9 +120,17 @@ const courseIndex = $ref(0)
Manager，简称PAAM）系统，即通过学习资产配置管理的通识课程，运用资产分析的多维模型系统解读和规划，构建权属资产管理体系，对不良资产进行处置，对权属资产进行最优化配置，实现资产全面增值。 Manager，简称PAAM）系统，即通过学习资产配置管理的通识课程，运用资产分析的多维模型系统解读和规划，构建权属资产管理体系，对不良资产进行处置，对权属资产进行最优化配置，实现资产全面增值。
</div> </div>
<div class="con_list con_list2"> <div class="con_list con_list2">
<div class="list_item" v-for="(item, index) in courseList1" :key="index"> <div
class="list_item"
v-for="(item, index) in courseList1"
:key="index"
@click="handleDetail(item.id)"
>
<div class="item_desc">{{ item.desc }}</div> <div class="item_desc">{{ item.desc }}</div>
<img :src="item.img" class="item_img" /> <img :src="item.img" class="item_img" />
<div class="item_btn" @click="handleDetail(item.id)">
查看详情
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -110,10 +159,16 @@ const courseIndex = $ref(0) ...@@ -110,10 +159,16 @@ const courseIndex = $ref(0)
<div class="h5-main" v-else> <div class="h5-main" v-else>
<h1>师资团队</h1> <h1>师资团队</h1>
<div class="tab-btn"> <div class="tab-btn">
<div :class="courseIndex === 0 ? 'btn active' : 'btn'" @click="courseIndex = 0"> <div
:class="courseIndex === 0 ? 'btn active' : 'btn'"
@click="courseIndex = 0"
>
<div class="logo"></div> <div class="logo"></div>
</div> </div>
<div :class="courseIndex === 1 ? 'btn active' : 'btn'" @click="courseIndex = 1"> <div
:class="courseIndex === 1 ? 'btn active' : 'btn'"
@click="courseIndex = 1"
>
<div class="logo"></div> <div class="logo"></div>
</div> </div>
</div> </div>
...@@ -127,18 +182,24 @@ const courseIndex = $ref(0) ...@@ -127,18 +182,24 @@ const courseIndex = $ref(0)
<h3> <h3>
PAAP（Ⅰ）即通过私人权属资产全面预算的系统学习，具备完成私人资产分析所需要的系统源点知识的底层逻辑，精确盘点私人资产，建立私人资产分析的多维模型。 PAAP（Ⅰ）即通过私人权属资产全面预算的系统学习，具备完成私人资产分析所需要的系统源点知识的底层逻辑，精确盘点私人资产，建立私人资产分析的多维模型。
</h3> </h3>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/paa-course1.png" class="img1" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/paa-course1.png"
class="img1"
/>
<div class="btn-box"> <div class="btn-box">
<div class="btn1">查看详情</div> <div class="btn1" @click="handleDetail('1')">查看详情</div>
<div class="btn2">立即购买</div> <div class="btn2">立即购买</div>
</div> </div>
<h1 class="mt7">PAAP(II)</h1> <h1 class="mt7">PAAP(II)</h1>
<h3> <h3>
PAAP（Ⅱ）是学员通过深入学习资产分析的模型，并能熟练地通过模型，结合不同维度客户资产情况，准确分析形成并出具私人资产分析报告。 PAAP（Ⅱ）是学员通过深入学习资产分析的模型，并能熟练地通过模型，结合不同维度客户资产情况，准确分析形成并出具私人资产分析报告。
</h3> </h3>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/paa-course2.png" class="img1" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/paa-course2.png"
class="img1"
/>
<div class="btn-box"> <div class="btn-box">
<div class="btn1">查看详情</div> <div class="btn1" @click="handleDetail('2')">查看详情</div>
<div class="btn2">立即购买</div> <div class="btn2">立即购买</div>
</div> </div>
</template> </template>
...@@ -147,9 +208,12 @@ const courseIndex = $ref(0) ...@@ -147,9 +208,12 @@ const courseIndex = $ref(0)
高级私人资产分析管理师（Senior Private Asset Analysis 高级私人资产分析管理师（Senior Private Asset Analysis
Manager，简称PAAM）系统，即通过学习资产配置管理的通识课程，运用私人资产分析的多维模型系统解读和规划，构建私人权属资产管理体系，对不良资产进行处置，对权属资产进行最优化配置，实现私人资产全面增值。 Manager，简称PAAM）系统，即通过学习资产配置管理的通识课程，运用私人资产分析的多维模型系统解读和规划，构建私人权属资产管理体系，对不良资产进行处置，对权属资产进行最优化配置，实现私人资产全面增值。
</h2> </h2>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/paa-course3.png" class="img1" /> <img
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fi/h5/paa-course3.png"
class="img1"
/>
<div class="btn-box"> <div class="btn-box">
<div class="btn1">查看详情</div> <div class="btn1" @click="handleDetail('3')">查看详情</div>
<div class="btn2">立即购买</div> <div class="btn2">立即购买</div>
</div> </div>
</template> </template>
...@@ -231,6 +295,10 @@ const courseIndex = $ref(0) ...@@ -231,6 +295,10 @@ const courseIndex = $ref(0)
} }
.con_list { .con_list {
.list_item { .list_item {
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
ul { ul {
padding-left: 20px; padding-left: 20px;
...@@ -252,6 +320,16 @@ const courseIndex = $ref(0) ...@@ -252,6 +320,16 @@ const courseIndex = $ref(0)
line-height: 30px; line-height: 30px;
color: #535353; color: #535353;
} }
.item_btn {
width: 131px;
height: 42px;
line-height: 42px;
border: 1px solid #c1ab85;
border-radius: 4px;
color: #b79c6d;
text-align: center;
margin-top: 21px;
}
} }
} }
} }
...@@ -289,7 +367,8 @@ const courseIndex = $ref(0) ...@@ -289,7 +367,8 @@ const courseIndex = $ref(0)
.con_part { .con_part {
width: 480px; width: 480px;
height: 175px; height: 175px;
background: url('https://webapp-pub.ezijing.com/project_online/paa/education_bg.png') center no-repeat; background: url('https://webapp-pub.ezijing.com/project_online/paa/education_bg.png')
center no-repeat;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
line-height: 30px; line-height: 30px;
......
src/modules/pay/components/Confirm.vue
浏览文件 @ 3c8079d9
<script setup lang="ts"> <script setup lang="ts">
import PreviewFiles from '@/components/base/PreviewFiles.vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import { Check } from '@element-plus/icons-vue' import { Check } from '@element-plus/icons-vue'
import { useUserStore } from '@/stores/user' import { useUserStore } from '@/stores/user'
...@@ -14,6 +15,10 @@ const props = defineProps({ ...@@ -14,6 +15,10 @@ const props = defineProps({
type: Object type: Object
} }
}) })
const dialogVisible = ref(false)
const item = ref({
url: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/center_resource/%E7%B4%AB%E8%8D%86%E6%95%99%E8%82%B2%E7%94%A8%E6%88%B7%E5%85%A5%E9%A9%BB%E5%8F%8A%E7%BD%91%E7%BB%9C%E6%95%99%E5%AD%A6%E8%B5%84%E6%BA%90%E5%8D%8F%E8%AE%AE(1).docx'
})
const orderInfo: any = ref([]) const orderInfo: any = ref([])
const orderInfoDetail: any = ref([]) const orderInfoDetail: any = ref([])
const payMode = ref(1) const payMode = ref(1)
...@@ -126,6 +131,9 @@ const handlePrev = () => { ...@@ -126,6 +131,9 @@ const handlePrev = () => {
} }
}) })
} }
const changeProtocol = () => {
dialogVisible.value = false
}
</script> </script>
<template> <template>
...@@ -179,7 +187,9 @@ const handlePrev = () => { ...@@ -179,7 +187,9 @@ const handlePrev = () => {
<el-checkbox v-model="isAgree" <el-checkbox v-model="isAgree"
><span style="color: #666666; font-size: 16px; font-weight: 400" ><span style="color: #666666; font-size: 16px; font-weight: 400"
>同意</span >同意</span
><a style="color: #e3a232; font-size: 16px; font-weight: 400" ><a
style="color: #e3a232; font-size: 16px; font-weight: 400"
@click="dialogVisible = true"
>紫荆金保服务协议</a >紫荆金保服务协议</a
></el-checkbox ></el-checkbox
> >
...@@ -277,6 +287,14 @@ const handlePrev = () => { ...@@ -277,6 +287,14 @@ const handlePrev = () => {
</div> </div>
</div> </div>
</div> </div>
<el-dialog v-model="dialogVisible" title="提示" width="850px">
<PreviewFiles :item="item"></PreviewFiles>
<template #footer>
<el-button type="primary" @click="changeProtocol"
>我已阅读并同意</el-button
>
</template>
</el-dialog>
</div> </div>
</template> </template>
......
src/modules/shop/components/ContactDialog.vue
浏览文件 @ 3c8079d9
<script setup lang="ts"> <script setup lang="ts">
import { useDevice } from '@/composables/useDevice'
const { mobile } = useDevice()
defineProps({ defineProps({
// 是否弹框 // 是否弹框
buyDialogVisible: { buyDialogVisible: {
...@@ -17,9 +19,18 @@ const handleCancel = () => { ...@@ -17,9 +19,18 @@ const handleCancel = () => {
<template> <template>
<div> <div>
<el-dialog :model-value="buyDialogVisible" width="25%" top="16%" :modal="false" :before-close="handleCancel"> <el-dialog
:model-value="buyDialogVisible"
:width="!mobile ? '20%' : '70%'"
:top="!mobile ? '16%' : '50%'"
:modal="false"
:before-close="handleCancel"
>
<div class="buy_alert"> <div class="buy_alert">
<img src="https://webapp-pub.ezijing.com/project_online/fi/icon_contact.png" alt="" /> <img
src="https://webapp-pub.ezijing.com/project_online/fi/icon_contact.png"
alt=""
/>
<div class="alert_con"> <div class="alert_con">
<div class="con_tit">请联系我们</div> <div class="con_tit">请联系我们</div>
<div class="con_desc">PAA秘书处：13263110169(同微信)</div> <div class="con_desc">PAA秘书处：13263110169(同微信)</div>
...@@ -30,33 +41,68 @@ const handleCancel = () => { ...@@ -30,33 +41,68 @@ const handleCancel = () => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.buy_alert { .is-pc {
display: flex; .buy_alert {
align-items: center; display: flex;
.alert_con { align-items: center;
margin-left: 10px; .alert_con {
.con_tit { margin-left: 10px;
font-size: 16px; .con_tit {
font-weight: 400; font-size: 16px;
line-height: 34px; font-weight: 400;
color: #333333; line-height: 34px;
color: #333333;
}
.con_desc {
font-size: 14px;
font-weight: 400;
line-height: 34px;
color: #666666;
}
} }
.con_desc { }
font-size: 14px; :deep(.el-dialog) {
font-weight: 400; width: 315px;
line-height: 34px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
color: #666666; border-radius: 10px;
margin-left: 50%;
.el-dialog__header {
padding-bottom: 0;
} }
} }
} }
:deep(.el-dialog) { .is-h5 {
width: 315px; .buy_alert {
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16); display: flex;
border-radius: 10px; align-items: center;
margin-left: 50%; justify-content: center;
flex-direction: column;
.alert_con {
text-align: center;
.con_tit {
font-size: 0.24rem;
font-weight: 400;
color: #333333;
margin-top: 0.25rem;
}
.con_desc {
font-size: 0.24rem;
font-weight: 400;
color: #666666;
margin-top: 0.51rem;
}
}
}
:deep(.el-dialog) {
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
border-radius: 0.12rem;
margin-left: 50%;
padding: 0 1.35rem 0.85rem 1.35rem;
.el-dialog__header { .el-dialog__header {
padding-bottom: 0; padding-bottom: 0;
}
} }
} }
</style> </style>
src/modules/shop/components/CourseFooter.vue
浏览文件 @ 3c8079d9
<script lang="ts" setup> <script lang="ts" setup>
import ContactDialog from '../components/ContactDialog.vue'
import { useDevice } from '@/composables/useDevice' import { useDevice } from '@/composables/useDevice'
import { useUserStore } from '@/stores/user' import { useUserStore } from '@/stores/user'
const user = useUserStore() const user = useUserStore()
...@@ -77,6 +78,7 @@ const handleBuyCourse = () => { ...@@ -77,6 +78,7 @@ const handleBuyCourse = () => {
<div class="btn_buy">立即购买</div> <div class="btn_buy">立即购买</div>
</div> </div>
</div> </div>
<ContactDialog v-model:buyDialogVisible="buyDialogVisible" />
</div> </div>
</template> </template>
......
src/modules/shop/components/CourseList.vue
浏览文件 @ 3c8079d9
...@@ -57,13 +57,17 @@ const handleCurrentChange = (val: number) => { ...@@ -57,13 +57,17 @@ const handleCurrentChange = (val: number) => {
</script> </script>
<template> <template>
<div class="course_list" v-for="(item, index) in courseListAllNew" :key="index"> <div
class="course_list"
v-for="(item, index) in courseListAllNew"
:key="index"
>
<CourseListItem :courseItem="item" :key="type"></CourseListItem> <CourseListItem :courseItem="item" :key="type"></CourseListItem>
</div> </div>
<el-pagination <el-pagination
class="pagination" class="pagination"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:page-sizes="[3, 5, 10, 15, 20]" :page-sizes="[10, 15, 20, 30, 50]"
:page-size="page.size" :page-size="page.size"
:total="courseListAll.length" :total="courseListAll.length"
v-model:currentPage="page.currentPage" v-model:currentPage="page.currentPage"
......
src/modules/shop/components/DetailBanner.vue
浏览文件 @ 3c8079d9
...@@ -367,6 +367,7 @@ const handleBuyCourse = () => { ...@@ -367,6 +367,7 @@ const handleBuyCourse = () => {
font-weight: 400; font-weight: 400;
line-height: 30px; line-height: 30px;
color: #898989; color: #898989;
white-space: nowrap;
} }
.left_con { .left_con {
.con_num { .con_num {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论