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>
<div class="com-container home-container">
<div class="home-container">
<div>
<el-carousel height="300px">
<el-carousel-item :key="index" v-for="(item,index) in bannerlist">
......@@ -7,77 +7,80 @@
</el-carousel-item>
</el-carousel>
</div>
<!-- 热门活动 -->
<div>
<div class="home_title">
热门活动
</div>
<div class="active-list">
<div :key="index" :style="{
<div class="com-container home_content">
<!-- 热门活动 -->
<div >
<div class="home_title">
热门活动
</div>
<div class="active-list">
<div :key="index" :style="{
'-webkit-animation-delay': (index+1)*0.1+'s',
'imation-delay': (index+1)*0.1+'s',
}" class="active-list-item"
v-for="(item, index) in activeList">
<div class="inner">
<div class="active-list-item-bg">
<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>
v-for="(item, index) in activeList">
<div class="inner">
<div class="active-list-item-bg">
<el-image :src="item.cover" fit="cover"></el-image>
</div>
<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 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 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 class="flex line">
<div class="line"></div>
<span>查看更多</span>
</div>
<!-- 学生感想和体会 -->
<div>
<div class="home_title">
学生感想和体会
<!--查看更多-->
<div class="flex line">
<div class="line"></div>
<span>查看更多</span>
</div>
<div class="reflectionList">
<div :key="index"
class="reflections_item" v-for="(item, index) in reflectionsList">
<div class="item_float">
<div :key="index2" class="tag" v-for="(item2, index2) in item.tag">
{{item2}}
</div>
<div class="item_name">
<div>
<div class="name">
{{item.name}}
</div>
<div class="name_line">
</div>
<!-- 学生感想和体会 -->
<div>
<div class="home_title">
学生感想和体会
</div>
<div class="reflectionList">
<div :key="index"
class="reflections_item" v-for="(item, index) in reflectionsList">
<div class="item_float">
<div :key="index2" class="tag" v-for="(item2, index2) in item.tag">
{{item2}}
</div>
<div class="item_name">
<div>
<div class="name">
{{item.name}}
</div>
<div class="name_line">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="item_text">
{{item.think}}
<div>
<div class="item_text">
{{item.think}}
</div>
</div>
<div></div>
</div>
<div></div>
</div>
</div>
</div>
</div>
</template>
......@@ -384,11 +387,12 @@
}
.home-container {
padding: 50px;
color: #333333;
font-family: "PingFang SC";
}
.home_content{
padding: 50px;
}
.line {
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