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

修改

master
rose 4 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
Split 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>
<friend-ship class="friend" />
<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>
</a-config-provider>
</template>
@ -82,17 +77,7 @@ body::-webkit-scrollbar {
background: #0d1f32;
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 {
display: none;

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

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

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

@ -1,5 +1,10 @@
<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
@click="jumUrl('/',0)"
alt
@ -7,7 +12,26 @@
src="@/assets/logo.png"
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
:class="activeItem === a ? 'list-down-active' : ''"
:disabled="item.children.length > 0 ? false : true"
@ -29,24 +53,10 @@
<a @click="jumUrl(con.url,a)">{{ con.title }}</a>
</a-menu-item>
</a-menu>
<div class="line"></div>
</a-dropdown>
</div>
<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>
<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 style="color:#fff;text-align:center;margin:2rem auto">登录</div>
</div>
</div>
</div>
</template>
@ -56,6 +66,7 @@ import { mapState, mapMutations } from 'vuex';
export default {
data() {
return {
showNav: false,
str: '这是头部导航',
activeItem: '',
list: [
@ -220,11 +231,13 @@ export default {
},
methods: {
jumUrl(url, index) {
if (this.$route.path !== url) {
this.$router.push(url);
}
this.activeItem = index;
this.showNav = false
},
},
};
@ -239,9 +252,16 @@ export default {
}
.list-down {
margin-right: 20px;
// text-align center
width 100%
height 3rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
color: #fff
padding-left 1.5rem
padding-top 0.8rem
}
.list-down:hover {
@ -255,7 +275,7 @@ export default {
}
.logo-img {
height: 44px;
height: 2rem;
}
.icon-head {
@ -267,10 +287,10 @@ export default {
}
@media only screen and (max-width: 1400px) {
.list-down {
margin-right: 18px;
font-size: 14px;
}
// .list-down {
// margin-right: 18px;
// font-size: 14px;
// }
// .logo-img {
// height: 44px;
@ -283,4 +303,24 @@ export default {
margin-right: 24px;
}
}
.nav{
margin-top: 1.3rem
width 100%
z-index 1000
background #001428
// display: none;
}
.line{
height 1px
}
</style>

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

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

2
src/router/index.js
View File

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

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

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

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

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

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

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

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

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

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

@ -1,12 +1,22 @@
<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
:class="activeNum === index ? 'nav-box-active' : ''"
:key="index"
class="list-down"
@click="jump(item.url)"
v-for="(item, index) in list"
>{{ item.title }}</div>
</div>
</div>
</template>
<script>
@ -14,6 +24,7 @@ export default {
name: 'HNav',
data() {
return {
show: false,
str: '导航条',
activeNum: 0,
list: [
@ -29,10 +40,10 @@ export default {
title: '合作伙伴',
url: '/About/Partner',
},
{
title: '衍生企业',
url: '/About/SpinOffs',
},
// {
// title: '衍生企业',
// url: '/About/SpinOffs',
// },
],
};
},
@ -59,4 +70,38 @@ export default {
};
</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 />
<div class="inner">
<a-row>
<a-col :span="18" id="hy-news">
<a-col id="hy-news">
<a-row>
<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 class="server-box d-flex fill-width">
<img :src="server.url" style="width:100%" />
</div>
<div @click="$router.push(server.path)" class="mr-1 d-flex pointer">
<!-- <div class="server-box d-flex"> -->
<img :src="server.url" style="width:300px;" />
<!-- </div> -->
</div>
</a-col>
</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">
<div
:key="platform.id"
@ -28,12 +28,17 @@
>
<div class="d-flex flex-column align-center pointer">
<img :src="platform.url" style="width:48%" />
<div class="platform-txt mt-3">{{ platform.firstName }}</div>
<div class="platform-txt">{{ platform.secondName }}</div>
<div class="platform-txt mt-3 mb-2">{{ platform.firstName }}</div>
<!-- <div class="platform-txt">{{ platform.secondName }}</div> -->
</div>
</div>
</a-col>
</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-col :span="24">
<div class="white d-flex flex-column justify-center">
@ -42,11 +47,9 @@
</a-col>
</a-row>
</a-col>
<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" />
</div>
</a-col>
<!-- <a-col :span="6" :style="{ height: height }" class="hd-news">
</a-col> -->
</a-row>
</div>
</div>
@ -88,28 +91,28 @@ export default {
platforms: [
{
id: '04',
firstName: '创新挑战',
firstName: '挑战',
secondName: '',
path: '/Challenge/Solicitation',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index01.png',
},
{
id: '05',
firstName: '科技资源开放共享服务平台',
firstName: '共享',
secondName: '',
path: '/NewPlatform/Share',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index02.png',
},
{
id: '06',
firstName: '知识产权与技术转移转化服务平台',
firstName: '转移',
secondName: '',
path: '/NewPlatform/Transfer',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index03.png',
},
{
id: '07',
firstName: '知识培训与科技人才服务平台',
firstName: '培训',
secondName: '',
path: '/NewPlatform/Develop',
url: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210119/index04.png',
@ -225,6 +228,9 @@ export default {
.platform-box {
width: 25%;
background-color: #fff;
margin-bottom: 0.4rem;
padding-top: 0.6rem;
.platform-txt {
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>
<div>
<h-nav />
<div class="inner my-1">
<!-- <div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
</div> -->
<div class="top-box">
<div class="top-title">
协同创新中心
<div style="font-size:18px">协同创新中心</div>
<new-model ref="childModel" />
</div>
<div class="top-content">

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

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

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

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

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

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

Write Preview
Loading…
Cancel
Save