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

updates

上级 6901d23d
...@@ -134,7 +134,13 @@ const handlePrev = () => { ...@@ -134,7 +134,13 @@ const handlePrev = () => {
<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 :src="shopItem?.image_url" alt="" /> <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'
"
alt=""
/>
<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">
......
...@@ -27,7 +27,13 @@ const handleDetail = (item: any) => { ...@@ -27,7 +27,13 @@ const handleDetail = (item: any) => {
:key="index" :key="index"
@click="handleDetail(item)" @click="handleDetail(item)"
> >
<img :src="item.image_url" alt="" /> <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>
......
...@@ -27,7 +27,13 @@ const handleDetail = (item: any) => { ...@@ -27,7 +27,13 @@ const handleDetail = (item: any) => {
:key="index" :key="index"
@click="handleDetail(item)" @click="handleDetail(item)"
> >
<img :src="item.image_url" alt="" /> <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>
......
...@@ -43,7 +43,13 @@ const handleBuy = (courseItem: any) => { ...@@ -43,7 +43,13 @@ 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 :src="courseItem?.image_url" 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"
/>
</div> </div>
<div class="left_type">{{ courseItem?.type }}</div> <div class="left_type">{{ courseItem?.type }}</div>
</div> </div>
......
...@@ -43,7 +43,7 @@ const handleBuyCourse = () => { ...@@ -43,7 +43,7 @@ const handleBuyCourse = () => {
<div class="banner_con"> <div class="banner_con">
<img <img
class="con_img" class="con_img"
src="https://img1.baidu.com/it/u=3009731526,373851691&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" src="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">
......
...@@ -21,7 +21,7 @@ defineProps({ ...@@ -21,7 +21,7 @@ defineProps({
<img <img
:src=" :src="
item.image_url || item.image_url ||
'https://img1.baidu.com/it/u=3009731526,373851691&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500' '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">
...@@ -38,9 +38,8 @@ defineProps({ ...@@ -38,9 +38,8 @@ defineProps({
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.is-pc{ .is-pc {
.include_course {
.include_course {
background: #ffffff; background: #ffffff;
box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.1);
border-radius: 15px; border-radius: 15px;
...@@ -103,57 +102,56 @@ defineProps({ ...@@ -103,57 +102,56 @@ defineProps({
} }
} }
} }
}
} }
} .is-h5 {
.is-h5{ .include_course {
.include_course{
margin: 0 0.3rem; margin: 0 0.3rem;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #FFF5E1; border: 1px solid #fff5e1;
border-bottom: none; border-bottom: none;
border-radius:0.12rem ; border-radius: 0.12rem;
background: #FFF5E1; background: #fff5e1;
.course_tit{ .course_tit {
height:0.6rem; height: 0.6rem;
padding-left: 0.2rem; padding-left: 0.2rem;
line-height: 0.6rem;; line-height: 0.6rem;
} }
.course_card{ .course_card {
border-radius: 0.08rem 0.08rem 0 0; border-radius: 0.08rem 0.08rem 0 0;
padding:0.44rem 0; padding: 0.44rem 0;
background: #ffffff; background: #ffffff;
border-radius:0.12rem ; border-radius: 0.12rem;
} }
.card_course{ .card_course {
display: flex; display: flex;
margin:0 0.29rem ; margin: 0 0.29rem;
padding:0.25rem 0.21rem ; padding: 0.25rem 0.21rem;
background: #F4F8FB; background: #f4f8fb;
img{ img {
width:1.6rem; width: 1.6rem;
height: 0.9rem; height: 0.9rem;
} }
.course_info{ .course_info {
margin-left: 0.14rem; margin-left: 0.14rem;
.info_tit{ .info_tit {
font-size: 0.24rem; font-size: 0.24rem;
color: #333333; color: #333333;
} }
.info_price{ .info_price {
display: flex; display: flex;
margin-top: 0.28rem; margin-top: 0.28rem;
.price_icon{ .price_icon {
font-size: 0.12rem; font-size: 0.12rem;
color: #E5A12F; color: #e5a12f;
} }
.price_price{ .price_price {
font-size: 0.2rem; font-size: 0.2rem;
color: #E5A12F; color: #e5a12f;
}
} }
} }
}
} }
} }
} }
......
...@@ -45,7 +45,13 @@ const handleDetail = (item) => { ...@@ -45,7 +45,13 @@ const handleDetail = (item) => {
class="course-item" class="course-item"
@click="handleDetail(item)" @click="handleDetail(item)"
> >
<img :src="item.image_url" class="img" /> <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">
...@@ -67,7 +73,13 @@ const handleDetail = (item) => { ...@@ -67,7 +73,13 @@ const handleDetail = (item) => {
:key="index" :key="index"
@click="handleDetail(item)" @click="handleDetail(item)"
> >
<img :src="item.image_url" class="img" /> <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">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论