Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
P
project-online-fi
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
project-online-fi
Commits
28867431
提交
28867431
authored
12月 23, 2022
作者:
matian
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
去掉默认课程图片
上级
9e40b86f
隐藏空白字符变更
内嵌
并排
正在显示
10 个修改的文件
包含
81 行增加
和
222 行删除
+81
-222
PayH5.vue
src/modules/pay/components/PayH5.vue
+12
-40
PayPC.vue
src/modules/pay/components/PayPC.vue
+14
-49
CourseCatalogH5.vue
src/modules/shop/components/CourseCatalogH5.vue
+4
-22
CourseCatalogPC.vue
src/modules/shop/components/CourseCatalogPC.vue
+4
-22
CourseIntrouduce.vue
src/modules/shop/components/CourseIntrouduce.vue
+36
-40
CourseListItem.vue
src/modules/shop/components/CourseListItem.vue
+2
-8
DetailBanner.vue
src/modules/shop/components/DetailBanner.vue
+2
-9
IncludeCourseCard.vue
src/modules/shop/components/IncludeCourseCard.vue
+3
-6
RecommendCourse.vue
src/modules/shop/components/RecommendCourse.vue
+2
-14
ShareDialog.vue
src/modules/shop/components/ShareDialog.vue
+2
-12
没有找到文件。
src/modules/pay/components/PayH5.vue
浏览文件 @
28867431
...
@@ -62,44 +62,27 @@ const checkedChange = (val: string) => {
...
@@ -62,44 +62,27 @@ const checkedChange = (val: string) => {
<div>
<div>
<div
class=
"main_con"
>
<div
class=
"main_con"
>
<div
class=
"con_nav"
@
click=
"handlePrev"
>
<div
class=
"con_nav"
@
click=
"handlePrev"
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/prev_mini.png"
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/prev_mini.png"
/>
<div
class=
"nav_title"
>
确认订单
</div>
<div
class=
"nav_title"
>
确认订单
</div>
</div>
</div>
<div
class=
"course_con"
>
<div
class=
"course_con"
>
<img
<img
:src=
"shopItem?.image_url"
/>
:src=
"
shopItem?.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
/>
<div
class=
"course_dec"
>
<div
class=
"course_dec"
>
<div
class=
"info_title"
>
{{
shopItem
.
title
}}
</div>
<div
class=
"info_title"
>
{{
shopItem
.
title
}}
</div>
<div
class=
"info_date"
>
<div
class=
"info_date"
>
有效期:
{{
start_time
}}
至
{{
end_time
}}
</div>
有效期:
{{
start_time
}}
至
{{
end_time
}}
</div>
</div>
</div>
</div>
</div>
<div
class=
"pay_con"
>
<div
class=
"pay_con"
>
<div
class=
"pay_phone"
>
<div
class=
"pay_phone"
>
课程提醒将发送到您的手机:
<i
style=
"font-weight: bold"
>
{{
课程提醒将发送到您的手机:
<i
style=
"font-weight: bold"
>
{{
userStore
.
user
?.
mobile
}}
</i>
userStore
.
user
?.
mobile
}}
</i>
</div>
</div>
<div
class=
"pay_line"
></div>
<div
class=
"pay_line"
></div>
<div
class=
"pay_mode"
>
<div
class=
"pay_mode"
>
<div
class=
"mode_item"
>
<div
class=
"mode_item"
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/>
<div
class=
"radio_tit"
>
支付宝支付
</div>
<div
class=
"radio_tit"
>
支付宝支付
</div>
<div
<div
:class=
"
:class=
"params.payment_method === '12' ? 'radio_check_active' : 'radio_check'"
params.payment_method === '12'
? 'radio_check_active'
: 'radio_check'
"
@
click=
"checkedChange('12')"
@
click=
"checkedChange('12')"
>
>
<template
v-if=
"params.payment_method === '12'"
>
<template
v-if=
"params.payment_method === '12'"
>
...
@@ -108,16 +91,10 @@ const checkedChange = (val: string) => {
...
@@ -108,16 +91,10 @@ const checkedChange = (val: string) => {
</div>
</div>
</div>
</div>
<div
class=
"mode_item"
>
<div
class=
"mode_item"
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/>
<div
class=
"radio_tit"
>
微信支付
</div>
<div
class=
"radio_tit"
>
微信支付
</div>
<div
<div
:class=
"
:class=
"params.payment_method === '4' ? 'radio_check_active' : 'radio_check'"
params.payment_method === '4'
? 'radio_check_active'
: 'radio_check'
"
@
click=
"checkedChange('4')"
@
click=
"checkedChange('4')"
>
>
<
template
v-if=
"params.payment_method === '4'"
>
<
template
v-if=
"params.payment_method === '4'"
>
...
@@ -138,19 +115,12 @@ const checkedChange = (val: string) => {
...
@@ -138,19 +115,12 @@ const checkedChange = (val: string) => {
>
紫荆金保服务协议
</a
>
紫荆金保服务协议
</a
>
>
</div>
</div>
<div
<div
class=
"left_desc"
:class=
"isAgreeText === true ? 'left_desc_active' : ''"
>
请先勾选紫荆金保服务协议
</div>
class=
"left_desc"
:class=
"isAgreeText === true ? 'left_desc_active' : ''"
>
请先勾选紫荆金保服务协议
</div>
</div>
</div>
<div
class=
"to_pay_main"
@
click=
"handlePay"
>
<div
class=
"to_pay_main"
@
click=
"handlePay"
>
<div
class=
"pay_price"
>
<div
class=
"pay_price"
>
<span
class=
"to_pay"
>
立即支付
</span>
<span
class=
"to_pay"
>
立即支付
</span>
<span
class=
"to_price"
<span
class=
"to_price"
><i
style=
"font-size: 12px"
>
¥
</i>
{{ shopItem.price }}
</span>
><i
style=
"font-size: 12px"
>
¥
</i>
{{ shopItem.price }}
</span
>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -190,6 +160,8 @@ const checkedChange = (val: string) => {
...
@@ -190,6 +160,8 @@ const checkedChange = (val: string) => {
img
{
img
{
width
:
2
.2rem
;
width
:
2
.2rem
;
height
:
1
.4rem
;
height
:
1
.4rem
;
object-fit
:
cover
;
border-radius
:
0
.06rem
;
}
}
.course_dec
{
.course_dec
{
display
:
flex
;
display
:
flex
;
...
...
src/modules/pay/components/PayPC.vue
浏览文件 @
28867431
...
@@ -51,40 +51,27 @@ const handleAgree = (val: any) => {
...
@@ -51,40 +51,27 @@ const handleAgree = (val: any) => {
<div
class=
"con_tit"
>
课程信息确认
</div>
<div
class=
"con_tit"
>
课程信息确认
</div>
<div
class=
"con_pay"
>
<div
class=
"con_pay"
>
<div
class=
"pay_course"
>
<div
class=
"pay_course"
>
<img
<img
:src=
"shopItem.image_url"
/>
:src=
"
shopItem.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
/>
<div
class=
"course_info"
>
<div
class=
"course_info"
>
<div
class=
"info_tit"
>
{{
shopItem
.
title
}}
</div>
<div
class=
"info_tit"
>
{{
shopItem
.
title
}}
</div>
<div
class=
"info_range"
>
<div
class=
"info_range"
>
有效期:
{{
start_time
}}
至
{{
end_time
}}
</div>
有效期:
{{
start_time
}}
至
{{
end_time
}}
</div>
<div
class=
"info_price"
>
<div
class=
"info_price"
>
<div
class=
"price_icon"
>
¥
</div>
<div
class=
"price_icon"
>
¥
</div>
<div
class=
"price_num"
>
{{
shopItem
.
price
}}
</div>
<div
class=
"price_num"
>
{{
shopItem
.
price
}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"con_message"
>
<div
class=
"con_message"
>
课程提醒将发送到您的手机:
{{
userStore
.
user
?.
mobile
}}
</div>
课程提醒将发送到您的手机:
{{
userStore
.
user
?.
mobile
}}
</div>
<div
class=
"con_mode"
>
<div
class=
"con_mode"
>
<div
class=
"mode_tit"
>
支付方式
</div>
<div
class=
"mode_tit"
>
支付方式
</div>
<div
class=
"mode_radio"
>
<div
class=
"mode_radio"
>
<el-radio-group
v-model=
"params.payment_method"
>
<el-radio-group
v-model=
"params.payment_method"
>
<el-radio
label=
"11"
size=
"large"
border
>
<el-radio
label=
"11"
size=
"large"
border
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/>
<span
class=
"radio_tit"
>
支付宝支付
</span>
<span
class=
"radio_tit"
>
支付宝支付
</span>
</el-radio>
</el-radio>
<el-radio
label=
"1"
size=
"large"
border
>
<el-radio
label=
"1"
size=
"large"
border
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/>
<span
class=
"radio_tit"
>
微信支付
</span>
<span
class=
"radio_tit"
>
微信支付
</span>
</el-radio>
</el-radio>
</el-radio-group>
</el-radio-group>
...
@@ -93,18 +80,14 @@ const handleAgree = (val: any) => {
...
@@ -93,18 +80,14 @@ const handleAgree = (val: any) => {
<div
class=
"con_footer"
>
<div
class=
"con_footer"
>
<div
class=
"footer_left"
>
<div
class=
"footer_left"
>
<div
class=
"left_top"
>
<div
class=
"left_top"
>
<el-checkbox
v-model=
"isAgree"
@
change=
"handleAgree"
>
<el-checkbox
v-model=
"isAgree"
@
change=
"handleAgree"
>
<span>
同意
</span></el-checkbox>
<span>
同意
</span></el-checkbox
>
<a
<a
href=
" https://webapp-pub.ezijing.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf"
href=
" https://webapp-pub.ezijing.com/project/sbu-plus/%E8%AF%AD%E8%A8%80%E5%BC%BA%E5%8C%96%E6%A8%A1%E5%9D%97%E4%BB%8B%E7%BB%8D.pdf"
target=
"_blank"
target=
"_blank"
>
紫荆金保服务协议
</a
>
紫荆金保服务协议
</a
>
>
</div>
</div>
<div
class=
"left_desc"
:class=
"isAgreeText ? 'left_desc_active' : ''"
>
<div
class=
"left_desc"
:class=
"isAgreeText ? 'left_desc_active' : ''"
>
请先勾选紫荆金保服务协议
</div>
请先勾选紫荆金保服务协议
</div>
</div>
</div>
<div
class=
"footer_right"
>
<div
class=
"footer_right"
>
<div
class=
"right_top"
>
<div
class=
"right_top"
>
...
@@ -145,37 +128,17 @@ const handleAgree = (val: any) => {
...
@@ -145,37 +128,17 @@ const handleAgree = (val: any) => {
"
"
class=
"con_style"
class=
"con_style"
/>
/>
<span
class=
"radio_tit"
>
{{
<span
class=
"radio_tit"
>
{{
order
.
payment_method
===
'11'
?
'支付宝支付'
:
'微信支付'
}}
</span>
order
.
payment_method
===
'11'
?
'支付宝支付'
:
'微信支付'
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_pay_checked.png"
class=
"checked_img"
/>
}}
</span>
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_pay_checked.png"
class=
"checked_img"
/>
</div>
</div>
</div>
</div>
<div
class=
"order_qaCode"
>
<div
class=
"order_qaCode"
>
<div
class=
"qaCode_left"
>
<div
class=
"qaCode_left"
>
<div
class=
"left_code"
>
<div
class=
"left_code"
>
<qrcode-vue
<qrcode-vue
:value=
"payOrder?.payment_url"
:size=
"197"
level=
"H"
></qrcode-vue>
:value=
"payOrder?.payment_url"
:size=
"197"
level=
"H"
></qrcode-vue>
</div>
</div>
<div
<div
class=
"left_desc"
:class=
"order.payment_method === '11' ? 'left_desc_ali' : 'left_desc_wechat'"
>
class=
"left_desc"
{{
order
.
payment_method
===
'11'
?
'请打开手机支付宝,扫一扫完成支付'
:
'请打开手机微信,扫一扫完成支付'
}}
:class=
"
order.payment_method === '11'
? 'left_desc_ali'
: 'left_desc_wechat'
"
>
{{
order
.
payment_method
===
'11'
?
'请打开手机支付宝,扫一扫完成支付'
:
'请打开手机微信,扫一扫完成支付'
}}
</div>
</div>
</div>
</div>
<img
<img
...
@@ -217,6 +180,8 @@ const handleAgree = (val: any) => {
...
@@ -217,6 +180,8 @@ const handleAgree = (val: any) => {
img
{
img
{
width
:
257px
;
width
:
257px
;
height
:
166px
;
height
:
166px
;
object-fit
:
cover
;
border-radius
:
6px
;
}
}
.course_info
{
.course_info
{
margin-left
:
35px
;
margin-left
:
35px
;
...
...
src/modules/shop/components/CourseCatalogH5.vue
浏览文件 @
28867431
<
script
lang=
"ts"
setup
>
<
script
lang=
"ts"
setup
>
const
router
=
useRouter
()
const
router
=
useRouter
()
...
@@ -21,19 +20,8 @@ const handleDetail = (item: any) => {
...
@@ -21,19 +20,8 @@ const handleDetail = (item: any) => {
<div
class=
"info_tit"
>
课程目录
</div>
<div
class=
"info_tit"
>
课程目录
</div>
<div
class=
"info_line"
></div>
<div
class=
"info_line"
></div>
<div
class=
"info_con1"
v-if=
"shopItem?.type === '课程包'"
>
<div
class=
"info_con1"
v-if=
"shopItem?.type === '课程包'"
>
<div
<div
class=
"course_list"
v-for=
"(item, index) in shopItem?.course_list"
:key=
"index"
@
click=
"handleDetail(item)"
>
class=
"course_list"
<img
:src=
"item.image_url"
/>
v-for=
"(item, index) in shopItem?.course_list"
:key=
"index"
@
click=
"handleDetail(item)"
>
<img
:src=
"
item.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
alt=
""
/>
<div
class=
"list_info"
>
<div
class=
"list_info"
>
<div
class=
"tit"
>
{{
item
.
title
}}
</div>
<div
class=
"tit"
>
{{
item
.
title
}}
</div>
<div
class=
"hour"
>
{{
item
.
course_hour
}}
</div>
<div
class=
"hour"
>
{{
item
.
course_hour
}}
</div>
...
@@ -53,10 +41,7 @@ const handleDetail = (item: any) => {
...
@@ -53,10 +41,7 @@ const handleDetail = (item: any) => {
<span
class=
"custom-tree-node"
>
<span
class=
"custom-tree-node"
>
<span
class=
"label"
>
{{
node
.
label
}}
</span>
<span
class=
"label"
>
{{
node
.
label
}}
</span>
<span
class=
"icon"
>
<span
class=
"icon"
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt=
""
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt=
""
/>
</span>
</span>
</span>
</span>
</
template
>
</
template
>
...
@@ -65,8 +50,6 @@ const handleDetail = (item: any) => {
...
@@ -65,8 +50,6 @@ const handleDetail = (item: any) => {
</div>
</div>
</template>
</template>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.course_info
{
.course_info
{
margin-top
:
0
.3rem
;
margin-top
:
0
.3rem
;
...
@@ -170,4 +153,4 @@ const handleDetail = (item: any) => {
...
@@ -170,4 +153,4 @@ const handleDetail = (item: any) => {
display
:
none
;
display
:
none
;
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
src/modules/shop/components/CourseCatalogPC.vue
浏览文件 @
28867431
<
script
lang=
"ts"
setup
>
<
script
lang=
"ts"
setup
>
const
router
=
useRouter
()
const
router
=
useRouter
()
...
@@ -21,19 +20,8 @@ const handleDetail = (item: any) => {
...
@@ -21,19 +20,8 @@ const handleDetail = (item: any) => {
<div
class=
"info_tit"
>
课程目录
</div>
<div
class=
"info_tit"
>
课程目录
</div>
<div
class=
"info_line"
></div>
<div
class=
"info_line"
></div>
<div
class=
"info_con1"
v-if=
"shopItem?.type === '课程包'"
>
<div
class=
"info_con1"
v-if=
"shopItem?.type === '课程包'"
>
<div
<div
class=
"course_list"
v-for=
"(item, index) in shopItem?.course_list"
:key=
"index"
@
click=
"handleDetail(item)"
>
class=
"course_list"
<img
:src=
"item.image_url"
/>
v-for=
"(item, index) in shopItem?.course_list"
:key=
"index"
@
click=
"handleDetail(item)"
>
<img
:src=
"
item.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
alt=
""
/>
<div
class=
"list_info"
>
<div
class=
"list_info"
>
<div
class=
"tit"
>
{{
item
.
title
}}
</div>
<div
class=
"tit"
>
{{
item
.
title
}}
</div>
<div
class=
"hour"
>
{{
item
.
course_hour
}}
</div>
<div
class=
"hour"
>
{{
item
.
course_hour
}}
</div>
...
@@ -53,10 +41,7 @@ const handleDetail = (item: any) => {
...
@@ -53,10 +41,7 @@ const handleDetail = (item: any) => {
<span
class=
"custom-tree-node"
>
<span
class=
"custom-tree-node"
>
<span
class=
"label"
>
{{
node
.
label
}}
</span>
<span
class=
"label"
>
{{
node
.
label
}}
</span>
<span
style=
"margin-left: 205px"
class=
"icon"
>
<span
style=
"margin-left: 205px"
class=
"icon"
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt=
""
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt=
""
/>
</span>
</span>
</span>
</span>
</
template
>
</
template
>
...
@@ -65,8 +50,6 @@ const handleDetail = (item: any) => {
...
@@ -65,8 +50,6 @@ const handleDetail = (item: any) => {
</div>
</div>
</template>
</template>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.course_info1
{
.course_info1
{
margin-top
:
40px
;
margin-top
:
40px
;
...
@@ -186,4 +169,4 @@ const handleDetail = (item: any) => {
...
@@ -186,4 +169,4 @@ const handleDetail = (item: any) => {
}
}
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
src/modules/shop/components/CourseIntrouduce.vue
浏览文件 @
28867431
...
@@ -7,61 +7,58 @@ defineProps({
...
@@ -7,61 +7,58 @@ defineProps({
</
script
>
</
script
>
<
template
>
<
template
>
<div
class=
"course_info"
>
<div
class=
"course_info"
>
<div
class=
"info_tit"
>
课程介绍
</div>
<div
class=
"info_tit"
>
课程介绍
</div>
<div
class=
"info_line"
></div>
<div
class=
"info_line"
></div>
<div
class=
"info_con"
>
<div
class=
"info_con"
>
{{
shopItem
?.
desc
}}
{{
shopItem
?.
desc
}}
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.course_info
{
.course_info
{
.info_tit
{
.info_tit
{
font-size
:
18px
;
font-size
:
18px
;
font-weight
:
500
;
font-weight
:
500
;
color
:
#333333
;
color
:
#333333
;
}
}
.info_line
{
.info_line
{
width
:
31px
;
width
:
31px
;
height
:
2px
;
height
:
2px
;
background
:
#c1ab85
;
background
:
#c1ab85
;
margin
:
9px
0
0
21px
;
margin
:
9px
0
0
21px
;
}
}
.info_con
{
.info_con
{
padding
:
32px
22px
30px
28px
;
padding
:
32px
22px
30px
28px
;
background-color
:
#f5f8fb
;
background-color
:
#f5f8fb
;
margin-top
:
20px
;
margin-top
:
20px
;
border-radius
:
16px
;
border-radius
:
16px
;
font-size
:
16px
;
font-size
:
16px
;
font-weight
:
400
;
font-weight
:
400
;
line-height
:
32px
;
line-height
:
32px
;
color
:
#666666
;
color
:
#666666
;
}
}
}
}
.is-h5
{
.is-h5
{
.course_info
{
.course_info
{
.info_tit
{
.info_tit
{
font-size
:
0
.28rem
;
font-size
:
0
.28rem
;
font-weight
:
500
;
font-weight
:
500
;
color
:
#333333
;
color
:
#333333
;
}
}
.info_line
{
.info_line
{
display
:
none
;
display
:
none
;
}
}
.info_con
{
.info_con
{
padding
:
0
.2rem
;
padding
:
0
.2rem
;
background
:
#
F4F8FB
;
background
:
#
f4f8fb
;
font-size
:
0
.24rem
;
font-size
:
0
.24rem
;
font-weight
:
400
;
font-weight
:
400
;
line-height
:
0
.4rem
;
line-height
:
0
.4rem
;
color
:
#666666
;
color
:
#666666
;
margin-top
:
0
.2rem
;
margin-top
:
0
.2rem
;
border-radius
:
0
.16rem
;
border-radius
:
0
.16rem
;
}
}
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
src/modules/shop/components/CourseListItem.vue
浏览文件 @
28867431
...
@@ -41,13 +41,7 @@ const handleBuy = (courseItem: any) => {
...
@@ -41,13 +41,7 @@ const handleBuy = (courseItem: any) => {
<div
class=
"tab_con"
>
<div
class=
"tab_con"
>
<div
class=
"con_left"
@
click=
"handleDatail(courseItem?.id)"
>
<div
class=
"con_left"
@
click=
"handleDatail(courseItem?.id)"
>
<div
class=
"left_img"
>
<div
class=
"left_img"
>
<img
<img
:src=
"courseItem?.image_url"
class=
"left_img"
/>
:src=
"
courseItem?.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
class=
"left_img"
/>
</div>
</div>
<div
class=
"left_type"
>
{{
courseItem
?.
type
}}
</div>
<div
class=
"left_type"
>
{{
courseItem
?.
type
}}
</div>
</div>
</div>
...
@@ -233,7 +227,7 @@ const handleBuy = (courseItem: any) => {
...
@@ -233,7 +227,7 @@ const handleBuy = (courseItem: any) => {
.left_img
{
.left_img
{
width
:
100%
;
width
:
100%
;
height
:
1
.6rem
;
height
:
1
.6rem
;
border-radius
:
6px
;
border-radius
:
0
.06rem
;
}
}
.left_type
{
.left_type
{
...
...
src/modules/shop/components/DetailBanner.vue
浏览文件 @
28867431
...
@@ -98,13 +98,7 @@ const handleCopyLink = () => {
...
@@ -98,13 +98,7 @@ const handleCopyLink = () => {
<
template
>
<
template
>
<div
class=
"detail_banner"
>
<div
class=
"detail_banner"
>
<div
class=
"banner_con"
>
<div
class=
"banner_con"
>
<img
<img
class=
"con_img"
:src=
"shopItem?.image_url"
/>
class=
"con_img"
:src=
"
shopItem?.img_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
/>
<template
v-if=
"!mobile"
>
<template
v-if=
"!mobile"
>
<div
class=
"con_info"
>
<div
class=
"con_info"
>
<div
class=
"info_tit"
>
{{
shopItem
?.
title
}}
</div>
<div
class=
"info_tit"
>
{{
shopItem
?.
title
}}
</div>
...
@@ -156,7 +150,6 @@ const handleCopyLink = () => {
...
@@ -156,7 +150,6 @@ const handleCopyLink = () => {
<div
class=
"info_time"
v-if=
"shopItem?.type === '课程包'"
>
<div
class=
"info_time"
v-if=
"shopItem?.type === '课程包'"
>
<div
class=
"time_left"
>
<div
class=
"time_left"
>
<!-- <div class="left_tit">课程节数</div> -->
<div
class=
"left_con"
>
<div
class=
"left_con"
>
<span
class=
"con_num"
>
{{ shopItem?.course_compulsory }}
</span>
<span
class=
"con_num"
>
{{ shopItem?.course_compulsory }}
</span>
<span
class=
"con_txt"
>
门必修
</span>
<span
class=
"con_txt"
>
门必修
</span>
...
@@ -164,7 +157,6 @@ const handleCopyLink = () => {
...
@@ -164,7 +157,6 @@ const handleCopyLink = () => {
</div>
</div>
<div
class=
"time_line"
></div>
<div
class=
"time_line"
></div>
<div
class=
"time_left"
>
<div
class=
"time_left"
>
<!-- <div class="left_tit">总课时</div> -->
<div
class=
"left_con"
>
<div
class=
"left_con"
>
<span
class=
"con_num"
>
{{ shopItem?.course_elective }}
</span>
<span
class=
"con_num"
>
{{ shopItem?.course_elective }}
</span>
<span
class=
"con_txt"
>
门选修
</span>
<span
class=
"con_txt"
>
门选修
</span>
...
@@ -222,6 +214,7 @@ const handleCopyLink = () => {
...
@@ -222,6 +214,7 @@ const handleCopyLink = () => {
width
:
400px
;
width
:
400px
;
height
:
225px
;
height
:
225px
;
border-radius
:
6px
;
border-radius
:
6px
;
object-fit
:
cover
;
}
}
.con_info
{
.con_info
{
margin-left
:
41px
;
margin-left
:
41px
;
...
...
src/modules/shop/components/IncludeCourseCard.vue
浏览文件 @
28867431
...
@@ -18,12 +18,7 @@ defineProps({
...
@@ -18,12 +18,7 @@ defineProps({
:key=
"index"
:key=
"index"
@
click=
"router.push(`/shop/detail/$
{item?.id}`)"
@
click=
"router.push(`/shop/detail/$
{item?.id}`)"
>
>
<img
<img
:src=
"item.image_url"
/>
:src=
"
item.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
/>
<div
class=
"course_info"
>
<div
class=
"course_info"
>
<div
class=
"info_tit"
>
{{
item
.
title
}}
</div>
<div
class=
"info_tit"
>
{{
item
.
title
}}
</div>
<div
class=
"info_price"
>
<div
class=
"info_price"
>
...
@@ -132,6 +127,8 @@ defineProps({
...
@@ -132,6 +127,8 @@ defineProps({
img
{
img
{
width
:
1
.6rem
;
width
:
1
.6rem
;
height
:
0
.9rem
;
height
:
0
.9rem
;
border-radius
:
0
.06rem
;
object-fit
:
cover
;
}
}
.course_info
{
.course_info
{
margin-left
:
0
.14rem
;
margin-left
:
0
.14rem
;
...
...
src/modules/shop/components/RecommendCourse.vue
浏览文件 @
28867431
...
@@ -45,13 +45,7 @@ const handleDetail = item => {
...
@@ -45,13 +45,7 @@ const handleDetail = item => {
class=
"course-item"
class=
"course-item"
@
click=
"handleDetail(item)"
@
click=
"handleDetail(item)"
>
>
<img
<img
:src=
"item.image_url"
class=
"img"
/>
:src=
"
item.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
class=
"img"
/>
<div
class=
"item_right"
>
<div
class=
"item_right"
>
<div
class=
"right_name"
>
{{
item
.
title
}}
</div>
<div
class=
"right_name"
>
{{
item
.
title
}}
</div>
<div
class=
"right_price"
>
<div
class=
"right_price"
>
...
@@ -68,13 +62,7 @@ const handleDetail = item => {
...
@@ -68,13 +62,7 @@ const handleDetail = item => {
</div>
</div>
<div
v-else
>
<div
v-else
>
<div
class=
"course-item"
v-for=
"(item, index) in shopRelatedList"
:key=
"index"
@
click=
"handleDetail(item)"
>
<div
class=
"course-item"
v-for=
"(item, index) in shopRelatedList"
:key=
"index"
@
click=
"handleDetail(item)"
>
<img
<img
:src=
"item.image_url"
class=
"img"
/>
:src=
"
item.image_url ||
'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2Fb%2F56e7995e3501f.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1671671981&t=0eb627c761e6567a3a0a29163b31aac0'
"
class=
"img"
/>
<div
class=
"item_right"
>
<div
class=
"item_right"
>
<div
class=
"right_name"
>
{{ item.title }}
</div>
<div
class=
"right_name"
>
{{ item.title }}
</div>
<div
class=
"right_price"
>
<div
class=
"right_price"
>
...
...
src/modules/shop/components/ShareDialog.vue
浏览文件 @
28867431
...
@@ -19,22 +19,12 @@ const handleCancel = () => {
...
@@ -19,22 +19,12 @@ const handleCancel = () => {
<
template
>
<
template
>
<div>
<div>
<el-dialog
<el-dialog
:model-value=
"shareDialogVisible"
width=
"15%"
top=
"15%"
:modal=
"false"
:before-close=
"handleCancel"
>
:model-value=
"shareDialogVisible"
width=
"15%"
top=
"15%"
:modal=
"false"
:before-close=
"handleCancel"
>
<div
class=
"share_alert"
>
<div
class=
"share_alert"
>
<!--
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/qa_code.png"
alt=
""
/>
-->
<qrcode-vue
:value=
"qrCodeUrl"
:size=
"214"
level=
"H"
></qrcode-vue>
<qrcode-vue
:value=
"qrCodeUrl"
:size=
"214"
level=
"H"
></qrcode-vue>
<div
class=
"alert_con"
>
<div
class=
"alert_con"
>
<img
<img
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_weixin.png"
class=
"con_icon"
/>
src=
"https://webapp-pub.ezijing.com/project_online/fi/icon_weixin.png"
class=
"con_icon"
/>
<span
class=
"con_tit"
>
微信扫一扫
</span>
<span
class=
"con_tit"
>
微信扫一扫
</span>
</div>
</div>
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论