Merge branch 'master' of http://git.cc-lotus.info/count/webnew-count

src/views/partisan/index.vue

@@ -6,7 +6,37 @@
         <div class="w_1200">
           <newmenu></newmenu>
         </div>
-        <el-col :span="24" class="main"> </el-col>
+        <el-col :span="24" class="main">
+          <el-col :span="24" class="images">
+            <el-carousel indicator-position="outside" height="380px" width="590px">
+              <el-carousel-item v-for="(item, index) in ruleList" :key="index" class="ruleList">
+                <el-image :src="item.img_url"></el-image>
+                <p class="textOver">{{ item.title }}</p>
+              </el-carousel-item>
+            </el-carousel>
+          </el-col>
+          <el-col :span="12" class="right">
+            <el-col :span="24" class="infoTop"> <span>|</span><span>党建工作</span><span>MORE</span> </el-col>
+            <el-col :span="24" class="info" v-for="(item, index) in workList" :key="index">
+              <span></span><span class="textOver">{{ item.title }}</span
+              ><span>{{ item.publish_time }}</span>
+            </el-col>
+          </el-col>
+          <el-col :span="12" class="left">
+            <el-col :span="24" class="infoTop"> <span>|</span><span>学习园地</span><span>MORE</span> </el-col>
+            <el-col :span="24" class="info" v-for="(item, index) in stuList" :key="index">
+              <span></span><span class="textOver">{{ item.title }}</span
+              ><span>{{ item.publish_time }}</span>
+            </el-col>
+          </el-col>
+          <el-col :span="12" class="right">
+            <el-col :span="24" class="infoTop"> <span>|</span><span>党风廉政</span><span>MORE</span> </el-col>
+            <el-col :span="24" class="info" v-for="(item, index) in politicsList" :key="index">
+              <span></span><span class="textOver">{{ item.title }}</span
+              ><span>{{ item.publish_time }}</span>
+            </el-col>
+          </el-col>
+        </el-col>
       </div>
     </el-row>
   </div>
@@ -19,7 +49,46 @@ export default {
   name: 'partisan',
   props: {},
   components: { top, newmenu },
-  data: () => ({}),
+  data: () => ({
+    workList: [
+      { title: '科技部关于发布国家重点研发计划制造基础技术与关键部件等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+    ],
+    stuList: [
+      { title: '科技部关于发布国家重点研发计划制造基础技术与关键部件等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+    ],
+    politicsList: [
+      { title: '科技部关于发布国家重点研发计划制造基础技术与关键部件等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+      { title: '科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知', publish_time: '2020-05-23' },
+    ],
+    ruleList: [
+      {
+        img_url: 'http://img4.imgtn.bdimg.com/it/u=2771440800,1562527424&fm=26&gp=0.jpg',
+        title: '吉林省计算中心实验室科技科技科技科技科技吉林省计算中心实验室科技科技科技科技科技吉林省计算中心实验室科技科技科技科技科技',
+      },
+      { img_url: 'http://img1.imgtn.bdimg.com/it/u=1880227863,1592959696&fm=26&gp=0.jpg', title: '吉林省计算中心实验室科技科技科技科技科技' },
+      { img_url: 'http://img2.imgtn.bdimg.com/it/u=841078319,3400677981&fm=11&gp=0.jpg', title: '吉林省计算中心实验室科技科技科技科技科技' },
+    ],
+  }),
   created() {},
   computed: {},
   methods: {},
@@ -32,8 +101,98 @@ export default {
   margin: 0 auto;
 }
 .main {
-  height: 740px;
+  height: 800px;
   overflow: hidden;
+  margin: 20px 0;
+}
+.left {
+  background-color: #ffffff;
+  float: left;
+  height: 400px;
+  width: 595px;
+  margin: 0 10px 10px 0;
+}
+.right {
+  background-color: #ffffff;
+  float: right;
+  height: 400px;
+  width: 595px;
+  margin: 0 0 10px 0;
+}
+.infoTop {
+  height: 50px;
+  border-bottom: 1px dashed #ccc;
+  margin: 0 auto;
+  float: none;
+  width: 560px;
+  padding: 20px 0 5px 0;
+}
+.infoTop span {
+  font-size: 20px;
+  color: #005293;
+  font-weight: bold;
+  margin-right: 10px;
+}
+.infoTop span:last-child {
+  float: right;
+  font-size: 18px;
+  font-weight: 400;
+  color: #005293;
+  margin: 0;
+}
+.info {
+  margin: 0 auto;
+  float: none;
+  width: 560px;
+  height: 42px;
+  cursor: pointer;
+}
+.info span:first-child {
+  width: 8px;
+  height: 8px;
+  border-radius: 100%;
+  background-color: #ccc;
+  display: inline-block;
+  margin: 20px 10px 20px 0;
+}
+.info span:nth-child(2) {
+  padding: 15px 0;
+  font-size: 16px;
+  color: #444444;
+  font-family: '微软雅黑';
+  overflow: hidden;
+  width: 420px;
+  display: inline-block;
+}
+.info span:last-child {
+  float: right;
+  text-align: right;
+  width: 100px;
+  font-size: 16px;
+  color: #777777;
+  font-family: '微软雅黑';
   margin: 10px 0;
 }
+.images {
+  height: 390px;
+  width: 590px;
+  margin: 10px auto;
+  float: left;
+  margin: 0 10px 20px 0;
+}
+.images .el-image {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.images p {
+  width: 98%;
+  height: 50px;
+  position: absolute;
+  background-color: #0000004f;
+  color: #ffffff;
+  font-size: 16px;
+  top: 340px;
+  padding: 7px;
+}
 </style>