课程增加图片

data/src/goods/4.js

@@ -5,7 +5,7 @@ export default [
     title: '学习如何高效-你需要方法和工具',
     desc: '本课程通过介绍学习排序与固化的高效实现方式、三刷模式来帮助学员实现线上技能课的实践应用，具体内容包含学习前必须做到的三个明确规划、学习中要会检视和优化的三大心智模式和学习后要落实内化的四项效能习惯。',
     for_people: '终身学习爱好者',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_banner.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_1.png',
     type: '课程',
     price: 99,
     lecturer_list: [
@@ -36,7 +36,7 @@ export default [
     title: '做好有效的年度复盘与规划',
     desc: '本课程会帮助学员做好有效年度规划与复盘，介绍并探讨年度规划与复盘方法，让学员学会与自己的小朋友做一次复盘规划。',
     for_people: '提前计划工作和生活的人群',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_1.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_2.png',
     type: '课程',
     price: 199,
     lecturer_list: [
@@ -84,7 +84,7 @@ export default [
     title: '成交大单？你得敢问！',
     desc: '本课程对会问和敢问的不同之处进行分析，对敢问的训练关键与方向进行探讨，列出问话的相关示例。最后让学员能找到其中的关键点，敢于提问。',
     for_people: '金融服务业销售顾问',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_2.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_3.png',
     type: '课程',
     price: 199,
     lecturer_list: [
@@ -132,7 +132,7 @@ export default [
     title: '成交大单？你得会问！',
     desc: '本课程通过对焦发问功力的自检与系统修炼，深度探讨成交大单所需的四大重点和六项能力以及其优化和升级的内容，同时运用系统训练的模式，帮助学员学会发问路径与节奏的方法。',
     for_people: '金融服务业销售顾问',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_3.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_4.png',
     type: '课程',
     price: 199,
     lecturer_list: [
@@ -180,7 +180,7 @@ export default [
     title: '12项定期“体检”助力你持续成交大单',
     desc: '本课程会帮助学员对焦自己大单养成系统的12项检验，剖析从大单到大单高手的成长系统，最后让学员找到自己持续突破大单的关键动作。',
     for_people: '金融服务业销售顾问',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_4.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_5.png',
     type: '课程',
     price: 199,
     lecturer_list: [
@@ -228,7 +228,7 @@ export default [
     title: '常态化持续经营大客户的秘诀',
     desc: '本课程通过对T24超V客户进行三项重点的扫描，进行四大关键的经营、九维重点的盘点，最后让学员能真正把T24超V客户的经营策略作为常态化经营。',
     for_people: '金融服务业销售顾问',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_5.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_6.png',
     type: '课程',
     price: 299,
     lecturer_list: [
@@ -276,7 +276,7 @@ export default [
     title: '7类17+问题让你在【首次面谈】稳赢',
     desc: '本课程对个人首次面谈功力的自检视及改善点、面谈必须目标和五项执行点及过程中要问出的7类17+问题进行了分析和探讨。',
     for_people: '金融服务业销售顾问',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_6.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_7.png',
     type: '课程',
     price: 199,
     lecturer_list: [
@@ -324,7 +324,7 @@ export default [
     title: '掌握三步六点 扫除沟通异议',
     desc: '本课程帮助学员树立对待异议处理的正确认知，掌握异议处理的两条通路，了解异议出现的几种可能，清楚异议处理的三步法则，把握处理异议不同环节，学会异议前置处理。',
     for_people: '金融服务业销售顾问',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_7.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_8.png',
     type: '课程',
     price: 99,
     lecturer_list: [
@@ -372,7 +372,7 @@ export default [
     title: '深度刨析养老沟通中的异议问题',
     desc: '本课程会帮助学员实现高效自我修炼的四层次闭环落实，介绍养老沟通中五类最常出现的显性异议，深度探讨自检显性异议下反应的五大深层问题，使用七段扫描法深度解析养老沟通中可能存在的异议。',
     for_people: '金融服务业销售顾问、营销定位在养老主题的人员',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_8.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/system_9.png',
     type: '课程',
     price: 199,
     lecturer_list: [

data/src/goods/5.js

@@ -5,7 +5,7 @@ export default [
     title: '如何全年持续成交大客户',
     desc: '首席教练与一线实战伙伴，线上针对前线问题，共同研讨持续成交大客户的秘诀。有方法、有工具，有案例，有刨析。',
     for_people: '从事金融服务业销售人员',
-    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/paam_banner.png',
+    image_url: 'https://webapp-pub.ezijing.com/project_online/fi/free_1.png',
     type: '课程',
     price: 0,
     lecturer_list: [

src/modules/shop/components/CourseFooter.vue

@@ -61,8 +61,12 @@ const handleBuyCourse = () => {
         </div>
         <div class="left_desc">{{ shopItem?.total_price_desc }}</div>
       </div>
-      <div class="footer_left" v-if="shopItem?.type === '课程'">
-        <div class="left_tit">{{ shopItem?.is_free === true ? '免费' : '课程价格' }}</div>
+      <div class="footer_left" v-else>
+        <div class="left_tit1" v-if="shopItem?.is_free === true">免费</div>
+        <div class="left_tit" v-else>
+          课程价格
+          <span class="tit_price">¥{{ shopItem?.price }}</span>
+        </div>
       </div>
     </template>
 
@@ -159,6 +163,11 @@ const handleBuyCourse = () => {
       }
     }
     .footer_left {
+      .left_tit1 {
+        color: #aa1941;
+        font-size: 0.36rem;
+        font-weight: bold;
+      }
       .left_tit {
         font-size: 0.24rem;
         color: #333333;

src/modules/shop/views/Index.vue

@@ -23,7 +23,7 @@ watchEffect(() => {
     type = route.query.type.toString()
   }
 })
-// tab
+// h5的tab
 let menuValue = $ref('')
 onMounted(() => {
   clearActive()
@@ -81,7 +81,7 @@ const clearActive = function () {
     <img src="https://webapp-pub.ezijing.com/project_online/fi/shop_banner.jpg" class="shop_banner" />
     <div class="shop_con">
       <div class="con_tab">
-        <el-menu :default-active="activeIndex" mode="horizontal">
+        <el-menu :default-active="activeIndex" mode="horizontal" menu-trigger="click">
           <el-menu-item index="1" @click="handleClickTab(shopStore.filters[0].value)"
             >{{ shopStore.filters[0].label }}
           </el-menu-item>
@@ -91,7 +91,7 @@ const clearActive = function () {
           <el-menu-item index="3" @click="handleClickTab(shopStore.filters[2].value)"
             >{{ shopStore.filters[2].label }}
           </el-menu-item>
-          <el-sub-menu index="4">
+          <el-sub-menu index="4" :popper-offset="20">
             <template #title>{{ shopStore.filters[3].label }} </template>
             <el-menu-item
               :index="'4' + (index + 1)"