|
@@ -4,10 +4,10 @@
|
|
|
<el-carousel-item v-for="(item, index) in carousel" :key="index">
|
|
|
<div class="carousel-box" @click="openBanner(item)">
|
|
|
<img :src="item.img" alt="" />
|
|
|
- <div class="title-box">
|
|
|
+ <!-- <div class="title-box">
|
|
|
<p>{{ item.title }}</p>
|
|
|
<p>{{ item.subtitle }}</p>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
@@ -90,9 +90,9 @@ onMounted(() => {
|
|
|
let banners = store.website.banners
|
|
|
banners.forEach(item => {
|
|
|
if(item.source === 'upload') {
|
|
|
- item.img = 'https://teammodeltest.blob.core.chinacloudapi.cn' + '/' + store.website.id + item.blob + '?' + store.website.sas
|
|
|
+ item.img = store.website.url + item.blob + '?' + store.website.sas
|
|
|
} else if(item.source === 'activity') {
|
|
|
- item.img = item.blob + '?' + store.website.sas
|
|
|
+ item.img = store.website.url + item.blob + '?' + store.website.sas
|
|
|
}
|
|
|
carousel.value.push(item)
|
|
|
})
|
|
@@ -131,6 +131,7 @@ function getActList() {
|
|
|
item.posterShow = !item.poster ? require('@/assets/img/no-poster-cn.png') : item.url + item.poster + '?' + item.sas
|
|
|
lessonList.value.push(item)
|
|
|
})
|
|
|
+ lessonList.value = lessonList.value.sort((a, b) => b.createTime - a.createTime)
|
|
|
lessonListShow.value = lessonList.value
|
|
|
}
|
|
|
}).finally(() => {
|
|
@@ -166,7 +167,7 @@ watch(actType, ((newValue, oldValue) => {
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.home-page {
|
|
|
- padding: 0 15%;
|
|
|
+ padding: 0 13%;
|
|
|
// padding-top: 20px;
|
|
|
height: 100%;
|
|
|
background: linear-gradient(0deg, #c3d9e9, transparent);
|
|
@@ -176,6 +177,8 @@ watch(actType, ((newValue, oldValue) => {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
|
|
|
.title-box {
|
|
|
position: absolute;
|
|
@@ -221,18 +224,19 @@ watch(actType, ((newValue, oldValue) => {
|
|
|
|
|
|
.img-box {
|
|
|
max-width: 95%;
|
|
|
- display: block;
|
|
|
/* border-top-left-radius: 5px;
|
|
|
border-top-right-radius: 5px; */
|
|
|
- border-radius: 5px;
|
|
|
margin: 10px;
|
|
|
- height: 170px;
|
|
|
- text-align: center;
|
|
|
+ height: 142px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
|
|
|
img {
|
|
|
width: auto;
|
|
|
max-width: 100%;
|
|
|
max-height: 100%;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -288,7 +292,7 @@ watch(actType, ((newValue, oldValue) => {
|
|
|
.lesson-type {
|
|
|
position: absolute;
|
|
|
top: 10px;
|
|
|
- right: 9px;
|
|
|
+ right: 10px;
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
font-size: 14px;
|