|
@@ -21,7 +21,7 @@ const record = ref<any>()
|
|
|
const courseList = ref<SubjectCourseResult[]>()
|
|
const courseList = ref<SubjectCourseResult[]>()
|
|
|
async function getDataList() {
|
|
async function getDataList() {
|
|
|
const id = dict.getValueByLabelMapByType('index_subject_id')['娱乐']
|
|
const id = dict.getValueByLabelMapByType('index_subject_id')['娱乐']
|
|
|
- const res = await fetchSubjectAppInfo({ id,delFlag: false })
|
|
|
|
|
|
|
+ const res = await fetchSubjectAppInfo({ id, delFlag: false })
|
|
|
record.value = res
|
|
record.value = res
|
|
|
dataList.value = res.catalogList || []
|
|
dataList.value = res.catalogList || []
|
|
|
catalog.value = res?.catalogList?.[0]
|
|
catalog.value = res?.catalogList?.[0]
|
|
@@ -66,13 +66,13 @@ function debouncedOnScroll(e: any) {
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
function handleDetail(item: SubjectCatalogResult) {
|
|
function handleDetail(item: SubjectCatalogResult) {
|
|
|
- if (!item.payFlag && !item.trialPlay) {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: '请先购买',
|
|
|
|
|
- icon: 'none'
|
|
|
|
|
- })
|
|
|
|
|
- return
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ // if (!item.payFlag && !item.trialPlay) {
|
|
|
|
|
+ // uni.showToast({
|
|
|
|
|
+ // title: '请先购买',
|
|
|
|
|
+ // icon: 'none'
|
|
|
|
|
+ // })
|
|
|
|
|
+ // return
|
|
|
|
|
+ // }
|
|
|
router.push({
|
|
router.push({
|
|
|
path: "/pages/game/detail",
|
|
path: "/pages/game/detail",
|
|
|
query: {
|
|
query: {
|
|
@@ -86,7 +86,8 @@ function handleDetail(item: SubjectCatalogResult) {
|
|
|
<Loading v-show="isLoading" />
|
|
<Loading v-show="isLoading" />
|
|
|
<cl-page v-show="!isLoading">
|
|
<cl-page v-show="!isLoading">
|
|
|
<Back />
|
|
<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"
|
|
<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]" />
|
|
class="!absolute bottom-0 left-0 !w-[44vh] !h-[55vh] z-[1]" />
|
|
@@ -101,9 +102,10 @@ function handleDetail(item: SubjectCatalogResult) {
|
|
|
<cl-icon name="arrow-left-right-line" color="primary"></cl-icon>
|
|
<cl-icon name="arrow-left-right-line" color="primary"></cl-icon>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="boxs">
|
|
<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]" v-for="course in catalog?.courseList || []" :key="course.id" :class="`category-${course.catalogId}`"
|
|
|
|
|
- @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]" v-for="course in catalog?.courseList || []" :key="course.id"
|
|
|
|
|
+ :class="`category-${course.catalogId}`" @tap="handleDetail(course)">
|
|
|
<cl-image :src="config.baseUrl + course?.fileList?.[0]?.url" mode="heightFix"
|
|
<cl-image :src="config.baseUrl + course?.fileList?.[0]?.url" mode="heightFix"
|
|
|
class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
|
|
class="!w-full !h-[26vh] mb-[2px] rounded-xl"></cl-image>
|
|
|
<text class="text-[16px] font-bold">{{
|
|
<text class="text-[16px] font-bold">{{
|
|
@@ -113,7 +115,7 @@ function handleDetail(item: SubjectCatalogResult) {
|
|
|
<!-- <view>
|
|
<!-- <view>
|
|
|
<Progress :progress="30" />
|
|
<Progress :progress="30" />
|
|
|
</view> -->
|
|
</view> -->
|
|
|
- <Lock v-if="userInfo?.memberLevel === 'default'" :record="course" type="vip"/>
|
|
|
|
|
|
|
+ <Lock v-if="userInfo?.memberLevel === 'default'" :record="course" type="vip" />
|
|
|
</view>
|
|
</view>
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
</view>
|
|
</view>
|