|
@@ -2,7 +2,7 @@
|
|
<view class="lli-index-page">
|
|
<view class="lli-index-page">
|
|
<!-- banner -->
|
|
<!-- banner -->
|
|
<view class="index-imgbox">
|
|
<view class="index-imgbox">
|
|
- <img :src="banners||defaultbanners" class="index-banner-img"/>
|
|
|
|
|
|
+ <img :src="banners||defaultbanners" class="index-banner-img" />
|
|
</view>
|
|
</view>
|
|
<!-- meul-box -->
|
|
<!-- meul-box -->
|
|
<view class="index-meul-box">
|
|
<view class="index-meul-box">
|
|
@@ -18,15 +18,16 @@
|
|
</uni-grid-item>
|
|
</uni-grid-item>
|
|
</uni-grid>
|
|
</uni-grid>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
<!-- 课程list -->
|
|
<!-- 课程list -->
|
|
<view class="lli-index-title-box">
|
|
<view class="lli-index-title-box">
|
|
<text class="index-title">最热课程</text>
|
|
<text class="index-title">最热课程</text>
|
|
<text class="index-sub-title" @click="developClick">查看更多 ></text>
|
|
<text class="index-sub-title" @click="developClick">查看更多 ></text>
|
|
</view>
|
|
</view>
|
|
<view class="lli-card-box">
|
|
<view class="lli-card-box">
|
|
- <uni-card padding="0" margin="0" spacing="0" :is-shadow="false" :border="false"
|
|
|
|
- v-for="(item ,index) in courseCardList" :index="index" :key="index" class="lli-card-item" @click="developClick(index)">
|
|
|
|
|
|
+ <uni-card padding="0" margin="0" spacing="0" :is-shadow="false" :border="false"
|
|
|
|
+ v-for="(item ,index) in courseCardList" :index="index" :key="index" class="lli-card-item"
|
|
|
|
+ @click="developClick(index)">
|
|
<view class="custom-cover">
|
|
<view class="custom-cover">
|
|
<image class="lli-card-image" mode="aspectFill" :src="item.pic || defultKcImg"></image>
|
|
<image class="lli-card-image" mode="aspectFill" :src="item.pic || defultKcImg"></image>
|
|
<view class="cover-content" v-if="item.status">
|
|
<view class="cover-content" v-if="item.status">
|
|
@@ -42,8 +43,9 @@
|
|
<text class="index-sub-title" @click="handleCheckMoreKs">查看更多 ></text>
|
|
<text class="index-sub-title" @click="handleCheckMoreKs">查看更多 ></text>
|
|
</view>
|
|
</view>
|
|
<view class="lli-card-box">
|
|
<view class="lli-card-box">
|
|
- <uni-card padding="0" margin="0" spacing="0" :is-shadow="false" :border="false"
|
|
|
|
- v-for="(item ,index) in examCardList" :index="index" :key="index" class="lli-card-item" @click="handleClickKs(item)">
|
|
|
|
|
|
+ <uni-card padding="0" margin="0" spacing="0" :is-shadow="false" :border="false"
|
|
|
|
+ v-for="(item ,index) in examCardList" :index="index" :key="index" class="lli-card-item"
|
|
|
|
+ @click="handleClickKs(item)">
|
|
<view class="custom-cover">
|
|
<view class="custom-cover">
|
|
<image class="lli-card-image" mode="aspectFill" :src="item.pic || defultKsImg"></image>
|
|
<image class="lli-card-image" mode="aspectFill" :src="item.pic || defultKsImg"></image>
|
|
<view class="cover-content" v-if="item.status">
|
|
<view class="cover-content" v-if="item.status">
|
|
@@ -53,9 +55,9 @@
|
|
<text class="lli-card-name">{{item.ksName}}</text>
|
|
<text class="lli-card-name">{{item.ksName}}</text>
|
|
</uni-card>
|
|
</uni-card>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
<!-- 考试须知 -->
|
|
<!-- 考试须知 -->
|
|
<kaoshixuzhi ref="ksxzRef" @confirm="handleConfirm"></kaoshixuzhi>
|
|
<kaoshixuzhi ref="ksxzRef" @confirm="handleConfirm"></kaoshixuzhi>
|
|
</view>
|
|
</view>
|
|
@@ -67,111 +69,128 @@
|
|
getClientKaoshiInfo
|
|
getClientKaoshiInfo
|
|
} from "@/api/exam.js";
|
|
} from "@/api/exam.js";
|
|
import kaoshixuzhi from "@/components/kaoshixuzhi/kaoshixuzhi.vue"
|
|
import kaoshixuzhi from "@/components/kaoshixuzhi/kaoshixuzhi.vue"
|
|
- import {ref,reactive} from "vue";
|
|
|
|
- import {getCourseList, getNoticeCount,getExamList} from '@/api/index.js';
|
|
|
|
- import {onLoad} from "@dcloudio/uni-app"
|
|
|
|
- const banners= ref('');
|
|
|
|
- const defaultbanners= ref('/static/images/index/index-banner.png');
|
|
|
|
- const defultKsImg= ref('/static/images/index/index-ks-default.png');
|
|
|
|
- const defultKcImg= ref('/static/images/index/index-kc-default.png');
|
|
|
|
- const statusCodeKc= ref(['未开始', '可以学习', '已学完', '学习中', '已结束']);
|
|
|
|
- const statusCodeKs= ref(['未开始', '可以考试', '再次考试', '考试中', '已结束', '未报名', '报名审核中', '审核未通过', '等待人工评分']);
|
|
|
|
|
|
+ import {
|
|
|
|
+ ref,
|
|
|
|
+ reactive
|
|
|
|
+ } from "vue";
|
|
|
|
+ import {
|
|
|
|
+ getCourseList,
|
|
|
|
+ getNoticeCount,
|
|
|
|
+ getExamList
|
|
|
|
+ } from '@/api/index.js';
|
|
|
|
+ import {
|
|
|
|
+ onLoad
|
|
|
|
+ } from "@dcloudio/uni-app"
|
|
|
|
+ const banners = ref('');
|
|
|
|
+ const defaultbanners = ref('/static/images/index/index-banner.png');
|
|
|
|
+ const defultKsImg = ref('/static/images/index/index-ks-default.png');
|
|
|
|
+ const defultKcImg = ref('/static/images/index/index-kc-default.png');
|
|
|
|
+ const statusCodeKc = ref(['未开始', '可以学习', '已学完', '学习中', '已结束']);
|
|
|
|
+ const statusCodeKs = ref(['未开始', '可以考试', '再次考试', '考试中', '已结束', '未报名', '报名审核中', '审核未通过', '等待人工评分']);
|
|
let menuList = ref([{
|
|
let menuList = ref([{
|
|
- url: '/static/images/index/index-kc-img.png',
|
|
|
|
- text: '我的课程',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- url: '/static/images/index/index-ks-img.png',
|
|
|
|
- text: '我的考试',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- url: '/static/images/index/index-lx-img.png',
|
|
|
|
- text: '每日一练',
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- url: '/static/images/index/index-gg-img.png',
|
|
|
|
- text: '公告',
|
|
|
|
- badge:0,
|
|
|
|
- },
|
|
|
|
- ]);
|
|
|
|
|
|
+ url: '/static/images/index/index-kc-img.png',
|
|
|
|
+ text: '我的课程',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ url: '/static/images/index/index-ks-img.png',
|
|
|
|
+ text: '我的考试',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ url: '/static/images/index/index-lx-img.png',
|
|
|
|
+ text: '每日一练',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ url: '/static/images/index/index-gg-img.png',
|
|
|
|
+ text: '公告',
|
|
|
|
+ badge: 0,
|
|
|
|
+ },
|
|
|
|
+ ]);
|
|
let courseCardList = ref([]);
|
|
let courseCardList = ref([]);
|
|
let examCardList = ref([]);
|
|
let examCardList = ref([]);
|
|
let noticeCount = ref(0);
|
|
let noticeCount = ref(0);
|
|
const examNoticeInfo = ref(null); // 考试须知数据
|
|
const examNoticeInfo = ref(null); // 考试须知数据
|
|
const ksxzRef = ref(null);
|
|
const ksxzRef = ref(null);
|
|
const activeKs = ref(null);
|
|
const activeKs = ref(null);
|
|
-
|
|
|
|
|
|
+
|
|
onLoad(() => {
|
|
onLoad(() => {
|
|
getNoticeCountData();
|
|
getNoticeCountData();
|
|
getCourseListData();
|
|
getCourseListData();
|
|
getExamListData();
|
|
getExamListData();
|
|
});
|
|
});
|
|
-
|
|
|
|
|
|
+
|
|
function getNoticeCountData() {
|
|
function getNoticeCountData() {
|
|
let req = {
|
|
let req = {
|
|
- 'page': 1,
|
|
|
|
- 'size': 4,
|
|
|
|
- 'status': 1,
|
|
|
|
- };
|
|
|
|
|
|
+ 'page': 1,
|
|
|
|
+ 'size': 4,
|
|
|
|
+ 'status': 1,
|
|
|
|
+ };
|
|
getNoticeCount(req).then(res => {
|
|
getNoticeCount(req).then(res => {
|
|
- menuList.value[3].badge = res.data.noticeCount || 0;
|
|
|
|
|
|
+ menuList.value[3].badge = res.data.noticeCount || 0;
|
|
});
|
|
});
|
|
};
|
|
};
|
|
-
|
|
|
|
|
|
+
|
|
function getCourseListData() {
|
|
function getCourseListData() {
|
|
let req = {
|
|
let req = {
|
|
- 'page': 1,
|
|
|
|
- 'size': 4,
|
|
|
|
- 'status': 1,
|
|
|
|
- };
|
|
|
|
|
|
+ 'page': 1,
|
|
|
|
+ 'size': 4,
|
|
|
|
+ 'status': 1,
|
|
|
|
+ };
|
|
getCourseList(req).then(res => {
|
|
getCourseList(req).then(res => {
|
|
- courseCardList.value = res.data.data || [];
|
|
|
|
|
|
+ courseCardList.value = res.data.data || [];
|
|
});
|
|
});
|
|
};
|
|
};
|
|
-
|
|
|
|
|
|
+
|
|
function getExamListData() {
|
|
function getExamListData() {
|
|
let req = {
|
|
let req = {
|
|
- 'page': 1,
|
|
|
|
- 'size': 4,
|
|
|
|
- 'status': 1,
|
|
|
|
- };
|
|
|
|
|
|
+ 'page': 1,
|
|
|
|
+ 'size': 4,
|
|
|
|
+ 'status': 1,
|
|
|
|
+ };
|
|
getExamList(req).then(res => {
|
|
getExamList(req).then(res => {
|
|
- examCardList.value = res.data.data || [];
|
|
|
|
|
|
+ examCardList.value = res.data.data || [];
|
|
});
|
|
});
|
|
};
|
|
};
|
|
-
|
|
|
|
- function gridClick(e){
|
|
|
|
- let {index} = e.detail;
|
|
|
|
|
|
+
|
|
|
|
+ function gridClick(e) {
|
|
|
|
+ let {
|
|
|
|
+ index
|
|
|
|
+ } = e.detail;
|
|
switch (index) {
|
|
switch (index) {
|
|
case 0:
|
|
case 0:
|
|
- uni.switchTab({
|
|
|
|
- url: '/pages/course/index'
|
|
|
|
- });
|
|
|
|
- break;
|
|
|
|
|
|
+ uni.switchTab({
|
|
|
|
+ url: '/pages/course/index'
|
|
|
|
+ });
|
|
|
|
+ break;
|
|
case 1:
|
|
case 1:
|
|
- uni.switchTab({
|
|
|
|
- url: '/pages/exam/index'
|
|
|
|
- });
|
|
|
|
- break;
|
|
|
|
|
|
+ uni.switchTab({
|
|
|
|
+ url: '/pages/exam/index'
|
|
|
|
+ });
|
|
|
|
+ break;
|
|
case 2:
|
|
case 2:
|
|
- uni.navigateTo({
|
|
|
|
- url: '/pages/lianxi/index'
|
|
|
|
- })
|
|
|
|
- break;
|
|
|
|
|
|
+ uni.showToast({
|
|
|
|
+ icon: 'none',
|
|
|
|
+ title: '开发中,敬请期侍!',
|
|
|
|
+ })
|
|
|
|
+ return false
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/pages/lianxi/index'
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
case 3:
|
|
case 3:
|
|
- uni.navigateTo({
|
|
|
|
- url:'/pages/my/mesList?from=indexPeixun'
|
|
|
|
- })
|
|
|
|
- break;
|
|
|
|
- }
|
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '/pages/my/mesList?from=indexPeixun'
|
|
|
|
+ })
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- function developClick(){
|
|
|
|
|
|
+
|
|
|
|
+ function developClick() {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
icon: 'none',
|
|
icon: 'none',
|
|
title: '开发中,敬请期侍!',
|
|
title: '开发中,敬请期侍!',
|
|
});
|
|
});
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
function goKaoshiPage(data) {
|
|
function goKaoshiPage(data) {
|
|
/* uni.redirectTo({
|
|
/* uni.redirectTo({
|
|
url: `/pages/exam/exam?ksId=${data.ksId}&zhuapai=${data.zhuapai}`
|
|
url: `/pages/exam/exam?ksId=${data.ksId}&zhuapai=${data.zhuapai}`
|
|
@@ -180,11 +199,11 @@
|
|
url: `/pages/exam/exam?ksId=${data.ksId}&zhuapai=${data.zhuapai}`
|
|
url: `/pages/exam/exam?ksId=${data.ksId}&zhuapai=${data.zhuapai}`
|
|
})
|
|
})
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
function handleConfirm() {
|
|
function handleConfirm() {
|
|
goKaoshiPage(activeKs.value)
|
|
goKaoshiPage(activeKs.value)
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
function showKaoshiXuzhi() {
|
|
function showKaoshiXuzhi() {
|
|
const option = {
|
|
const option = {
|
|
ksId: activeKs.value.ksId
|
|
ksId: activeKs.value.ksId
|
|
@@ -194,9 +213,9 @@
|
|
// 校验抓拍
|
|
// 校验抓拍
|
|
doCheckZhuapai()
|
|
doCheckZhuapai()
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
function doCheckZhuapai() {
|
|
function doCheckZhuapai() {
|
|
if (examNoticeInfo.value.zhuapai) {
|
|
if (examNoticeInfo.value.zhuapai) {
|
|
// 存在抓拍
|
|
// 存在抓拍
|
|
@@ -205,10 +224,10 @@
|
|
ksxzRef.value.showDialog(examNoticeInfo.value)
|
|
ksxzRef.value.showDialog(examNoticeInfo.value)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
function handleClickKs(data) {
|
|
function handleClickKs(data) {
|
|
activeKs.value = data;
|
|
activeKs.value = data;
|
|
- console.log('ddddd',data)
|
|
|
|
|
|
+ console.log('ddddd', data)
|
|
if (data.status == 0) {
|
|
if (data.status == 0) {
|
|
// 未开始
|
|
// 未开始
|
|
showKaoshiXuzhi()
|
|
showKaoshiXuzhi()
|
|
@@ -244,36 +263,38 @@
|
|
scrollRef.value.onRefresh()
|
|
scrollRef.value.onRefresh()
|
|
})
|
|
})
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
function handleCheckMoreKs() {
|
|
function handleCheckMoreKs() {
|
|
uni.switchTab({
|
|
uni.switchTab({
|
|
url: '/pages/exam/index'
|
|
url: '/pages/exam/index'
|
|
})
|
|
})
|
|
}
|
|
}
|
|
-
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
-.lli-index-page{
|
|
|
|
- padding: 24rpx;
|
|
|
|
- background: #FCFBFC;
|
|
|
|
- min-height: 100vh;
|
|
|
|
- // banner
|
|
|
|
- .index-imgbox {
|
|
|
|
- text-align: center;width: 100%;
|
|
|
|
- .index-banner-img {
|
|
|
|
- width: 702rpx;
|
|
|
|
- height: 242rpx;
|
|
|
|
- display: inline-block;
|
|
|
|
- border-radius: 4px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- //meul-box
|
|
|
|
- .index-meul-box{
|
|
|
|
- .lli-grid-item {
|
|
|
|
|
|
+ .lli-index-page {
|
|
|
|
+ padding: 24rpx;
|
|
|
|
+ background: #FCFBFC;
|
|
|
|
+ min-height: 100vh;
|
|
|
|
+
|
|
|
|
+ // banner
|
|
|
|
+ .index-imgbox {
|
|
|
|
+ text-align: center;
|
|
|
|
+ width: 100%;
|
|
|
|
+
|
|
|
|
+ .index-banner-img {
|
|
|
|
+ width: 702rpx;
|
|
|
|
+ height: 242rpx;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ //meul-box
|
|
|
|
+ .index-meul-box {
|
|
|
|
+ .lli-grid-item {
|
|
flex: 1;
|
|
flex: 1;
|
|
/* #ifndef APP-NVUE */
|
|
/* #ifndef APP-NVUE */
|
|
display: flex;
|
|
display: flex;
|
|
@@ -283,35 +304,111 @@
|
|
justify-content: center;
|
|
justify-content: center;
|
|
padding: 15px 0;
|
|
padding: 15px 0;
|
|
}
|
|
}
|
|
- .grid-item-image {width: 99rpx;height: 113rpx;}
|
|
|
|
- .grid-item-text {font-size: 24rpx;color: $uni-text-color;}
|
|
|
|
- .grid-dot {position: absolute;top: 5px;right: 15px;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // title-box
|
|
|
|
- .lli-index-title-box{
|
|
|
|
- margin: 44rpx 0 32rpx;display: flex;justify-content: space-between;align-items: center;
|
|
|
|
- .index-title{font-size: 32rpx;color: #333;font-weight: 800;display: inline-flex;align-items: center;}
|
|
|
|
- .index-title:before{content:'';width: 3px;height: 30rpx;background: $uni-primary;margin-right: 8px;display: block;}
|
|
|
|
- .index-sub-title{font-size: 24rpx;color: #9c9c9c;font-weight: normal;cursor: pointer;}
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- // card
|
|
|
|
- .lli-card-box{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 8px;cursor: pointer;}
|
|
|
|
- .lli-card-item{
|
|
|
|
- width: 49%;flex: unset;border-radius: 20rpx;background-color: #ffffff;
|
|
|
|
- padding: 12rpx 12rpx 0;box-sizing: border-box;margin-bottom: 20rpx;
|
|
|
|
- .lli-card-image{max-width: 100%;height: 180rpx;border-radius: 8rpx;}
|
|
|
|
- .custom-cover {max-width: 100%;height: 180rpx;border-radius: 8rpx;overflow: hidden;position: relative;}
|
|
|
|
- .cover-content {
|
|
|
|
- position: absolute;bottom: 0;left: 0;padding: 4rpx 12rpx;background: rgba(0, 0, 0, 0.29);
|
|
|
|
- color: #fff;font-size: 22rpx;border-radius: 0 10rpx 0 10rpx;
|
|
|
|
|
|
+
|
|
|
|
+ .grid-item-image {
|
|
|
|
+ width: 99rpx;
|
|
|
|
+ height: 113rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .grid-item-text {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ color: $uni-text-color;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .grid-dot {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 5px;
|
|
|
|
+ right: 15px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // title-box
|
|
|
|
+ .lli-index-title-box {
|
|
|
|
+ margin: 44rpx 0 32rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ .index-title {
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ font-weight: 800;
|
|
|
|
+ display: inline-flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .index-title:before {
|
|
|
|
+ content: '';
|
|
|
|
+ width: 3px;
|
|
|
|
+ height: 30rpx;
|
|
|
|
+ background: $uni-primary;
|
|
|
|
+ margin-right: 8px;
|
|
|
|
+ display: block;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .index-sub-title {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ color: #9c9c9c;
|
|
|
|
+ font-weight: normal;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- .lli-card-name{
|
|
|
|
- font-size: 28rpx;line-height: 36rpx;color: #565656;margin: 20rpx 0;
|
|
|
|
- display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;
|
|
|
|
- text-overflow: ellipsis;-webkit-box-orient: vertical;
|
|
|
|
|
|
+
|
|
|
|
+ // card
|
|
|
|
+ .lli-card-box {
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ margin-bottom: 8px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .lli-card-item {
|
|
|
|
+ width: 49%;
|
|
|
|
+ flex: unset;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ padding: 12rpx 12rpx 0;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+
|
|
|
|
+ .lli-card-image {
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ height: 180rpx;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .custom-cover {
|
|
|
|
+ max-width: 100%;
|
|
|
|
+ height: 180rpx;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .cover-content {
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ padding: 4rpx 12rpx;
|
|
|
|
+ background: rgba(0, 0, 0, 0.29);
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ border-radius: 0 10rpx 0 10rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .lli-card-name {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ line-height: 36rpx;
|
|
|
|
+ color: #565656;
|
|
|
|
+ margin: 20rpx 0;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-}
|
|
|
|
-</style>
|
|
|
|
|
|
+</style>
|