提交 28867431 authored 作者: matian's avatar matian

去掉默认课程图片

上级 9e40b86f
...@@ -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;
......
...@@ -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;
......
<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
<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
...@@ -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
...@@ -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 {
......
...@@ -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;
......
...@@ -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;
......
...@@ -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">
......
...@@ -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 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论