Skip to content

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

去掉默认课程图片

上级 9e40b86f
隐藏空白字符变更
内嵌 并排
正在显示 包含 81 行增加 和 222 行删除
src/modules/pay/components/PayH5.vue
浏览文件 @ 28867431
......@@ -62,44 +62,27 @@ const checkedChange = (val: string) => {
<div>
<div class="main_con">
<div class="con_nav" @click="handlePrev">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/prev_mini.png"
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/prev_mini.png" />
<div class="nav_title">确认订单</div>
</div>
<div class="course_con">
<img
: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'
"
/>
<img :src="shopItem?.image_url" />
<div class="course_dec">
<div class="info_title">{{ shopItem.title }}</div>
<div class="info_date">
有效期：{{ start_time }} 至 {{ end_time }}
</div>
<div class="info_date">有效期：{{ start_time }} 至 {{ end_time }}</div>
</div>
</div>
<div class="pay_con">
<div class="pay_phone">
课程提醒将发送到您的手机：<i style="font-weight: bold">{{
userStore.user?.mobile
}}</i>
课程提醒将发送到您的手机：<i style="font-weight: bold">{{ userStore.user?.mobile }}</i>
</div>
<div class="pay_line"></div>
<div class="pay_mode">
<div class="mode_item">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png" />
<div class="radio_tit">支付宝支付</div>
<div
:class="
params.payment_method === '12'
? 'radio_check_active'
: 'radio_check'
"
:class="params.payment_method === '12' ? 'radio_check_active' : 'radio_check'"
@click="checkedChange('12')"
>
<template v-if="params.payment_method === '12'">
......@@ -108,16 +91,10 @@ const checkedChange = (val: string) => {
</div>
</div>
<div class="mode_item">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png" />
<div class="radio_tit">微信支付</div>
<div
:class="
params.payment_method === '4'
? 'radio_check_active'
: 'radio_check'
"
:class="params.payment_method === '4' ? 'radio_check_active' : 'radio_check'"
@click="checkedChange('4')"
>
<template v-if="params.payment_method === '4'">
......@@ -138,19 +115,12 @@ const checkedChange = (val: string) => {
>紫荆金保服务协议</a
>
</div>
<div
class="left_desc"
:class="isAgreeText === true ? 'left_desc_active' : ''"
>
请先勾选紫荆金保服务协议
</div>
<div class="left_desc" :class="isAgreeText === true ? 'left_desc_active' : ''">请先勾选紫荆金保服务协议</div>
</div>
<div class="to_pay_main" @click="handlePay">
<div class="pay_price">
<span class="to_pay">立即支付</span>
<span class="to_price"
><i style="font-size: 12px">¥</i>{{ shopItem.price }}</span
>
<span class="to_price"><i style="font-size: 12px">¥</i>{{ shopItem.price }}</span>
</div>
</div>
</div>
......@@ -190,6 +160,8 @@ const checkedChange = (val: string) => {
img {
width: 2.2rem;
height: 1.4rem;
object-fit: cover;
border-radius: 0.06rem;
}
.course_dec {
display: flex;
......
src/modules/pay/components/PayPC.vue
浏览文件 @ 28867431
......@@ -51,40 +51,27 @@ const handleAgree = (val: any) => {
<div class="con_tit">课程信息确认</div>
<div class="con_pay">
<div class="pay_course">
<img
: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'
"
/>
<img :src="shopItem.image_url" />
<div class="course_info">
<div class="info_tit">{{ shopItem.title }}</div>
<div class="info_range">
有效期：{{ start_time }} 至 {{ end_time }}
</div>
<div class="info_range">有效期：{{ start_time }} 至 {{ end_time }}</div>
<div class="info_price">
<div class="price_icon">¥</div>
<div class="price_num">{{ shopItem.price }}</div>
</div>
</div>
</div>
<div class="con_message">
课程提醒将发送到您的手机：{{ userStore.user?.mobile }}
</div>
<div class="con_message">课程提醒将发送到您的手机：{{ userStore.user?.mobile }}</div>
<div class="con_mode">
<div class="mode_tit">支付方式</div>
<div class="mode_radio">
<el-radio-group v-model="params.payment_method">
<el-radio label="11" size="large" border>
<img
src="https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png"
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/pay_ali.png" />
<span class="radio_tit">支付宝支付</span>
</el-radio>
<el-radio label="1" size="large" border>
<img
src="https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png"
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/pay_wechat.png" />
<span class="radio_tit">微信支付</span>
</el-radio>
</el-radio-group>
......@@ -93,18 +80,14 @@ const handleAgree = (val: any) => {
<div class="con_footer">
<div class="footer_left">
<div class="left_top">
<el-checkbox v-model="isAgree" @change="handleAgree">
<span>同意</span></el-checkbox
>
<el-checkbox v-model="isAgree" @change="handleAgree"> <span>同意</span></el-checkbox>
<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"
target="_blank"
>紫荆金保服务协议</a
>
</div>
<div class="left_desc" :class="isAgreeText ? 'left_desc_active' : ''">
请先勾选紫荆金保服务协议
</div>
<div class="left_desc" :class="isAgreeText ? 'left_desc_active' : ''">请先勾选紫荆金保服务协议</div>
</div>
<div class="footer_right">
<div class="right_top">
......@@ -145,37 +128,17 @@ const handleAgree = (val: any) => {
"
class="con_style"
/>
<span class="radio_tit">{{
order.payment_method === '11' ? '支付宝支付' : '微信支付'
}}</span>
<img
src="https://webapp-pub.ezijing.com/project_online/fi/icon_pay_checked.png"
class="checked_img"
/>
<span class="radio_tit">{{ order.payment_method === '11' ? '支付宝支付' : '微信支付' }}</span>
<img src="https://webapp-pub.ezijing.com/project_online/fi/icon_pay_checked.png" class="checked_img" />
</div>
</div>
<div class="order_qaCode">
<div class="qaCode_left">
<div class="left_code">
<qrcode-vue
:value="payOrder?.payment_url"
:size="197"
level="H"
></qrcode-vue>
<qrcode-vue :value="payOrder?.payment_url" :size="197" level="H"></qrcode-vue>
</div>
<div
class="left_desc"
:class="
order.payment_method === '11'
? 'left_desc_ali'
: 'left_desc_wechat'
"
>
{{
order.payment_method === '11'
? '请打开手机支付宝，扫一扫完成支付'
: '请打开手机微信，扫一扫完成支付'
}}
<div class="left_desc" :class="order.payment_method === '11' ? 'left_desc_ali' : 'left_desc_wechat'">
{{ order.payment_method === '11' ? '请打开手机支付宝，扫一扫完成支付' : '请打开手机微信，扫一扫完成支付' }}
</div>
</div>
<img
......@@ -217,6 +180,8 @@ const handleAgree = (val: any) => {
img {
width: 257px;
height: 166px;
object-fit: cover;
border-radius: 6px;
}
.course_info {
margin-left: 35px;
......
src/modules/shop/components/CourseCatalogH5.vue
浏览文件 @ 28867431
<script lang="ts" setup>
const router = useRouter()
......@@ -21,19 +20,8 @@ const handleDetail = (item: any) => {
<div class="info_tit">课程目录</div>
<div class="info_line"></div>
<div class="info_con1" v-if="shopItem?.type === '课程包'">
<div
class="course_list"
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="course_list" v-for="(item, index) in shopItem?.course_list" :key="index" @click="handleDetail(item)">
<img :src="item.image_url" />
<div class="list_info">
<div class="tit">{{ item.title }}</div>
<div class="hour">{{ item.course_hour }}</div>
......@@ -53,10 +41,7 @@ const handleDetail = (item: any) => {
<span class="custom-tree-node">
<span class="label">{{ node.label }}</span>
<span class="icon">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt=""
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png" alt="" />
</span>
</span>
</template>
......@@ -65,8 +50,6 @@ const handleDetail = (item: any) => {
</div>
</template>
<style lang="scss" scoped>
.course_info {
margin-top: 0.3rem;
......@@ -170,4 +153,4 @@ const handleDetail = (item: any) => {
display: none;
}
}
</style>
\ No newline at end of file
</style>
src/modules/shop/components/CourseCatalogPC.vue
浏览文件 @ 28867431
<script lang="ts" setup>
const router = useRouter()
......@@ -21,19 +20,8 @@ const handleDetail = (item: any) => {
<div class="info_tit">课程目录</div>
<div class="info_line"></div>
<div class="info_con1" v-if="shopItem?.type === '课程包'">
<div
class="course_list"
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="course_list" v-for="(item, index) in shopItem?.course_list" :key="index" @click="handleDetail(item)">
<img :src="item.image_url" />
<div class="list_info">
<div class="tit">{{ item.title }}</div>
<div class="hour">{{ item.course_hour }}</div>
......@@ -53,10 +41,7 @@ const handleDetail = (item: any) => {
<span class="custom-tree-node">
<span class="label">{{ node.label }}</span>
<span style="margin-left: 205px" class="icon">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png"
alt=""
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/icon_jt.png" alt="" />
</span>
</span>
</template>
......@@ -65,8 +50,6 @@ const handleDetail = (item: any) => {
</div>
</template>
<style lang="scss" scoped>
.course_info1 {
margin-top: 40px;
......@@ -186,4 +169,4 @@ const handleDetail = (item: any) => {
}
}
}
</style>
\ No newline at end of file
</style>
src/modules/shop/components/CourseIntrouduce.vue
浏览文件 @ 28867431
......@@ -7,61 +7,58 @@ defineProps({
</script>
<template>
<div class="course_info">
<div class="info_tit">课程介绍</div>
<div class="info_line"></div>
<div class="info_con">
{{ shopItem?.desc }}
</div>
</div>
<div class="info_tit">课程介绍</div>
<div class="info_line"></div>
<div class="info_con">
{{ shopItem?.desc }}
</div>
</div>
</template>
<style lang="scss" scoped>
.course_info {
.info_tit {
font-size: 18px;
font-weight: 500;
color: #333333;
}
.info_line {
width: 31px;
height: 2px;
background: #c1ab85;
margin: 9px 0 0 21px;
}
.info_con {
padding: 32px 22px 30px 28px;
background-color: #f5f8fb;
margin-top: 20px;
border-radius: 16px;
font-size: 16px;
font-weight: 400;
line-height: 32px;
color: #666666;
}
.info_tit {
font-size: 18px;
font-weight: 500;
color: #333333;
}
.info_line {
width: 31px;
height: 2px;
background: #c1ab85;
margin: 9px 0 0 21px;
}
.info_con {
padding: 32px 22px 30px 28px;
background-color: #f5f8fb;
margin-top: 20px;
border-radius: 16px;
font-size: 16px;
font-weight: 400;
line-height: 32px;
color: #666666;
}
}
.is-h5{
.course_info{
.info_tit{
.is-h5 {
.course_info {
.info_tit {
font-size: 0.28rem;
font-weight: 500;
color: #333333;
}
.info_line{
.info_line {
display: none;
}
.info_con{
padding:0.2rem;
background: #F4F8FB;
.info_con {
padding: 0.2rem;
background: #f4f8fb;
font-size: 0.24rem;
font-weight: 400;
line-height: 0.4rem;
color: #666666;
margin-top:0.2rem;
margin-top: 0.2rem;
border-radius: 0.16rem;
}
}
}
</style>
\ No newline at end of file
</style>
src/modules/shop/components/CourseListItem.vue
浏览文件 @ 28867431
......@@ -41,13 +41,7 @@ const handleBuy = (courseItem: any) => {
<div class="tab_con">
<div class="con_left" @click="handleDatail(courseItem?.id)">
<div class="left_img">
<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"
/>
<img :src="courseItem?.image_url" class="left_img" />
</div>
<div class="left_type">{{ courseItem?.type }}</div>
</div>
......@@ -233,7 +227,7 @@ const handleBuy = (courseItem: any) => {
.left_img {
width: 100%;
height: 1.6rem;
border-radius: 6px;
border-radius: 0.06rem;
}
.left_type {
......
src/modules/shop/components/DetailBanner.vue
浏览文件 @ 28867431
......@@ -98,13 +98,7 @@ const handleCopyLink = () => {
<template>
<div class="detail_banner">
<div class="banner_con">
<img
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'
"
/>
<img class="con_img" :src="shopItem?.image_url" />
<template v-if="!mobile">
<div class="con_info">
<div class="info_tit">{{ shopItem?.title }}</div>
......@@ -156,7 +150,6 @@ const handleCopyLink = () => {
<div class="info_time" v-if="shopItem?.type === '课程包'">
<div class="time_left">
<!-- <div class="left_tit">课程节数</div> -->
<div class="left_con">
<span class="con_num">{{ shopItem?.course_compulsory }}</span>
<span class="con_txt">门必修</span>
......@@ -164,7 +157,6 @@ const handleCopyLink = () => {
</div>
<div class="time_line"></div>
<div class="time_left">
<!-- <div class="left_tit">总课时</div> -->
<div class="left_con">
<span class="con_num">{{ shopItem?.course_elective }}</span>
<span class="con_txt">门选修</span>
......@@ -222,6 +214,7 @@ const handleCopyLink = () => {
width: 400px;
height: 225px;
border-radius: 6px;
object-fit: cover;
}
.con_info {
margin-left: 41px;
......
src/modules/shop/components/IncludeCourseCard.vue
浏览文件 @ 28867431
......@@ -18,12 +18,7 @@ defineProps({
:key="index"
@click="router.push(`/shop/detail/${item?.id}`)"
>
<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'
"
/>
<img :src="item.image_url" />
<div class="course_info">
<div class="info_tit">{{ item.title }}</div>
<div class="info_price">
......@@ -132,6 +127,8 @@ defineProps({
img {
width: 1.6rem;
height: 0.9rem;
border-radius: 0.06rem;
object-fit: cover;
}
.course_info {
margin-left: 0.14rem;
......
src/modules/shop/components/RecommendCourse.vue
浏览文件 @ 28867431
......@@ -45,13 +45,7 @@ const handleDetail = item => {
class="course-item"
@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'
"
class="img"
/>
<img :src="item.image_url" class="img" />
<div class="item_right">
<div class="right_name">{{ item.title }}</div>
<div class="right_price">
......@@ -68,13 +62,7 @@ const handleDetail = item => {
</div>
<div v-else>
<div class="course-item" v-for="(item, index) in shopRelatedList" :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'
"
class="img"
/>
<img :src="item.image_url" class="img" />
<div class="item_right">
<div class="right_name">{{ item.title }}</div>
<div class="right_price">
......
src/modules/shop/components/ShareDialog.vue
浏览文件 @ 28867431
......@@ -19,22 +19,12 @@ const handleCancel = () => {
<template>
<div>
<el-dialog
:model-value="shareDialogVisible"
width="15%"
top="15%"
:modal="false"
:before-close="handleCancel"
>
<el-dialog :model-value="shareDialogVisible" width="15%" top="15%" :modal="false" :before-close="handleCancel">
<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>
<div class="alert_con">
<img
src="https://webapp-pub.ezijing.com/project_online/fi/icon_weixin.png"
class="con_icon"
/>
<img src="https://webapp-pub.ezijing.com/project_online/fi/icon_weixin.png" class="con_icon" />
<span class="con_tit">微信扫一扫</span>
</div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论