Skip to content

C
campSite
Commit d7dd597d authored by 杨梦雪's avatar 杨梦雪
Browse files
Options

首页

parent 94023585
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 55 deletions
src/views/base/home/Home.vue
View file @ d7dd597d
<template> <template>
<div class="com-container home-container"> <div class="home-container">
<div> <div>
<el-carousel height="300px"> <el-carousel height="300px">
<el-carousel-item :key="index" v-for="(item,index) in bannerlist"> <el-carousel-item :key="index" v-for="(item,index) in bannerlist">
...@@ -7,77 +7,80 @@ ...@@ -7,77 +7,80 @@
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
</div> </div>
<!-- 热门活动 --> <div class="com-container home_content">
<div> <!-- 热门活动 -->
<div class="home_title"> <div >
热门活动 <div class="home_title">
</div> 热门活动
<div class="active-list"> </div>
<div :key="index" :style="{ <div class="active-list">
<div :key="index" :style="{
'-webkit-animation-delay': (index+1)*0.1+'s', '-webkit-animation-delay': (index+1)*0.1+'s',
'imation-delay': (index+1)*0.1+'s', 'imation-delay': (index+1)*0.1+'s',
}" class="active-list-item" }" class="active-list-item"
v-for="(item, index) in activeList"> v-for="(item, index) in activeList">
<div class="inner"> <div class="inner">
<div class="active-list-item-bg"> <div class="active-list-item-bg">
<el-image :src="item.cover" fit="cover"></el-image> <el-image :src="item.cover" fit="cover"></el-image>
</div>
<div class="active-list-item-cont">
<div class="active-list-item-cont-header">
<div class="label">{{item.label}}</div>
<div class="title">{{item.name}}</div>
</div> </div>
<div class="active-list-item-cont-txt1">{{item.school}}</div> <div class="active-list-item-cont">
<div class="active-list-item-cont-txt2">{{item.beginTime}} （共{{item.days}}天）</div> <div class="active-list-item-cont-header">
<div class="active-list-item-cont-txt3">报名截止时间：{{item.bmEndTime}}</div> <div class="label">{{item.label}}</div>
<div @click="$router.push('/active/'+item.id)" class="active-list-item-cont-bottom"> <div class="title">{{item.name}}</div>
<div>查看详情</div> </div>
<i class="el-icon-right"></i> <div class="active-list-item-cont-txt1">{{item.school}}</div>
<div class="active-list-item-cont-txt2">{{item.beginTime}} （共{{item.days}}天）</div>
<div class="active-list-item-cont-txt3">报名截止时间：{{item.bmEndTime}}</div>
<div @click="$router.push('/active/'+item.id)" class="active-list-item-cont-bottom">
<div>查看详情</div>
<i class="el-icon-right"></i>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <!--查看更多-->
<!--查看更多--> <div class="flex line">
<div class="flex line"> <div class="line"></div>
<div class="line"></div> <span>查看更多</span>
<span>查看更多</span>
</div>
<!-- 学生感想和体会 -->
<div>
<div class="home_title">
学生感想和体会
</div> </div>
<div class="reflectionList"> <!-- 学生感想和体会 -->
<div :key="index" <div>
class="reflections_item" v-for="(item, index) in reflectionsList"> <div class="home_title">
<div class="item_float"> 学生感想和体会
<div :key="index2" class="tag" v-for="(item2, index2) in item.tag"> </div>
{{item2}} <div class="reflectionList">
</div> <div :key="index"
<div class="item_name"> class="reflections_item" v-for="(item, index) in reflectionsList">
<div> <div class="item_float">
<div class="name"> <div :key="index2" class="tag" v-for="(item2, index2) in item.tag">
{{item.name}} {{item2}}
</div>
<div class="name_line">
</div>
</div> </div>
<div class="item_name">
<div>
<div class="name">
{{item.name}}
</div>
<div class="name_line">
</div>
</div>
</div>
</div> </div>
</div> <div>
<div> <div class="item_text">
<div class="item_text"> {{item.think}}
{{item.think}} </div>
</div> </div>
<div></div>
</div> </div>
<div></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
...@@ -384,11 +387,12 @@ ...@@ -384,11 +387,12 @@
} }
.home-container { .home-container {
padding: 50px;
color: #333333; color: #333333;
font-family: "PingFang SC"; font-family: "PingFang SC";
} }
.home_content{
padding: 50px;
}
.line { .line {
align-items: center; align-items: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment