推荐课程banner增加跳转链接

src/modules/course/views/Index.vue

@@ -49,7 +49,9 @@ const handleClickItem = (item: any) => {
 </script>
 
 <template>
-  <img src="https://webapp-pub.ezijing.com/project/prp-h5/course_banner.png" style="width: 100%" />
+  <a href="https://fi.ezijing.com/shop" target="_blank">
+    <img src="https://webapp-pub.ezijing.com/project/prp-h5/course_banner.png" style="width: 100%" />
+  </a>
   <AppCard title="推荐课程">
     <div ref="el">
       <div class="list_item" v-for="(item, index) in courseList.list" :key="index" @click="handleClickItem(item)">

src/modules/home/components/News.vue

 <script setup lang="ts">
-// const newsList = [
-//   { tit: '111111111111111111111111111111111111111111111111111111111111111111' },
-//   { tit: '222' },
-//   { tit: '333' },
-//   { tit: '444' }
-// ]
 import type { INews } from '../types'
 
 const router = useRouter()
@@ -33,7 +27,6 @@ const handleViewNews = (item: INews) => {
       </van-swipe-item>
     </van-swipe>
   </div>
-
 </template>
 
 <style lang="scss" scoped>
@@ -49,6 +42,7 @@ const handleViewNews = (item: INews) => {
   justify-content: space-between;
   padding-left: 0.2rem;
   cursor: pointer;
+  box-sizing: border-box;
 }
 :deep(.van-swipe__indicator) {
   display: none;
@@ -56,6 +50,7 @@ const handleViewNews = (item: INews) => {
 .item_news {
   display: flex;
   align-items: center;
+  width: 100%;
   .news_tips {
     width: 0.33rem;
     height: 0.33rem;
@@ -68,7 +63,7 @@ const handleViewNews = (item: INews) => {
     text-align: center;
   }
   .news_tit {
-    width: 4.8rem;
+    width: 5rem;
     margin-left: 0.12rem;
     font-size: 0.24rem;
     font-weight: 400;
@@ -76,10 +71,11 @@ const handleViewNews = (item: INews) => {
     line-height: 0.33rem;
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space: nowrap;
   }
   .news_arrow {
-    margin-left: 1.1rem;
+    margin-left: auto;
+    padding-right: 0.3rem;
   }
 }
-
 </style>

src/modules/home/components/RecommendCourse.vue

@@ -17,8 +17,9 @@ const handleClickItem = (item: any) => {
 </script>
 
 <template>
-  <img src="https://webapp-pub.ezijing.com/project/prp-h5/course_banner.png" class="exam_banner" />
-
+  <a href="https://fi.ezijing.com/shop" target="_blank">
+    <img src="https://webapp-pub.ezijing.com/project/prp-h5/course_banner.png" class="exam_banner" />
+  </a>
   <AppCard title="推荐课程" id="team">
     <template #header-aside>
       <div class="more">