From 810010a617a5b24238726c28b1b0d4b16c8629f8 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期一, 08 十一月 2021 12:53:14 +0800
Subject: [PATCH] 前仨完成
---
src/components/page/index.vue | 32 ++++++----
src/assets/css/my_style.css | 11 +++
src/views/school.vue | 2
src/views/other.vue | 35 ++++++-----
src/views/work.vue | 2
src/components/page/introduce.vue | 3
src/components/page/zhengce.vue | 67 ++++++++++++++++-----
src/views/notice.vue | 2
8 files changed, 104 insertions(+), 50 deletions(-)
diff --git a/src/assets/css/my_style.css b/src/assets/css/my_style.css
index 88dfca9..0f30fdf 100644
--- a/src/assets/css/my_style.css
+++ b/src/assets/css/my_style.css
@@ -2,6 +2,9 @@
padding: 0;
margin: 0;
}
+li{
+ list-style: none;
+}
.ft-20{
font-size: 20px;
}
@@ -44,4 +47,12 @@
}
.liStylenone {
list-style: none;
+}
+/* 閾炬帴鍘婚櫎涓嬪垝绾� */
+.anone {
+ text-decoration: none;
+}
+/* 钃濊壊鏍囬 */
+.color {
+ color: #0f99e9;
}
\ No newline at end of file
diff --git a/src/components/page/index.vue b/src/components/page/index.vue
index e326b25..5ce083b 100644
--- a/src/components/page/index.vue
+++ b/src/components/page/index.vue
@@ -2,21 +2,15 @@
<div calss="box">
<!-- 棣栭〉涓婂崐閮ㄥ垎 -->
<el-row type="flex" class="row-bg" justify="space-between">
- <el-aside width="600px">
- <div class="block">
- <el-carousel height="350px" type="card">
- <el-carousel-item v-for="item in 4" :key="item">
- <h3 class="small"></h3>
+ <div class="block marr10">
+ <el-carousel height="460px" arrow="always">
+ <el-carousel-item v-for="(item,index) in imgList" :key="index">
<div>
- <img src="../../assets/boer.jpg" alt="">
- <img src="../../assets/boer2.jpg" alt="">
- <img src="../../assets/boer.jpg" alt="">
- <img src="../../assets/boer2.jpg" alt="">
+ <img :src="item.path" alt="" style="width:105%;">
</div>
</el-carousel-item>
</el-carousel>
</div>
- </el-aside>
<notice class="notice" />
</el-row>
<!-- 棣栭〉涓嬪崐閮ㄥ垎 -->
@@ -35,7 +29,16 @@
export default {
components: { notice, work, school, other },
- name: 'index'
+ name: 'index',
+ data(){
+ return{
+ imgList:[
+ { path:require('../../assets/boer.jpg'),index: 1},
+ { path:require('../../assets/boer2.jpg'),index: 2},
+ { path:require('../../assets/boer.jpg'),index: 3},
+ ]
+ }
+ }
}
</script>
<style lang="less" scoped>
@@ -69,7 +72,7 @@
}
}
-.el-carousel__item h3 {
+.el-carousel__item{
color: #475669;
font-size: 14px;
opacity: 0.75;
@@ -84,11 +87,14 @@
.el-carousel__item:nth-child(2n + 1) {
background-color: #d3dce6;
}
+.block {
+ width: 50%;
+}
.block div {
img {
width: 100%;
height: 100%;
- object-fit:cover;
+ // object-fit:cover;
}
}
.notice{
diff --git a/src/components/page/introduce.vue b/src/components/page/introduce.vue
index a9a3ed1..e00f011 100644
--- a/src/components/page/introduce.vue
+++ b/src/components/page/introduce.vue
@@ -55,10 +55,9 @@
<style lang="less" scoped>
ul {
- // background-color: rgb(242, 243, 245 );
width: 200px;
li {
- background-color: rgb(242, 243, 245 );
+ background-color: rgb(242, 243, 245);
height: 50px;
line-height: 50px;
text-align: center;
diff --git a/src/components/page/zhengce.vue b/src/components/page/zhengce.vue
index 101f65d..5e906bd 100644
--- a/src/components/page/zhengce.vue
+++ b/src/components/page/zhengce.vue
@@ -2,21 +2,22 @@
<div>
<el-row>
<globalTitle />
- </el-row>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
- <span>鏀跨瓥</span><br>
+ </el-row>
+ <el-row class="mart10">
+ <el-col :span="4" class="marr10">
+ <ul>
+ <li
+ :key="index"
+ v-for="(item, index) in menuList"
+ class="liStylenone liPointer marb10"
+ @click="changeMenu(item.name)"
+ >
+ <b :class="cont == item.name?'ft-blue':'ft-black'"> {{ item.name }} </b>
+ </li>
+ </ul>
+ </el-col>
+ <el-col :span="18"><div v-html="cont"></div></el-col>
+ </el-row>
</div>
</template>
@@ -24,12 +25,44 @@
import globalTitle from '../globalTitle.vue'
export default {
name: 'zhengce',
- components:{
+ components: {
globalTitle
},
+ data() {
+ return {
+ cont:'',
+ menuList: [
+ { name: '涓浗绉戝崗鏀跨瓥娉曡' },
+ { name: '鍦版柟绉戝崗鏀跨瓥娉曡' },
+ { name: '绀惧洟绠＄悊鏂囦欢' }
+ ]
+ }
+ },
+ mounted() {
+ this.cont = this.menuList[0].name;
+ },
+ methods: {
+ changeMenu(val) {
+ this.cont = val;
+ }
+ }
}
</script>
<style lang="less" scoped>
-
+ul {
+ width: 200px;
+ li {
+ background-color: rgb(242, 243, 245);
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ }
+}
+.ft-blue{
+ color:rgb(9, 143, 252);
+}
+.ft-black{
+ color: #000;
+}
</style>
\ No newline at end of file
diff --git a/src/views/notice.vue b/src/views/notice.vue
index c9dd9e3..ae982b2 100644
--- a/src/views/notice.vue
+++ b/src/views/notice.vue
@@ -1,7 +1,7 @@
<template>
<div>
<el-row type="flex" class="row-bg underline" justify="space-between">
- <span>閫氱煡鍏憡</span>
+ <span class="color"><b>閫氱煡鍏憡</b></span>
<span @click="goMore('閫氱煡鍏憡')" class="liPointer">
鏇村<i class="el-icon-d-arrow-right"></i>
</span>
diff --git a/src/views/other.vue b/src/views/other.vue
index 06617b1..ce0bd7a 100644
--- a/src/views/other.vue
+++ b/src/views/other.vue
@@ -1,13 +1,22 @@
<template>
<div>
<div>
- <span>鍙嬫儏閾炬帴</span>
+ <el-row class="underline marb10">
+ <span class="color"><b>鍙嬫儏閾炬帴</b></span>
+ </el-row>
<div>
- <ul>
- <li class="lieBiao liPointer" :key="index" v-for="(item, index) in lianJieList">
- {{ item.name }}
- </li>
- </ul>
+ <div class="aLianJ marb10">
+ <a href="https://www.cast.org.cn/" class="anone" target="_block">涓浗绉戝崗</a>
+ </div>
+ <div class="aLianJ marb10">
+ <a href="http://www.kepu.gov.cn/kejiweek/" class="anone" target="_block">涓浗绉戞櫘缃�</a>
+ </div>
+ <div class="aLianJ marb10">
+ <a href="https://www.hast.net.cn/" class="anone" target="_block">娌冲崡鐪佺鍗�</a>
+ </div>
+ <div class="aLianJ marb10">
+ <a href="http://www.pdskx.cn/" class="anone" target="_block">骞抽《灞卞競绉戝崗</a>
+ </div>
</div>
</div>
<div>
@@ -32,21 +41,17 @@
name: 'other',
data() {
return {
- lianJieList: [{ name: '閾炬帴1' }, { name: '閾炬帴2' }, { name: '閾炬帴3' }]
+ lianJieList: [{ name: '閾炬帴1' }, { name: '閾炬帴2' }]
}
}
}
</script>
<style lang="less" scoped>
-ul {
- padding-left: 0;
-}
-.lieBiao {
- width: 90%;
+.aLianJ {
height: 30px;
- background-color: rgb(39, 144, 214);
- list-style: none;
- margin-bottom: 2px;
+ background-color: rgb(242, 243, 244);
+ text-align: center;
+ line-height: 30px;
}
.bg {
background-color: rgb(1, 72, 153) !important;
diff --git a/src/views/school.vue b/src/views/school.vue
index aa39c81..9020504 100644
--- a/src/views/school.vue
+++ b/src/views/school.vue
@@ -1,7 +1,7 @@
<template>
<div>
<el-row type="flex" justify="space-between" class="underline">
- <span>瀛﹂櫌鍔ㄦ��</span>
+ <span class="color"><b>瀛﹂櫌鍔ㄦ��</b></span>
<span @click="goMore('瀛﹂櫌鍔ㄦ��')" class="liPointer">鏇村<i class="el-icon-d-arrow-right"></i> </span>
</el-row>
<div>
diff --git a/src/views/work.vue b/src/views/work.vue
index ed9f75d..e02715e 100644
--- a/src/views/work.vue
+++ b/src/views/work.vue
@@ -1,7 +1,7 @@
<template>
<div>
<el-row type="flex" justify="space-between" class="underline">
- <span>宸ヤ綔鍔ㄦ��</span>
+ <span class="color"><b>宸ヤ綔鍔ㄦ��</b></span>
<span @click="goMore('宸ヤ綔鐘舵��')" class="liPointer">鏇村<i class="el-icon-d-arrow-right"></i> </span>
</el-row>
<div>
--
Gitblit v1.8.0