|
|
@@ -1,185 +1,295 @@
|
|
|
<template>
|
|
|
<div class="app-container home">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
- <el-card class="update-log">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span class="title">
|
|
|
- <i class="el-icon-postcard"></i> 通知公告
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="body">
|
|
|
- <p>
|
|
|
- <a class="link">2023年5月11日机关党委党员学习...</a>
|
|
|
- <span class="date">2023-05-09</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">2023年4月6日机关党委党员学习...</a>
|
|
|
- <span class="date">2023-05-09</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">2023年3月9日机关党委党员学习...</a>
|
|
|
- <span class="date">2023-05-09</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">2023年2月9日机关党委党员学习...</a>
|
|
|
- <span class="date">2023-05-09</span>
|
|
|
- </p>
|
|
|
+ <!--<el-row :gutter="20">-->
|
|
|
+ <!--<el-col :xs="24" :sm="24" :md="12" :lg="8">-->
|
|
|
+ <!--<el-card class="update-log">-->
|
|
|
+ <!--<div slot="header" class="clearfix">-->
|
|
|
+ <!--<span class="title">-->
|
|
|
+ <!--<i class="el-icon-postcard"></i> 通知公告-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="body">-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">2023年1月12日机关党委党员学习...</a>-->
|
|
|
+ <!--<a class="link">2023年5月11日机关党委党员学习...</a>-->
|
|
|
<!--<span class="date">2023-05-09</span>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">2022年11月10日机关党委党员学习...</a>-->
|
|
|
+ <!--<a class="link">2023年4月6日机关党委党员学习...</a>-->
|
|
|
<!--<span class="date">2023-05-09</span>-->
|
|
|
<!--</p>-->
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
- <el-card class="update-log">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span class="title">
|
|
|
- <i class="el-icon-thumb"></i> 服务指南
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="body">
|
|
|
- <p>
|
|
|
- <a class="link">《中国共产党入党志愿书》...</a>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">学校举行中国革命史和党史...</a>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">学校举办“不忘初心、牢记...</a>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">学校举行“不忘初心、牢记...</a>
|
|
|
- </p>
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">我校“不忘初心、牢记使命...</a>-->
|
|
|
+ <!--<a class="link">2023年3月9日机关党委党员学习...</a>-->
|
|
|
+ <!--<span class="date">2023-05-09</span>-->
|
|
|
<!--</p>-->
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
- <el-card class="update-log">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span class="title">
|
|
|
- <i class="el-icon-download"></i> 常用下载
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="body">
|
|
|
- <p>
|
|
|
- <a class="link">党内管理系统安装程序及培...</a>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">审核转入党员档案常用材料</a>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">发展党员工作常用模板样表</a>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">“发展党员纪实公示系统”...</a>
|
|
|
- </p>
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">“灯塔-党建在线”管理员...</a>-->
|
|
|
+ <!--<a class="link">2023年2月9日机关党委党员学习...</a>-->
|
|
|
+ <!--<span class="date">2023-05-09</span>-->
|
|
|
<!--</p>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">2023年1月12日机关党委党员学习...</a>–>-->
|
|
|
+ <!--<!–<span class="date">2023-05-09</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">2022年11月10日机关党委党员学习...</a>–>-->
|
|
|
+ <!--<!–<span class="date">2023-05-09</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</el-card>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <!--<el-col :xs="24" :sm="24" :md="12" :lg="8">-->
|
|
|
+ <!--<el-card class="update-log">-->
|
|
|
+ <!--<div slot="header" class="clearfix">-->
|
|
|
+ <!--<span class="title">-->
|
|
|
+ <!--<i class="el-icon-thumb"></i> 服务指南-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="body">-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">党组织关系转接有关表格</a>-->
|
|
|
+ <!--<a class="link">《中国共产党入党志愿书》...</a>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">学校举行中国革命史和党史...</a>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">学校举办“不忘初心、牢记...</a>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">学校举行“不忘初心、牢记...</a>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">我校“不忘初心、牢记使命...</a>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</el-card>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <!--<el-col :xs="24" :sm="24" :md="12" :lg="8">-->
|
|
|
+ <!--<el-card class="update-log">-->
|
|
|
+ <!--<div slot="header" class="clearfix">-->
|
|
|
+ <!--<span class="title">-->
|
|
|
+ <!--<i class="el-icon-download"></i> 常用下载-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="body">-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">党内管理系统安装程序及培...</a>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">审核转入党员档案常用材料</a>-->
|
|
|
<!--</p>-->
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <br/>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
- <el-card class="update-log">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span class="title">
|
|
|
- <i class="el-icon-news"></i> 组工动态
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="body">
|
|
|
- <p>
|
|
|
- <a class="link">机关党委开展主题党日观影活动</a>
|
|
|
- <span class="date">2023-03-30</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">学校召开党的建设工作领导小组会议</a>
|
|
|
- <span class="date">2023-03-07</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">我校机关党委与新城街道举行党建共建签约...</a>
|
|
|
- <span class="date">2023-02-20</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <a class="link">学校召开2022年度党组织书记履行全面...</a>
|
|
|
- <span class="date">2023-01-07</span>
|
|
|
- </p>
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">组织部党支部开展主题党日学习活动</a>-->
|
|
|
- <!--<span class="date">2022-11-18</span>-->
|
|
|
+ <!--<a class="link">发展党员工作常用模板样表</a>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">开展党员“双报到”，助力社区疫情防控</a>-->
|
|
|
- <!--<span class="date">2022-09-22</span>-->
|
|
|
+ <!--<a class="link">“发展党员纪实公示系统”...</a>-->
|
|
|
<!--</p>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">“灯塔-党建在线”管理员...</a>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">党组织关系转接有关表格</a>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</el-card>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <!--</el-row>-->
|
|
|
+ <!--<br/>-->
|
|
|
+ <!--<el-row :gutter="20">-->
|
|
|
+ <!--<el-col :xs="24" :sm="24" :md="12" :lg="8">-->
|
|
|
+ <!--<el-card class="update-log">-->
|
|
|
+ <!--<div slot="header" class="clearfix">-->
|
|
|
+ <!--<span class="title">-->
|
|
|
+ <!--<i class="el-icon-news"></i> 组工动态-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="body">-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">学校召开党建工作调度会议</a>-->
|
|
|
- <!--<span class="date">2022-09-16</span>-->
|
|
|
+ <!--<a class="link">机关党委开展主题党日观影活动</a>-->
|
|
|
+ <!--<span class="date">2023-03-30</span>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
<!--<a class="link">学校召开党的建设工作领导小组会议</a>-->
|
|
|
- <!--<span class="date">2022-09-08</span>-->
|
|
|
+ <!--<span class="date">2023-03-07</span>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">我校机关党委与新城街道举行党建共建签约...</a>-->
|
|
|
+ <!--<span class="date">2023-02-20</span>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">学校召开2022年度党组织书记履行全面...</a>-->
|
|
|
+ <!--<span class="date">2023-01-07</span>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">组织部党支部开展主题党日学习活动</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-11-18</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">开展党员“双报到”，助力社区疫情防控</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-09-22</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">学校召开党建工作调度会议</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-09-16</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">学校召开党的建设工作领导小组会议</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-09-08</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">学校举行暑期中层干部能力素质提升专题...</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-08-28</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">暑期中层干部能力素质提升专题培训班开班</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-08-23</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">团委党支部开展“青春心向党 喜迎...</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-07-11</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">安顺校区管理办公室党支部开展...</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-07-11</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--<!–<p>–>-->
|
|
|
+ <!--<!–<a class="link">机关党委理论学习中心组进行集体学习</a>–>-->
|
|
|
+ <!--<!–<span class="date">2022-06-29</span>–>-->
|
|
|
+ <!--<!–</p>–>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</el-card>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <!--<el-col :xs="24" :sm="24" :md="12" :lg="8">-->
|
|
|
+ <!--<el-card class="update-log">-->
|
|
|
+ <!--<div slot="header" class="clearfix">-->
|
|
|
+ <!--<span class="title">-->
|
|
|
+ <!--<i class="el-icon-guide"></i> 基层一线-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="body">-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">机关党委开展主题党日观影活动</a>-->
|
|
|
+ <!--<span class="date">2023-03-30</span>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">学校领导到茌平调研“第一书记”工作</a>-->
|
|
|
+ <!--<span class="date">2022-01-19</span>-->
|
|
|
+ <!--</p>-->
|
|
|
+ <!--<p>-->
|
|
|
+ <!--<a class="link">我校驻村“第一书记”积极开展工作</a>-->
|
|
|
+ <!--<span class="date">2021-11-09</span>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">学校举行暑期中层干部能力素质提升专题...</a>-->
|
|
|
- <!--<span class="date">2022-08-28</span>-->
|
|
|
+ <!--<a class="link">校领导为第五轮省派“第一书记”送行</a>-->
|
|
|
+ <!--<span class="date">2021-11-03</span>-->
|
|
|
<!--</p>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</el-card>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <!--<el-col :xs="24" :sm="24" :md="12" :lg="8">-->
|
|
|
+ <!--<el-card class="update-log">-->
|
|
|
+ <!--<div slot="header" class="clearfix">-->
|
|
|
+ <!--<span class="title">-->
|
|
|
+ <!--<i class="el-icon-link"></i> 先进风采-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="body">-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">暑期中层干部能力素质提升专题培训班开班</a>-->
|
|
|
- <!--<span class="date">2022-08-23</span>-->
|
|
|
+ <!--<a class="link">让党旗在疫情防控一线高高飘扬...</a>-->
|
|
|
+ <!--<span class="date">2022-05-10</span>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">团委党支部开展“青春心向党 喜迎...</a>-->
|
|
|
- <!--<span class="date">2022-07-11</span>-->
|
|
|
+ <!--<a class="link">我校王昕、李新宁作为“四进”攻坚工作组...</a>-->
|
|
|
+ <!--<span class="date">2022-04-04</span>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">安顺校区管理办公室党支部开展...</a>-->
|
|
|
- <!--<span class="date">2022-07-11</span>-->
|
|
|
+ <!--<a class="link">“第一书记”帮包村客人来我校赠送锦旗</a>-->
|
|
|
+ <!--<span class="date">2021-05-31</span>-->
|
|
|
<!--</p>-->
|
|
|
<!--<p>-->
|
|
|
- <!--<a class="link">机关党委理论学习中心组进行集体学习</a>-->
|
|
|
- <!--<span class="date">2022-06-29</span>-->
|
|
|
+ <!--<a class="link">我校第三轮“第一书记”载誉归来</a>-->
|
|
|
+ <!--<span class="date">2019-04-25</span>-->
|
|
|
<!--</p>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</el-card>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <!--</el-row>-->
|
|
|
+
|
|
|
+ <!--<div class="swipe">-->
|
|
|
+ <!--<input type="radio" name="indicator" id="indicator1" hidden checked>-->
|
|
|
+ <!--<label for="indicator1"></label>-->
|
|
|
+ <!--<input type="radio" name="indicator" id="indicator2" hidden>-->
|
|
|
+ <!--<label for="indicator2"></label>-->
|
|
|
+ <!--<input type="radio" name="indicator" id="indicator3" hidden>-->
|
|
|
+ <!--<label for="indicator3"></label>-->
|
|
|
+ <!--<ul>-->
|
|
|
+ <!--<li><img src="../assets/images/5dbbfff0-356e-4a6c-9433-7fe52cbe8aff_s.jpg"></li>-->
|
|
|
+ <!--<li><img src="../assets/images/5e9c6851-e51a-45b4-a20d-06f2d5be5346_s.jpg"></li>-->
|
|
|
+ <!--<li><img src="../assets/images/52f5de39-ebe1-413f-9d23-0fb7a6d58d54_s.jpg"></li>-->
|
|
|
+ <!--</ul>-->
|
|
|
+ <!--</div>-->
|
|
|
+
|
|
|
+ <!--<img src="../assets/images/党支部主要任务.png"/>-->
|
|
|
+
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="24">
|
|
|
+ <el-carousel height="350px" style="margin-bottom: 20px;">
|
|
|
+ <el-carousel-item v-for="item in 4" :key="item">
|
|
|
+ <h3 class="small">{{ item }}</h3>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
+ <el-card class="update-log">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span class="title">
|
|
|
+ 通知公告
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="body">
|
|
|
+ <p>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2022-05-10</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2022-04-04</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2021-05-31</span>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2019-04-25</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
<el-card class="update-log">
|
|
|
<div slot="header" class="clearfix">
|
|
|
- <span class="title">
|
|
|
- <i class="el-icon-guide"></i> 基层一线
|
|
|
- </span>
|
|
|
+ <span class="title">
|
|
|
+ 政治生日
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<div class="body">
|
|
|
<p>
|
|
|
- <a class="link">机关党委开展主题党日观影活动</a>
|
|
|
- <span class="date">2023-03-30</span>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2022-05-10</span>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <a class="link">学校领导到茌平调研“第一书记”工作</a>
|
|
|
- <span class="date">2022-01-19</span>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2022-04-04</span>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <a class="link">我校驻村“第一书记”积极开展工作</a>
|
|
|
- <span class="date">2021-11-09</span>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2021-05-31</span>
|
|
|
</p>
|
|
|
<p>
|
|
|
- <a class="link">校领导为第五轮省派“第一书记”送行</a>
|
|
|
- <span class="date">2021-11-03</span>
|
|
|
+ <a class="link">xxx</a>
|
|
|
+ <span class="date">2019-04-25</span>
|
|
|
</p>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
@@ -187,9 +297,9 @@
|
|
|
<el-col :xs="24" :sm="24" :md="12" :lg="8">
|
|
|
<el-card class="update-log">
|
|
|
<div slot="header" class="clearfix">
|
|
|
- <span class="title">
|
|
|
- <i class="el-icon-link"></i> 先进风采
|
|
|
- </span>
|
|
|
+ <span class="title">
|
|
|
+ 先进风采
|
|
|
+ </span>
|
|
|
</div>
|
|
|
<div class="body">
|
|
|
<p>
|
|
|
@@ -212,19 +322,6 @@
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <!--<div class="swipe">-->
|
|
|
- <!--<input type="radio" name="indicator" id="indicator1" hidden checked>-->
|
|
|
- <!--<label for="indicator1"></label>-->
|
|
|
- <!--<input type="radio" name="indicator" id="indicator2" hidden>-->
|
|
|
- <!--<label for="indicator2"></label>-->
|
|
|
- <!--<input type="radio" name="indicator" id="indicator3" hidden>-->
|
|
|
- <!--<label for="indicator3"></label>-->
|
|
|
- <!--<ul>-->
|
|
|
- <!--<li><img src="../assets/images/5dbbfff0-356e-4a6c-9433-7fe52cbe8aff_s.jpg"></li>-->
|
|
|
- <!--<li><img src="../assets/images/5e9c6851-e51a-45b4-a20d-06f2d5be5346_s.jpg"></li>-->
|
|
|
- <!--<li><img src="../assets/images/52f5de39-ebe1-413f-9d23-0fb7a6d58d54_s.jpg"></li>-->
|
|
|
- <!--</ul>-->
|
|
|
- <!--</div>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -246,103 +343,6 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
- body{
|
|
|
- /* 100%窗口高度 */
|
|
|
- height: 100vh;
|
|
|
- /* 弹性布局 居中 */
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- /* 渐变背景 */
|
|
|
- background: linear-gradient(200deg,#eef1f5,#e6e9f0);
|
|
|
- }
|
|
|
- .swipe{
|
|
|
- /* 相对定位 */
|
|
|
- position: relative;
|
|
|
- width: 800px;
|
|
|
- height: 500px;
|
|
|
- text-align: center;
|
|
|
- color: #fff;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
- .swipe ul{
|
|
|
- margin: 10px 0;
|
|
|
- padding: 0;
|
|
|
- /* 计算ul总宽度 */
|
|
|
- width: calc(800px * 3);
|
|
|
- transition: 0.5s;
|
|
|
- }
|
|
|
- .swipe li{
|
|
|
- float: left;
|
|
|
- width: 800px;
|
|
|
- height: 500px;
|
|
|
- list-style: none;
|
|
|
- line-height: 500px;
|
|
|
- font-size: 50px;
|
|
|
- }
|
|
|
- .swipe li:nth-child(1){
|
|
|
- background-color: lightcoral;
|
|
|
- }
|
|
|
- .swipe li:nth-child(2){
|
|
|
- background-color: lightseagreen;
|
|
|
- }
|
|
|
- .swipe li:nth-child(3){
|
|
|
- background-color: lightsalmon;
|
|
|
- }
|
|
|
- /* for属性值以“indicator”开头的所有label元素（指示器） */
|
|
|
- .swipe label[for^="indicator"]{
|
|
|
- /* 绝对定位 */
|
|
|
- position: absolute;
|
|
|
- top: 450px;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background-color: rgba(255,255,255,0.3);
|
|
|
- border-radius: 50%;
|
|
|
- margin: 0 10px;
|
|
|
- cursor: pointer;
|
|
|
- transition: 0.3s;
|
|
|
- }
|
|
|
- /* for属性值为“indicator1”的label元素 */
|
|
|
- .swipe label[for="indicator1"]{
|
|
|
- left: 42%;
|
|
|
- }
|
|
|
- /* for属性值为“indicator2”的label元素 */
|
|
|
- .swipe label[for="indicator2"]{
|
|
|
- left: 47%;
|
|
|
- }
|
|
|
- /* for属性值为“indicator3”的label元素 */
|
|
|
- .swipe label[for="indicator3"]{
|
|
|
- left: 52%;
|
|
|
- }
|
|
|
- /* 选中指示器设置ul的margin-left */
|
|
|
- #indicator1:checked ~ ul{
|
|
|
- margin-left: 0;
|
|
|
- }
|
|
|
- #indicator2:checked ~ ul{
|
|
|
- margin-left: -800px;
|
|
|
- }
|
|
|
- #indicator3:checked ~ ul{
|
|
|
- margin-left: -1600px;
|
|
|
- }
|
|
|
- /* 选中指示器改变指示器颜色 */
|
|
|
- #indicator1:checked ~ label[for="indicator1"]{
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
- #indicator2:checked ~ label[for="indicator2"]{
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
- #indicator3:checked ~ label[for="indicator3"]{
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
-/*.link:hover{*/
|
|
|
- /*color: red;*/
|
|
|
-/*}*/
|
|
|
-/*.date{*/
|
|
|
- /*float: right;*/
|
|
|
-/*}*/
|
|
|
-/*.title{*/
|
|
|
- /*font-size: 18px;*/
|
|
|
-/*}*/
|
|
|
.home {
|
|
|
blockquote {
|
|
|
padding: 10px 20px;
|
|
|
@@ -404,5 +404,41 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.link:hover{
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+
|
|
|
+.date{
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.title{
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.el-carousel__item h3 {
|
|
|
+ color: #475669;
|
|
|
+ font-size: 14px;
|
|
|
+ opacity: 0.75;
|
|
|
+ line-height: 150px;
|
|
|
+ margin: 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.el-carousel__item:nth-child(2n) {
|
|
|
+ background-color: #99a9bf;
|
|
|
+}
|
|
|
+
|
|
|
+.el-carousel__item:nth-child(2n+1) {
|
|
|
+ background-color: #d3dce6;
|
|
|
+}
|
|
|
+
|
|
|
+img{
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
</style>
|
|
|
|
