tijiao
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<template>
|
||||
<page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
@@ -115,25 +116,21 @@ export default {
|
||||
title: "购买须知",
|
||||
valueName: "buyRecord",
|
||||
url: "/pages/curriculum/cate/index",
|
||||
|
||||
},
|
||||
{
|
||||
title: "使用须知",
|
||||
valueName: "useRecord",
|
||||
url: "/pages/curriculum/cate/index",
|
||||
|
||||
},
|
||||
{
|
||||
title: "学习次序",
|
||||
valueName: "studyRecord",
|
||||
url: "/pages/curriculum/cate/index",
|
||||
|
||||
},
|
||||
{
|
||||
title: "超 v",
|
||||
valueName: "vipRecord",
|
||||
url: "/pages/curriculum/cate/index",
|
||||
|
||||
},
|
||||
],
|
||||
options: {},
|
||||
@@ -372,7 +369,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/style/mixin.scss';
|
||||
@import "@/style/mixin.scss";
|
||||
.commonPageBox {
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
@@ -414,7 +411,7 @@ export default {
|
||||
border: none !important;
|
||||
}
|
||||
.openBox {
|
||||
background-color: #B7E0E2;
|
||||
background-color: #b7e0e2;
|
||||
border: 2rpx solid #eee;
|
||||
width: 160rpx;
|
||||
line-height: 80rpx;
|
||||
@@ -492,7 +489,7 @@ export default {
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
.richDetail{
|
||||
.richDetail {
|
||||
padding: 20rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<template>
|
||||
<page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
@@ -34,72 +35,71 @@
|
||||
height: 50rpx;"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<uni-indexed-list :options="indexList" :showSelect="false" @itemKeyClick="getCurrent">
|
||||
|
||||
<uni-indexed-list
|
||||
:options="indexList"
|
||||
:showSelect="false"
|
||||
@itemKeyClick="getCurrent"
|
||||
>
|
||||
<!-- labelSlot -->
|
||||
|
||||
<template slot="titleSlot" slot-scope="slotProps">
|
||||
|
||||
<text :class="`cate_item_name ${viewidIndex == slotProps.rowIndex ? 'hot' : ''}`">{{ slotProps.row }}</text>
|
||||
<text
|
||||
:class="`cate_item_name ${viewidIndex == slotProps.rowIndex ? 'hot' : ''}`"
|
||||
>{{ slotProps.row }}</text
|
||||
>
|
||||
</template>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
|
||||
<common-list
|
||||
noDataIcon="data"
|
||||
:isCondition="true"
|
||||
:isNoIcon="true"
|
||||
|
||||
:dataList="slotProps.row"
|
||||
label="title"
|
||||
>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
<image
|
||||
v-if="slotProps.row.image"
|
||||
:src="slotProps.row.image"
|
||||
mode="aspectFil"
|
||||
class="book_image"
|
||||
></image>
|
||||
<image
|
||||
v-else
|
||||
src="@/static/icon/videoIcon.png"
|
||||
mode="aspectFil"
|
||||
class="book_image"
|
||||
></image>
|
||||
noDataIcon="data"
|
||||
:isCondition="true"
|
||||
:isNoIcon="true"
|
||||
:dataList="slotProps.row"
|
||||
label="title"
|
||||
>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
<image
|
||||
v-if="slotProps.row.image"
|
||||
:src="slotProps.row.image"
|
||||
mode="aspectFil"
|
||||
class="book_image"
|
||||
></image>
|
||||
<image
|
||||
v-else
|
||||
src="@/static/icon/videoIcon.png"
|
||||
mode="aspectFil"
|
||||
class="book_image"
|
||||
></image>
|
||||
|
||||
<view class="related_courses_name">
|
||||
<view class="">
|
||||
{{ slotProps.row.title }}
|
||||
</view>
|
||||
|
||||
<view style="margin-top: 10rpx">
|
||||
<view
|
||||
v-for="item in slotProps.row.courseCatalogueEntityList"
|
||||
style="float: left; margin-right: 20rpx"
|
||||
>
|
||||
{{
|
||||
slotProps.row.courseCatalogueEntityList.length > 1
|
||||
? item.title
|
||||
: "整部"
|
||||
}}:
|
||||
|
||||
<text v-if="item.halfFee == 0 && item.fee == 0">免费</text>
|
||||
<text v-else-if="item.halfFee == 0 || item.fee == 0">
|
||||
{{ item.halfFee != 0 ? item.halfFee : "免费" }}/{{
|
||||
item.fee != 0 ? item.fee : "免费"
|
||||
}}</text
|
||||
>
|
||||
<text v-else-if="item.halfFee != 0 || item.fee != 0">
|
||||
{{ item.halfFee }}/{{ item.fee }}</text
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="related_courses_name">
|
||||
<view class="">
|
||||
{{ slotProps.row.title }}
|
||||
</view>
|
||||
|
||||
|
||||
</template>
|
||||
</common-list>
|
||||
|
||||
<view style="margin-top: 10rpx">
|
||||
<view
|
||||
v-for="item in slotProps.row.courseCatalogueEntityList"
|
||||
style="float: left; margin-right: 20rpx"
|
||||
>
|
||||
{{
|
||||
slotProps.row.courseCatalogueEntityList.length > 1
|
||||
? item.title
|
||||
: "整部"
|
||||
}}:
|
||||
|
||||
<text v-if="item.halfFee == 0 && item.fee == 0">免费</text>
|
||||
<text v-else-if="item.halfFee == 0 || item.fee == 0">
|
||||
{{ item.halfFee != 0 ? item.halfFee : "免费" }}/{{
|
||||
item.fee != 0 ? item.fee : "免费"
|
||||
}}</text
|
||||
>
|
||||
<text v-else-if="item.halfFee != 0 || item.fee != 0">
|
||||
{{ item.halfFee }}/{{ item.fee }}</text
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</common-list>
|
||||
</template>
|
||||
</uni-indexed-list>
|
||||
<!-- <u-index-list
|
||||
@@ -179,9 +179,6 @@
|
||||
</u-index-item>
|
||||
</view>
|
||||
</u-index-list> -->
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -375,10 +372,9 @@ export default {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
methods: {
|
||||
getCurrent(data){
|
||||
console.log('data at line 375:', data)
|
||||
this.viewidIndex=data
|
||||
|
||||
getCurrent(data) {
|
||||
console.log("data at line 375:", data);
|
||||
this.viewidIndex = data;
|
||||
},
|
||||
close() {
|
||||
this.isOpenRightButton = false;
|
||||
@@ -471,7 +467,7 @@ export default {
|
||||
|
||||
this.cateIconList = res.list;
|
||||
this.indexList = this.cateIconList.map((e) => {
|
||||
return {...e,data:e.courseList,letter:e.sociology.title};
|
||||
return { ...e, data: e.courseList, letter: e.sociology.title };
|
||||
});
|
||||
console.log("this.indexList at line 645:", this.indexList);
|
||||
this.itemArr = this.cateIconList.map((e) => {
|
||||
@@ -674,23 +670,20 @@ export default {
|
||||
// height: 56rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.cate_item_name {
|
||||
padding-top: 60rpx;
|
||||
width: 100%;
|
||||
// margin-left: 21rpx;
|
||||
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
|
||||
font-weight: 500;
|
||||
// font-weight: normal;
|
||||
font-size: 52rpx;
|
||||
color: #000000;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
padding-top: 60rpx;
|
||||
width: 100%;
|
||||
// margin-left: 21rpx;
|
||||
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
|
||||
font-weight: 500;
|
||||
// font-weight: normal;
|
||||
font-size: 52rpx;
|
||||
color: #000000;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.hot {
|
||||
color: $themeColor !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user