ccsens_fe
/
greenvalley-mobile
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

修改

master
rose 5 years ago
parent
489dcebcf2
commit
63dd8f0403
16 changed files with 287 additions and 148 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 17
      src/App.vue
  2. 53
      src/components/FooterPage/FooterPage.vue
  3. 92
      src/components/HeadNav/HeadNav.vue
  4. 5
      src/components/Rotation/Rotation.vue
  5. 2
      src/router/index.js
  6. 25
      src/views/About/Children/Introduce.vue
  7. 11
      src/views/About/Children/Organ.vue
  8. 4
      src/views/About/Children/Partner.vue
  9. 4
      src/views/About/Children/SpinOffs.vue
  10. 57
      src/views/About/components/HNav.vue
  11. 40
      src/views/FirstPage/FirstPage.vue
  12. 57
      src/views/Nav/Nav.vue
  13. 7
      src/views/NewPlatform/Children/Core.vue
  14. 7
      src/views/Policy/Policy.vue
  15. 9
      src/views/Policy/PolicyDetails.vue
  16. 45
      src/views/Policy/components/PolicyList.vue

17
src/App.vue
View File

@ -5,11 +5,6 @@
<router-view></router-view> <router-view></router-view>
<friend-ship class="friend" /> <friend-ship class="friend" />
<footer-page class="footer" /> <footer-page class="footer" />
<div id="components-back-top-demo-custom">
<a-back-top>
<div class="ant-back-top-inner"></div>
</a-back-top>
</div>
</div> </div>
</a-config-provider> </a-config-provider>
</template> </template>
@ -82,17 +77,7 @@ body::-webkit-scrollbar {
background: #0d1f32; background: #0d1f32;
bottom: 0; bottom: 0;
} }
#components-back-top-demo-custom .ant-back-top {
bottom: 100px;
right: 70px;
}
#components-back-top-demo-custom .ant-back-top-inner {
height: 60px;
width: 60px;
line-height: 60px;
background: url('assets/t-top.png') center no-repeat;
background-size: contain;
}
.BMap_cpyCtrl { .BMap_cpyCtrl {
display: none; display: none;

53
src/components/FooterPage/FooterPage.vue
View File

@ -8,39 +8,34 @@
<template> <template>
<div> <div>
<div class="footer"> <div class="footer">
<div class="d-flex flex-nowrap inner"> <div class="d-flex flex-nowrap flex-column">
<div class="box"> <!-- <div class="box">
<img class="pic" src="~assets/logo_bottom.png" /> <img class="pic" src="~assets/logo_bottom.png" />
</div> -->
<div class="box flex-1 d-flex justify-center">
<!-- <div class="title">发现</div> -->
<span @click="$router.push('/Challenge/Solicitation')" class="pointer mr-2">创新挑战</span>
<span @click="$router.push('/NewPlatform/NewCore')" class="pointer mr-2">创新平台</span>
<span @click="$router.push('/IncubationPlatform/MakerSpace')" class="pointer mr-2">孵化平台</span>
<span @click="$router.push('/Industry/Union')" class="pointer mr-2">产业平台</span>
<span @click="$router.push('/Community')" class="pointer mr-2">在线社区</span>
</div> </div>
<div class="box flex-1 d-flex flex-column" style="padding-left: 13%"> <div class="box flex-1 d-flex justify-center">
<div class="title">发现</div> <!-- <div class="title">资讯</div> -->
<span @click="$router.push('/Challenge/Solicitation')" class="pointer">创新挑战</span> <span @click="$router.push('/ItInformation')" class="pointer mr-2">行业资讯</span>
<span @click="$router.push('/NewPlatform/NewCore')" class="pointer">创新平台</span> <span @click="$router.push('/Activity')" class="pointer mr-2">活动公告</span>
<span @click="$router.push('/IncubationPlatform/MakerSpace')" class="pointer">孵化平台</span> <span @click="$router.push('/Policy')" class="pointer mr-2">国家政策</span>
<span @click="$router.push('/Industry/Union')" class="pointer">产业平台</span> <span @click="$router.push('/Policy')" class="pointer mr-2">行业政策</span>
<span @click="$router.push('/Community')" class="pointer">交流社区</span> <span @click="$router.push('/Policy')" class="pointer mr-2">省级政策</span>
</div> </div>
<div class="box flex-1 d-flex flex-column"> <div class="box flex-1 d-flex justify-center">
<div class="title">资讯</div> <div class="mr-2">我要入驻</div>
<span @click="$router.push('/ItInformation')" class="pointer">行业资讯</span>
<span @click="$router.push('/Activity')" class="pointer">活动公告</span>
<span @click="$router.push('/Policy')" class="pointer">创新政策</span>
</div>
<div class="box flex-1 d-flex flex-column">
<div class="title">联系我们</div>
<span @click="$router.push('/ContactUs')" class="pointer">人才招聘</span> <span @click="$router.push('/ContactUs')" class="pointer">人才招聘</span>
<div class="font-bold-24 mt-3" style="font-style: italic">0351-5223175</div> <!-- <div class="font-bold-24 mt-3" style="font-style: italic">0351-5223175</div> -->
</div> </div>
<div class="box">
<img
class="pic"
src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/lvgu.jpg"
/>
</div>
</div> </div>
</div> </div>
<div class="xian"></div> <div class="font-12 align-center text" style="padding: 10px auto!important">
<div class="font-12 align-center text">
Copyright © 2020 The Project by Copyright © 2020 The Project by
<span style="color: #2e54ea">CCSENS</span>. All Rights Reserved <span style="color: #2e54ea">CCSENS</span>. All Rights Reserved
</div> </div>
@ -65,11 +60,11 @@ export default {
} }
.box { .box {
margin-top: 58px; margin-top: 8px;
.title { .title {
font-size: 18px; font-size: 18px;
margin-bottom: 18px; margin-bottom: 8px;
} }
span { span {

92
src/components/HeadNav/HeadNav.vue
View File

@ -1,5 +1,10 @@
<template> <template>
<div class="white d-flex flex-row flex-nowrap px-10 align-center"> <div>
<div class="white d-flex justify-space-between flex-nowrap px-5 align-center mt-4">
<a-icon class="pointer " type="unordered-list" v-show="!showNav" @click=" showNav =true" />
<a-icon type="close-circle" v-show="showNav" @click=" showNav =false" />
<img <img
@click="jumUrl('/',0)" @click="jumUrl('/',0)"
alt alt
@ -7,7 +12,26 @@
src="@/assets/logo.png" src="@/assets/logo.png"
style="cursor: pointer" style="cursor: pointer"
/> />
<div class="flex-1 ml-8">
<div class="d-flex flex-nowrap align-center">
<!-- <a-icon class="icon-head pointer icon-head-right" type="search" /> -->
<a-tooltip placement="bottom">
<template slot="title">
<span>点击查看购物车！</span>
</template>
<a-icon
@click="$router.push('/Cart')"
class="baseColor icon-head icon-head-right pointer"
type="shopping-cart"
/>
</a-tooltip>
</div>
</div>
<div v-show="showNav">
<div class="d-flex flex-column nav">
<a-dropdown <a-dropdown
:class="activeItem === a ? 'list-down-active' : ''" :class="activeItem === a ? 'list-down-active' : ''"
:disabled="item.children.length > 0 ? false : true" :disabled="item.children.length > 0 ? false : true"
@ -29,24 +53,10 @@
<a @click="jumUrl(con.url,a)">{{ con.title }}</a> <a @click="jumUrl(con.url,a)">{{ con.title }}</a>
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
<div class="line"></div>
</a-dropdown> </a-dropdown>
</div> <div style="color:#fff;text-align:center;margin:2rem auto">登录</div>
<div class="d-flex flex-nowrap align-center"> </div>
<a-icon class="icon-head pointer icon-head-right" type="search" />
<a-tooltip placement="bottom">
<template slot="title">
<span>点击查看购物车！</span>
</template>
<a-icon
@click="$router.push('/Cart')"
class="baseColor icon-head icon-head-right pointer"
type="shopping-cart"
/>
</a-tooltip>
<router-link tag="span" to="/login" v-if="!nickName">
<a-icon class="icon-head pointer" style="right: 50px" type="user" />
</router-link>
<div class="icon-head" v-else>{{ nickName }}</div>
</div> </div>
</div> </div>
</template> </template>
@ -56,6 +66,7 @@ import { mapState, mapMutations } from 'vuex';
export default { export default {
data() { data() {
return { return {
showNav: false,
str: '这是头部导航', str: '这是头部导航',
activeItem: '', activeItem: '',
list: [ list: [
@ -220,11 +231,13 @@ export default {
}, },
methods: { methods: {
jumUrl(url, index) { jumUrl(url, index) {
if (this.$route.path !== url) { if (this.$route.path !== url) {
this.$router.push(url); this.$router.push(url);
} }
this.activeItem = index; this.activeItem = index;
this.showNav = false
}, },
}, },
}; };
@ -239,9 +252,16 @@ export default {
} }
.list-down { .list-down {
margin-right: 20px;
// text-align center
width 100%
height 3rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px; font-size: 16px;
color: rgba(0, 0, 0, 0.65); color: #fff
padding-left 1.5rem
padding-top 0.8rem
} }
.list-down:hover { .list-down:hover {
@ -255,7 +275,7 @@ export default {
} }
.logo-img { .logo-img {
height: 44px; height: 2rem;
} }
.icon-head { .icon-head {
@ -267,10 +287,10 @@ export default {
} }
@media only screen and (max-width: 1400px) { @media only screen and (max-width: 1400px) {
.list-down { // .list-down {
margin-right: 18px; // margin-right: 18px;
font-size: 14px; // font-size: 14px;
} // }
// .logo-img { // .logo-img {
// height: 44px; // height: 44px;
@ -283,4 +303,24 @@ export default {
margin-right: 24px; margin-right: 24px;
} }
} }
.nav{
margin-top: 1.3rem
width 100%
z-index 1000
background #001428
// display: none;
}
.line{
height 1px
}
</style> </style>

5
src/components/Rotation/Rotation.vue
View File

@ -56,7 +56,8 @@ export default {
top: 5%; top: 5%;
right: 9%; right: 9%;
z-index: 9; z-index: 9;
height: 90%; height: 50%;
display: none;
} }
.img-box { .img-box {
@ -64,7 +65,7 @@ export default {
width: 100%; width: 100%;
img { img {
height: 100%; height: 9rem;
width: 100%; width: 100%;
} }
} }

2
src/router/index.js
View File

@ -2,6 +2,7 @@ import Vue from 'vue';
import VueRouter from 'vue-router'; import VueRouter from 'vue-router';
import Home from 'views/FirstPage/FirstPage.vue'; import Home from 'views/FirstPage/FirstPage.vue';
Vue.use(VueRouter); Vue.use(VueRouter);
const routes = [ const routes = [
@ -11,6 +12,7 @@ const routes = [
name: 'Home', name: 'Home',
component: Home, component: Home,
}, },
// 登录界面 // 登录界面
{ {
path: '/login', path: '/login',

25
src/views/About/Children/Introduce.vue
View File

@ -8,17 +8,19 @@
<template> <template>
<div> <div>
<h-nav /> <h-nav />
<div class="inner my-1"> <!-- <div class="inner my-1">
<bread-crumb :arr="arr" /> <bread-crumb :arr="arr" />
</div> </div> -->
<banner :show-page="showPage" /> <banner :show-page="showPage" />
<div class="inner"> <div class="">
<div class="white my-5 d-flex flex-nowrap"> <div class="white my-5 d-flex flex-nowrap flex-column">
<img src="~assets/gywm01.jpg" /> <div><img src="~assets/gywm01.jpg" style="height:10rem;width:30rem" /></div>
<div class="d-flex flex-column pa-5">
<img class="mb-3" src="~assets/gywm02.png" style="width: 96px; height: 41px" />
<rich-text :title="title" /> <div class="inner-x"><img class="mb-3" src="~assets/gywm02.png" style="width: 96px; height: 41px" /></div>
</div>
<div class="inner-x"><rich-text :title="title" /></div>
</div> </div>
</div> </div>
</div> </div>
@ -32,7 +34,7 @@ import RichText from 'components/Introduce/RichText.vue';
export default { export default {
name: 'Introduce', name: 'Introduce',
components: { Banner, HNav, BreadCrumb, RichText }, components: { Banner, HNav, RichText },
// mounted() { // mounted() {
// window.addEventListener('scroll', this.handleScroll); // window.addEventListener('scroll', this.handleScroll);
@ -63,4 +65,7 @@ export default {
.inner { .inner {
margin: 40px auto; margin: 40px auto;
} }
.inner-x{
margin auto 1rem
}
</style> </style>

11
src/views/About/Children/Organ.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<h-nav /> <h-nav />
<div class="inner my-1"> <!-- <div class="inner my-1">
<bread-crumb :arr="arr" /> <bread-crumb :arr="arr" />
</div> </div> -->
<banner :show-page="showPage" /> <banner :show-page="showPage" />
<div class="inner"> <div class="inner">
<div class="white"> <div class="white">
@ -22,7 +22,7 @@ import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
export default { export default {
name: 'Introduce', name: 'Introduce',
components: { Banner, HNav, BreadCrumb }, components: { Banner, HNav },
data() { data() {
return { return {
title: '关于我们-组织机构', title: '关于我们-组织机构',
@ -94,7 +94,7 @@ export default {
top: '-5%', top: '-5%',
left: '5%', left: '5%',
bottom: '0%', bottom: '0%',
right: '25%', right: '30%',
symbolSize: 7, symbolSize: 7,
lineStyle: { width: 1 }, lineStyle: { width: 1 },
itemStyle: { borderWidth: 3, borderColor: '#AACD06' }, itemStyle: { borderWidth: 3, borderColor: '#AACD06' },
@ -121,6 +121,7 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.inner { .inner {
margin: 20px auto; margin: 20px 1rem;
border:1px solid black
} }
</style> </style>

4
src/views/About/Children/Partner.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<h-nav /> <h-nav />
<div class="inner my-1"> <!-- <div class="inner my-1">
<bread-crumb :arr="arr" /> <bread-crumb :arr="arr" />
</div> </div> -->
<div class="inner"> <div class="inner">
<div> <div>
<partner-ship :title="title" :type-of-platform="typeOfPlatform" /> <partner-ship :title="title" :type-of-platform="typeOfPlatform" />

4
src/views/About/Children/SpinOffs.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<h-nav /> <h-nav />
<div class="inner my-1"> <!-- <div class="inner my-1">
<bread-crumb :arr="arr" /> <bread-crumb :arr="arr" />
</div> </div> -->
<div> <div>
<derive-enterprise :title="title" :type-of-platform="typeOfPlatform" /> <derive-enterprise :title="title" :type-of-platform="typeOfPlatform" />
</div> </div>

57
src/views/About/components/HNav.vue
View File

@ -1,12 +1,22 @@
<template> <template>
<div class="nav-box d-flex"> <div>
<div class="about-us d-flex align-center justify-space-between">
<div>关于我们</div>
<a-icon type="up" style="margin-right:1rem;color:#30B6CB" v-show="show" @click="show =false " />
<a-icon type="down" style="margin-right:1rem;color:#30B6CB" v-show="!show" @click="show =true " />
</div>
<div class="d-flex flex-column nav" v-show="show">
<div <div
:class="activeNum === index ? 'nav-box-active' : ''" :class="activeNum === index ? 'nav-box-active' : ''"
:key="index" :key="index"
class="list-down"
@click="jump(item.url)" @click="jump(item.url)"
v-for="(item, index) in list" v-for="(item, index) in list"
>{{ item.title }}</div> >{{ item.title }}</div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -14,6 +24,7 @@ export default {
name: 'HNav', name: 'HNav',
data() { data() {
return { return {
show: false,
str: '导航条', str: '导航条',
activeNum: 0, activeNum: 0,
list: [ list: [
@ -29,10 +40,10 @@ export default {
title: '合作伙伴', title: '合作伙伴',
url: '/About/Partner', url: '/About/Partner',
}, },
{ // {
title: '衍生企业', // title: '衍生企业',
url: '/About/SpinOffs', // url: '/About/SpinOffs',
}, // },
], ],
}; };
}, },
@ -59,4 +70,38 @@ export default {
}; };
</script> </script>
<style lang="stylus" scoped></style> <style lang="stylus" scoped>
.about-us{
width 100%
height 3rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
padding-left 1.5rem
padding-top 0.8rem
}
.list-down {
// text-align center
width 100%
height 3rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
color: #fff
padding-left 1.5rem
padding-top 0.8rem
}
.nav{
width 100%
z-index 1000
background #001428
// display: none;
}
</style>

40
src/views/FirstPage/FirstPage.vue
View File

@ -8,17 +8,17 @@
<rotation /> <rotation />
<div class="inner"> <div class="inner">
<a-row> <a-row>
<a-col :span="18" id="hy-news"> <a-col id="hy-news">
<a-row> <a-row>
<a-col :key="server.id" :span="8" v-for="server in services"> <a-col :key="server.id" :span="8" v-for="server in services">
<div @click="$router.push(server.path)" class="mr-4 d-flex pointer"> <div @click="$router.push(server.path)" class="mr-1 d-flex pointer">
<div class="server-box d-flex fill-width"> <!-- <div class="server-box d-flex"> -->
<img :src="server.url" style="width:100%" /> <img :src="server.url" style="width:300px;" />
</div> <!-- </div> -->
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row class="mt-8"> <a-row class="mt-4">
<a-col :span="8" class="fill-width d-flex flex-nowrap flex-row justify-space-between"> <a-col :span="8" class="fill-width d-flex flex-nowrap flex-row justify-space-between">
<div <div
:key="platform.id" :key="platform.id"
@ -28,12 +28,17 @@
> >
<div class="d-flex flex-column align-center pointer"> <div class="d-flex flex-column align-center pointer">
<img :src="platform.url" style="width:48%" /> <img :src="platform.url" style="width:48%" />
<div class="platform-txt mt-3">{{ platform.firstName }}</div> <div class="platform-txt mt-3 mb-2">{{ platform.firstName }}</div>
<div class="platform-txt">{{ platform.secondName }}</div> <!-- <div class="platform-txt">{{ platform.secondName }}</div> -->
</div> </div>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<a-row>
<div class="white d-flex flex-column justify-center">
<index-new-list :i="1" :lists="lists" />
</div>
</a-row>
<a-row class="mt-8 mr-4 flex-1"> <a-row class="mt-8 mr-4 flex-1">
<a-col :span="24"> <a-col :span="24">
<div class="white d-flex flex-column justify-center"> <div class="white d-flex flex-column justify-center">
@ -42,11 +47,9 @@
</a-col> </a-col>
</a-row> </a-row>
</a-col> </a-col>
<a-col :span="6" :style="{ height: height }" class="hd-news"> <!-- <a-col :span="6" :style="{ height: height }" class="hd-news">
<div class="white d-flex flex-column justify-center">
<index-new-list :i="1" :lists="lists" /> </a-col> -->
</div>
</a-col>
</a-row> </a-row>
</div> </div>
</div> </div>
@ -88,28 +91,28 @@ export default {
platforms: [ platforms: [
{ {
id: '04', id: '04',
firstName: '创新挑战', firstName: '挑战',
secondName: '', secondName: '',
path: '/Challenge/Solicitation', path: '/Challenge/Solicitation',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index01.png', url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index01.png',
}, },
{ {
id: '05', id: '05',
firstName: '科技资源开放共享服务平台', firstName: '共享',
secondName: '', secondName: '',
path: '/NewPlatform/Share', path: '/NewPlatform/Share',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index02.png', url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index02.png',
}, },
{ {
id: '06', id: '06',
firstName: '知识产权与技术转移转化服务平台', firstName: '转移',
secondName: '', secondName: '',
path: '/NewPlatform/Transfer', path: '/NewPlatform/Transfer',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index03.png', url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index03.png',
}, },
{ {
id: '07', id: '07',
firstName: '知识培训与科技人才服务平台', firstName: '培训',
secondName: '', secondName: '',
path: '/NewPlatform/Develop', path: '/NewPlatform/Develop',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index04.png', url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index04.png',
@ -225,6 +228,9 @@ export default {
.platform-box { .platform-box {
width: 25%; width: 25%;
background-color: #fff;
margin-bottom: 0.4rem;
padding-top: 0.6rem;
.platform-txt { .platform-txt {
font-size: 14px; font-size: 14px;

57
src/views/Nav/Nav.vue
View File

@ -0,0 +1,57 @@
<template>
<div class="show-more">
<a-icon class="pointer " type="unordered-list" />
<div class="flex-1 ml-8 flex-column nav">
<a-dropdown
:class="activeItem === a ? 'list-down-active' : ''"
:disabled="item.children.length > 0 ? false : true"
:key="a"
class="list-down"
v-for="(item, a) in list"
>
<a @click="jumUrl(item.url,a)" class="ant-dropdown-link">
{{ item.name }}&nbsp;&nbsp;
<a-icon type="down" v-show="item.children.length > 0" />
</a>
<a-menu slot="overlay">
<a-menu-item
:key="b"
class="px-6 py-3"
style="text-align: center"
v-for="(con, b) in item.children"
>
<a @click="jumUrl(con.url,a)">{{ con.title }}</a>
</a-menu-item>
</a-menu>
</a-dropdown>
</div>
</div>
</template>
<script>
export default {
name: 'Nav',
data() {
return {
str: '这是头部导航',
activeItem: '',
};
},
methods: {
jumUrl(url, index) {
if (this.$route.path !== url) {
this.$router.push(url);
}
this.activeItem = index;
},
},
};
</script>
<style lang="stylus" scoped>
</style>

7
src/views/NewPlatform/Children/Core.vue
View File

@ -1,12 +1,13 @@
<template> <template>
<div> <div>
<h-nav /> <h-nav />
<div class="inner my-1"> <!-- <div class="inner my-1">
<bread-crumb :arr="arr" /> <bread-crumb :arr="arr" />
</div> </div> -->
<div class="top-box"> <div class="top-box">
<div class="top-title"> <div class="top-title">
协同创新中心 <div style="font-size:18px">协同创新中心</div>
<new-model ref="childModel" /> <new-model ref="childModel" />
</div> </div>
<div class="top-content"> <div class="top-content">

7
src/views/Policy/Policy.vue
View File

@ -5,10 +5,10 @@
--> -->
<template> <template>
<div class="inner"> <div>
<bread-crumb :arr="arr" class="py-1" />
<div> <div>
<policy-list class="pb-5 mb-5" /> <policy-list />
<!-- <policy-details v-else/> --> <!-- <policy-details v-else/> -->
</div> </div>
</div> </div>
@ -20,7 +20,6 @@ import PolicyList from './components/PolicyList.vue';
export default { export default {
name: 'Policy', name: 'Policy',
components: { components: {
BreadCrumb,
PolicyList, PolicyList,
// PolicyDetails, // PolicyDetails,
}, },

9
src/views/Policy/PolicyDetails.vue
View File

@ -5,7 +5,7 @@
--> -->
<template> <template>
<div class="white inner"> <div class="white">
<div class="policy-title"> <div class="policy-title">
<span>{{ obj.title }}</span> <span>{{ obj.title }}</span>
</div> </div>
@ -78,7 +78,7 @@ export default {
.policy-title { .policy-title {
height: 120px; height: 120px;
font-size: 24px; font-size: 22px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
@ -87,13 +87,12 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 150px; padding: 0 15px;
border-bottom: 1px solid #707070; border-bottom: 1px solid #707070;
} }
.policy-info { .policy-info {
height: 76px;
line-height: 76px;
text-align: center; text-align: center;
} }

45
src/views/Policy/components/PolicyList.vue
View File

@ -8,16 +8,10 @@
<div class="box"> <div class="box">
<div class="search-list"> <div class="search-list">
<!-- <search-list @iptCon="getInput" /> --> <!-- <search-list @iptCon="getInput" /> -->
<span> <a-input-group class="search" compact style="margin: auto 1rem">
<a-checkbox :checked="pStatus.bw - 0 === 1" @click="changeStatus('bw')">国家</a-checkbox>
<a-checkbox :checked="pStatus.sx - 0 === 1" @click="changeStatus('sx')">山西省</a-checkbox>
<a-checkbox :checked="pStatus.zg - 0 === 1" @click="changeStatus('zg')">山西省综改区</a-checkbox>
<a-checkbox :checked="pStatus.ty - 0 === 1" @click="changeStatus('ty')">太原市</a-checkbox>
</span>
<a-input-group class="search" compact>
<a-select <a-select
@change="changeCode" @change="changeCode"
style="width: 120px; height: 40px" style="width: 5rem; height: 40px"
v-model="pStatus.policyText[pStatus.value - 1]" v-model="pStatus.policyText[pStatus.value - 1]"
> >
<a-select-option value="1">标题</a-select-option> <a-select-option value="1">标题</a-select-option>
@ -26,12 +20,19 @@
</a-select> </a-select>
<a-input-search <a-input-search
@search="getPolicy" @search="getPolicy"
enter-button="搜索" enter-button
placeholder="请输入..." placeholder="请输入..."
style="width: 76.2%" style="width: 60%"
v-model="pStatus.iptCon" v-model="pStatus.iptCon"
/> />
</a-input-group> </a-input-group>
<span>
<a-checkbox :checked="pStatus.bw - 0 === 1" @click="changeStatus('bw')">国家</a-checkbox>
<a-checkbox :checked="pStatus.sx - 0 === 1" @click="changeStatus('sx')">山西省</a-checkbox>
<a-checkbox :checked="pStatus.zg - 0 === 1" @click="changeStatus('zg')">山西省综改区</a-checkbox>
<a-checkbox :checked="pStatus.ty - 0 === 1" @click="changeStatus('ty')">太原市</a-checkbox>
</span>
</div> </div>
<div class="policy-box"> <div class="policy-box">
<div <div
@ -58,7 +59,7 @@
<p class="original baseColor"> <p class="original baseColor">
<span @click="LookSource(item.id)"> <span @click="LookSource(item.id)">
了解更多 了解更多
<a-icon type="arrow-right" /> <a-icon type="arrow-right" style="margin-right: 1rem" />
</span> </span>
</p> </p>
</div> </div>
@ -185,7 +186,7 @@ export default {
} }
.search-list { .search-list {
height: 72px; height: 6.5em;
line-height: 72px; line-height: 72px;
background: #fff; background: #fff;
padding: 0 24px; padding: 0 24px;
@ -194,7 +195,7 @@ export default {
.search { .search {
width: 500px; width: 500px;
position: absolute; // position: absolute;
right: 25px; right: 25px;
top: 20px; top: 20px;
} }
@ -204,15 +205,15 @@ export default {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
margin-top: 24px; margin-top: 0.3rem;
padding: 10px 25px; padding: 1rem 0.3rem;
} }
} }
.item-title { .item-title {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 24px; font-size: 16px;
color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: bold; font-weight: bold;
@ -260,7 +261,7 @@ export default {
} }
.date-box { .date-box {
width: 160px !important; width: 4rem !important;
text-align: center; text-align: center;
box-shadow: none !important; box-shadow: none !important;
margin-top: 0 !important; margin-top: 0 !important;
@ -272,18 +273,20 @@ export default {
} }
.date-mon { .date-mon {
font-size: 26px; font-size: 19px;
height: 26px; height: 20px;
line-height: 26px; line-height: 26px;
font-weight: 500; font-weight: 500;
padding-top 0.3rem
color: #13ACC4; color: #13ACC4;
} }
.date-day { .date-day {
font-size: 46px; font-size: 32px;
height: 56px; height: 56px;
line-height: 56px; line-height: 56px;
font-weight: bold; font-weight: bold;
padding-top 0.5rem
color: #13ACC4; color: #13ACC4;
} }

Write Preview
Loading…
Cancel
Save