liushengqiang 1 rok pred
rodič
commit
181c36777f

BIN
src/views/courseList/image/iconTip.png


+ 11 - 0
src/views/courseList/index.module.less

@@ -203,4 +203,15 @@
     color: #ccc;
     z-index: 99;
   }
+}
+.periodItemModel{
+  position: relative;
+  .periodTip{
+    position: absolute;
+    left: -7px;
+    top: 0;
+    max-height: 15px;
+    display: block;
+    object-fit: contain;
+  }
 }

+ 3 - 1
src/views/courseList/index.tsx

@@ -37,6 +37,7 @@ import {
 import iconLook from './image/look.svg'
 import iconCourse from './image/icon-course.png'
 import iconCourseLock from './image/icon-course-lock.png'
+import iconTip from './image/iconTip.png'
 import { browser } from '@/helpers/utils'
 import OEmpty from '@/components/o-empty'
 import { handleCheckVip } from '../hook/useFee'
@@ -342,7 +343,8 @@ export default defineComponent({
                           icon: () => (
                             <div class={styles.periodItem}>
                               <div class={styles.periodItemModel}>
-                                <img src={isLock ? iconCourseLock : iconCourse} />
+                                <img src={ isLock ? iconCourseLock : iconCourse} />
+                                {String(item.accessScope) === '0' && <img class={styles.periodTip} src={iconTip} />}
                               </div>
                             </div>
                           ),