|
|
@@ -19,7 +19,7 @@ const courseList = ref<SubjectCourseResult[]>()
|
|
|
const record = ref<any>()
|
|
|
async function getDataList() {
|
|
|
const id = dict.getValueByLabelMapByType('index_subject_id')['语文']
|
|
|
- const res = await fetchSubjectAppInfo({ id,delFlag: false })
|
|
|
+ const res = await fetchSubjectAppInfo({ id, delFlag: false })
|
|
|
record.value = res
|
|
|
dataList.value = res.catalogList || []
|
|
|
catalog.value = res?.catalogList?.[0]
|
|
|
@@ -86,7 +86,8 @@ function debouncedOnScroll(e: any) {
|
|
|
<Loading v-show="isLoading" />
|
|
|
<cl-page v-show="!isLoading">
|
|
|
<Back />
|
|
|
- <image mode="aspectFill" src="https://oss.xiaoxiongcode.com/static/语文/图层 4.png" alt="" class="w-full h-full object-cover" />
|
|
|
+ <image mode="aspectFill" src="https://oss.xiaoxiongcode.com/static/语文/图层 4.png" alt=""
|
|
|
+ class="w-full h-full object-cover" />
|
|
|
<!-- 精灵图动画 -->
|
|
|
<cl-image src="https://oss.xiaoxiongcode.com/static/home/3.gif" mode="heightFix"
|
|
|
class="!absolute bottom-0 left-0 !w-[44vh] !h-[55vh] z-[1]" />
|
|
|
@@ -101,22 +102,26 @@ function debouncedOnScroll(e: any) {
|
|
|
<cl-icon name="arrow-left-right-line" color="primary"></cl-icon>
|
|
|
</view>
|
|
|
<view class="boxs">
|
|
|
- <scroll-view class="scroll-view_H" direction="horizontal" :show-scrollbar="false" ref="cardsScrollView" @scroll="debouncedOnScroll">
|
|
|
- <view class="scroll-view-item_H bg-[white]" :class="`category-${course.catalogId}`" v-for="course in courseList || []" :key="course.id"
|
|
|
- @tap="handleDetail(course)">
|
|
|
+ <scroll-view class="scroll-view_H" direction="horizontal" :show-scrollbar="false" ref="cardsScrollView"
|
|
|
+ @scroll="debouncedOnScroll">
|
|
|
+ <view class="scroll-view-item_H bg-[white]" :class="`category-${course.catalogId}`"
|
|
|
+ v-for="course in courseList || []" :key="course.id" @tap="handleDetail(course)">
|
|
|
<cl-image :src="course?.ossIconPath" mode="heightFix"
|
|
|
class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
|
|
|
- <cl-text ellipsis :pt="{
|
|
|
+ <cl-text ellipsis :pt="{
|
|
|
className: '!text-[4vh] !font-bold'
|
|
|
}">{{
|
|
|
- course.sortNum }}、{{
|
|
|
+ course.sortNum }}、{{
|
|
|
course.mainTitle }}</cl-text>
|
|
|
- <text class="text-[3vh] text-[#666]">{{
|
|
|
- course.assistantTitle }}</text>
|
|
|
+ <cl-text ellipsis color="#666" :pt="{
|
|
|
+ className: '!text-[3vh]'
|
|
|
+ }">{{
|
|
|
+ course.assistantTitle }}</cl-text>
|
|
|
+
|
|
|
<!-- <view>
|
|
|
<Progress :progress="30" />
|
|
|
</view> -->
|
|
|
- <Lock v-if="userInfo?.memberLevel === 'default'" :record="course" type="vip"/>
|
|
|
+ <Lock v-if="userInfo?.memberLevel === 'default'" :record="course" type="vip" />
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
@@ -158,7 +163,7 @@ function debouncedOnScroll(e: any) {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.boxs {
|
|
|
- @apply w-[calc(100vw-52vh)] h-[50vh] absolute top-1/2 left-[50vh] z-[1];
|
|
|
+ @apply w-[calc(100vw-52vh)] h-[50vh] absolute top-1/2 left-[50vh] z-[1];
|
|
|
transform: translateY(-50%);
|
|
|
}
|
|
|
|
|
|
@@ -169,7 +174,7 @@ function debouncedOnScroll(e: any) {
|
|
|
}
|
|
|
|
|
|
.scroll-view-item_H {
|
|
|
- @apply w-[40vh] h-[45vh] mr-[20px] rounded-2xl border-[5px] border-[#1D4BD9] border-solid border-b-[10px] p-1 flex items-center justify-between pb-[20px] relative;
|
|
|
+ @apply w-[40vh] h-[45vh] mr-[20px] rounded-2xl border-[5px] border-[#1D4BD9] border-solid border-b-[10px] p-1 flex items-center justify-between pb-[10px] relative;
|
|
|
}
|
|
|
|
|
|
.light-tag {
|
