rose 5 years ago
parent
commit
bf4f6f799c
  1. 8
      src/App.vue
  2. 16
      src/common/platform.styl
  3. 6
      src/common/portrait.styl
  4. 10
      src/components/FooterPage/FriendShip.vue
  5. 9
      src/components/HeadNav/HeadNav.vue
  6. 2
      src/views/About/Children/Partner.vue
  7. 4
      src/views/About/components/HNav.vue
  8. 4
      src/views/NewPlatform/Children/Core.vue
  9. 6
      src/views/NewPlatform/Children/Platform.vue
  10. 22
      src/views/NewPlatform/Children/Service.vue
  11. 2
      src/views/NewPlatform/components/HNav.vue

8
src/App.vue

@ -3,10 +3,10 @@
<div id="app">
<head-nav class="head-nav" />
<router-view></router-view>
<div>
<friend-ship class="friend" />
<footer-page class="footer" />
</div>
<friend-ship class="friend" />
<footer-page class="footer" />
</div>
</a-config-provider>

16
src/common/platform.styl

@ -20,11 +20,10 @@
position: relative;
}
.top-title {
position: absolute;
width: 100%
top: 70px;
left: 4%;
padding: 0;
font-size: 50px;
font-size: 40px;
color: #fff;
}
@ -35,14 +34,13 @@
}
.top-content {
float: right;
margin: 30px 0;
margin-right: 12%;
width: 62%;
padding: 0;
margin: 0.5rem 1rem;
// width: 100%;
font-size: 16px;
color: #fff;
line-height: 36px;
line-height: 1.5rem;
}
.circular {

6
src/common/portrait.styl

@ -357,7 +357,7 @@
// other
.inner {
width: 82%;
width: 90%;
margin: 0 auto;
}
@ -539,3 +539,7 @@ h2{
.line-height-36{
line-height: 36px
}
.font-weight-bold{
font-weight bold
}

10
src/components/FooterPage/FriendShip.vue

@ -6,7 +6,7 @@
* @LastEditTime: 2021-01-21 09:33:25
-->
<template>
<div class="friend">
<div class="friend mb-2 mt-2">
<div class="inner">
{{ str }}
<span :key="index" class="mx-2 item-friend" v-for="(item, index) in lists" @click="jump(item.url)">{{ item.name }}</span>
@ -68,8 +68,9 @@ export default {
</script>
<style lang="stylus" scoped>
.friend {
line-height: 1rem;
line-height: 1.2rem;
background: #fff;
font-size: 12px;
color: rgba(0, 0, 0, 0.65);
@ -82,4 +83,9 @@ export default {
.item-friend:hover {
color: #13ACC4;
}
.inner {
width: 90%;
padding 0.9rem 0
}
</style>

9
src/components/HeadNav/HeadNav.vue

@ -39,9 +39,12 @@
>
<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-icon type="right" style="float:right;margin-right:1rem" v-show="item.children.length > 0" />
</a>
<a-menu slot="overlay">
<!-- <a-menu slot="overlay">
<a-menu-item
:key="b"
class="px-6 py-3"
@ -50,7 +53,7 @@
>
<a @click="jumUrl(con.url,a)">{{ con.title }}</a>
</a-menu-item>
</a-menu>
</a-menu> -->
<div class="line"></div>
</a-dropdown>
<div style="color:#fff;text-align:center;margin:2rem auto">登录</div>

2
src/views/About/Children/Partner.vue

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

4
src/views/About/components/HNav.vue

@ -2,7 +2,7 @@
<div>
<div class="about-us d-flex align-center justify-space-between">
<div>关于我们</div>
<div class="font-weight-bold">关于我们</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>
@ -24,7 +24,7 @@ export default {
name: 'HNav',
data() {
return {
show: false,
show: true,
str: '导航条',
activeNum: 0,
list: [

4
src/views/NewPlatform/Children/Core.vue

@ -6,8 +6,8 @@
</div> -->
<div class="top-box">
<div class="top-title">
<div style="font-size:18px">协同创新中心</div>
<div style="font-size:36px;text-align:center;">协同创新中心</div>
<new-model ref="childModel" />
</div>
<div class="top-content">

6
src/views/NewPlatform/Children/Platform.vue

@ -11,7 +11,7 @@
<banner :show-page="showPage" />
<div style="padding-bottom: 50px">
<div class="d-flex flex-nowrap justify-space-between">
<div class="d-flex flex-column align-center">
<div :key="index" @click="jump(item.url)" class="content-box" v-for="(item, index) in list">
<img :src="item.imgUrl" />
<div class="con-title">{{ item.title }}</div>
@ -75,9 +75,9 @@ export default {
.content-box {
padding: 0 !important;
width: 30%;
width: 90%;
height: auto !important;
margin: 50px 0;
margin: 0.5rem 0;
cursor: pointer;
position: relative;

22
src/views/NewPlatform/Children/Service.vue

@ -3,29 +3,29 @@
<h-nav />
<banner :show-page="showPage" />
<div class="flow-path" style="padding: 15px 9%;">
<div class="flow-title" style="top: 30%;">服务流程</div>
<div class="flow-title" style="top: 30%;left:1rem">服务流程</div>
<div class="flow-content">
<img src="~assets/image.png" style="width: 100%" />
</div>
</div>
<div class="inner d-flex flex-wrap" style="margin: 20px auto">
<div class="d-flex flex-wrap" style="margin-left:1.2rem">
<div
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
:key="index"
class="item-box mb-8 pointer"
class="item-box mb-4 pointer"
v-for="(item, index) in list"
>
<img @click="showModal(item.id)" :src="item.picUrl" style="height:5rem; width: 100%; border: 1px solid #ccc" />
<p class="font-24 my-4" style="text-align: center">
<p class="font-20 my-4" style="text-align: center">
<span>{{ item.name }}</span>
</p>
<!-- <p
class="font-16 my-4 textColor line-height-30 item-content"
v-if="item.intro"
>{{ item.intro }}</p> -->
<div v-if="item.intro === null? false: item.intro.length>10" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,10) }}
<div v-if="item.intro === null? false: item.intro.length>15" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,15) }}
<a-button
@click="showIntro(index)"
class="font-16 baseColor"
@ -38,7 +38,7 @@
</div>
<div v-if="item.intro === null? false:item.intro.length<=10" class="font-16 textColor item-intro">
<div v-if="item.intro === null? false:item.intro.length<=15" class="font-16 textColor item-intro">
<p>{{ item.intro }}</p>
</div>
<!-- <p
@ -391,9 +391,6 @@ export default {
</script>
<style lang="stylus" scoped>
.inner {
margin: 10px auto 15px;
}
.pagination {
margin: 40px 0;
@ -402,8 +399,9 @@ export default {
.item-box {
position: relative;
width: 20.5%;
margin-right: 6%;
width: 41%;
margin-right: 3%;
margin-left: 3%;
border-radius: 4px;
}

2
src/views/NewPlatform/components/HNav.vue

@ -65,7 +65,7 @@ export default {
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
padding-left 1.2rem
padding-left 1rem
padding-top 0.2rem
background-color #fff
}

Loading…
Cancel
Save