Browse Source

修改

master
rose 5 years ago
parent
commit
8eb178d727
  1. 7
      src/App.vue
  2. 2
      src/components/Banner/Banner.vue
  3. 2
      src/components/FooterPage/FriendShip.vue
  4. 20
      src/components/HeadNav/HeadNav.vue
  5. 2
      src/components/Index/IndexNewList.vue
  6. 2
      src/views/About/Children/Partner.vue
  7. 2
      src/views/About/Children/SpinOffs.vue
  8. 9
      src/views/About/components/HNav.vue
  9. 59
      src/views/Activity/Activity.vue
  10. 29
      src/views/Community/Community.vue
  11. 16
      src/views/FirstPage/FirstPage.vue
  12. 74
      src/views/IncubationPlatform/Children/MakerSpace.vue
  13. 14
      src/views/IncubationPlatform/Children/Products.vue
  14. 18
      src/views/IncubationPlatform/Children/Services.vue
  15. 34
      src/views/IncubationPlatform/components/HNav.vue
  16. 7
      src/views/Industry/Children/Enterprise.vue
  17. 19
      src/views/Industry/Children/Serve.vue
  18. 6
      src/views/Industry/Children/Union.vue
  19. 25
      src/views/Industry/Children/components/HNav.vue
  20. 4
      src/views/NewPlatform/Children/Core.vue
  21. 25
      src/views/NewPlatform/Children/Platform.vue
  22. 13
      src/views/NewPlatform/Children/Service.vue
  23. 22
      src/views/NewPlatform/components/HNav.vue

7
src/App.vue

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

2
src/components/Banner/Banner.vue

@ -2,7 +2,7 @@
<div class="head">
<a-carousel :autoplay="false">
<div :key="item.id" v-for="item in bannerLists">
<img :src="item.url" alt style="width: 100% !important" />
<img :src="item.url" alt style="width: 100% !important;height: 10rem;" />
<div id="banner-box"></div>
</div>
</a-carousel>

2
src/components/FooterPage/FriendShip.vue

@ -69,7 +69,7 @@ export default {
<style lang="stylus" scoped>
.friend {
line-height: 64px;
line-height: 1rem;
background: #fff;
font-size: 12px;
color: rgba(0, 0, 0, 0.65);

20
src/components/HeadNav/HeadNav.vue

@ -13,18 +13,16 @@
style="cursor: pointer"
/>
<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>
<a-icon
@click="$router.push('/Cart')"
class="baseColor icon-head pointer"
type="shopping-cart"
/>
</div>

2
src/components/Index/IndexNewList.vue

@ -9,7 +9,7 @@
<div class="d-flex flex-column" v-if="i === 0">
<div class="d-flex flex-nowrap align-center baseColor">
<span class="font-bold-24">行业资讯</span>
<img class="bullhorn ml-3" src="@/assets/bullhorn.png" />
<img class="bullhorn ml-4" src="@/assets/bullhorn.png" />
<div class="flex-1"></div>
<a-button
@click="$router.push('/ItInformation')"

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

@ -20,7 +20,7 @@ import PartnerShip from 'components/Introduce/PartnerShip.vue';
export default {
name: 'Partner',
components: { HNav, BreadCrumb, PartnerShip },
components: { HNav, PartnerShip },
data() {
return {
title: '合作伙伴',

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

@ -18,7 +18,7 @@ import DeriveEnterprise from 'components/Introduce/DeriveEnterprise.vue';
export default {
name: 'Partner',
components: { HNav, BreadCrumb, DeriveEnterprise },
components: { HNav, DeriveEnterprise },
data() {
return {
title: '衍生企业',

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

@ -74,24 +74,25 @@ export default {
.about-us{
width 100%
height 3rem
height 2.5rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
padding-left 1.5rem
padding-top 0.8rem
padding-top 0.2rem
background-color #fff
}
.list-down {
// text-align center
width 100%
height 3rem
height 2.5rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
color: #fff
padding-left 1.5rem
padding-top 0.8rem
padding-top 0.3rem
}
.nav{

59
src/views/Activity/Activity.vue

@ -5,21 +5,30 @@
-->
<template>
<div class="inner">
<div>
<div class="search-list">
<span>
<a-checkbox :checked="sta.ly === 1" @click="cSta('ly')">路演</a-checkbox>
<a-checkbox :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox>
<a-checkbox :checked="sta.sl === 1" @click="cSta('sl')">沙龙</a-checkbox>
</span>
<a-input-search
<div>
<a-input-search
@search="getData"
class="search"
enter-button="搜索"
enter-button
placeholder="请输入..."
style="width: 381px"
style="width: 281px"
v-model="iptCon"
/>
</div>
<div>
<span>
<a-checkbox :checked="sta.ly === 1" @click="cSta('ly')">路演</a-checkbox>
<a-checkbox :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox>
<a-checkbox :checked="sta.sl === 1" @click="cSta('sl')">沙龙</a-checkbox>
</span>
</div>
</div>
<div class="policy-box">
<div
@ -41,13 +50,13 @@
</span>
<span class="source" v-if="item.address">地点{{ item.address }}</span>
</p>
<p class="original">
<!-- <p class="original">
<a-button
disabled
v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)"
>报名已结束</a-button>
<enroll :act-name="item.title" :activity-id="item.activityId" v-else />
</p>
</p> -->
</div>
</div>
</div>
@ -71,7 +80,7 @@ import { front } from 'config/api';
import Enroll from './components/Enroll.vue';
export default {
name: 'Activity',
components: { Enroll },
// components: { Enroll },
data() {
return {
str: '这是活动公告界面',
@ -204,17 +213,16 @@ export default {
}
.search-list {
height: 72px;
line-height: 72px;
position: relative;
height: 6rem;
padding-left: 24px;
background: #fff;
}
.search {
position: absolute;
right: 24px;
top: 20px;
margin-bottom 1rem
margin-top 1rem
}
.policy-box {
@ -230,7 +238,7 @@ export default {
.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;
@ -238,7 +246,7 @@ export default {
.item-content {
text-indent: 2em;
font-size: 16px;
font-size: 14px;
line-height: 36px;
color: rgba(0, 0, 0, 0.35);
font-family: Microsoft YaHei;
@ -278,7 +286,7 @@ export default {
}
.date-box {
width: 160px !important;
width: 4rem !important;
text-align: center;
box-shadow: none !important;
margin-top: 0 !important;
@ -290,21 +298,22 @@ 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;
}
.source-time {
margin-bottom: 0;
}

29
src/views/Community/Community.vue

@ -5,23 +5,28 @@
-->
<template>
<div class="inner">
<div>
<div class="search-list">
<a-radio-group v-model="value">
<!-- <a-radio-group v-model="value">
<a-radio :style="radioStyle" :value="1">主题论坛</a-radio>
<a-radio :style="radioStyle" :value="2">创新社区</a-radio>
<a-radio :style="radioStyle" :value="3">孵化社区</a-radio>
<a-radio :style="radioStyle" :value="4">产业社区</a-radio>
</a-radio-group>
<a-input-search
@search="searchData"
class="search"
enter-button="搜索"
placeholder="请输入..."
style="width: 381px"
v-model="iptCon"
/>
<a-button @click="jumpPost()" class="btn" type="primary">发帖</a-button>
</a-radio-group> -->
<div>
<a-input-search
@search="searchData"
class="search"
enter-button
placeholder="请输入..."
style="width: 16rem"
v-model="iptCon"
/>
</div>
<div>
<a-button @click="jumpPost()" class="btn" type="primary">发帖</a-button>
</div>
</div>
<div :key="index" class="post" v-for="(item, index) in lists">
<p class="post-title">{{ item.title }}</p>

16
src/views/FirstPage/FirstPage.vue

@ -6,7 +6,7 @@
<template>
<div>
<rotation />
<div class="inner">
<div>
<a-row>
<a-col id="hy-news">
<a-row>
@ -39,17 +39,13 @@
<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">
<index-new-list :i="0" :lists="lists" />
</div>
</a-col>
<a-row>
<div class="white d-flex flex-column justify-center">
<index-new-list :i="0" :lists="lists" />
</div>
</a-row>
</a-col>
<!-- <a-col :span="6" :style="{ height: height }" class="hd-news">
</a-col> -->
</a-row>
</div>
</div>

74
src/views/IncubationPlatform/Children/MakerSpace.vue

@ -1,15 +1,12 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<banner :show-page="showPage" />
<div class="inner">
<div class="">
<div>
<div class="d-flex flex-column white">
<div class="font-bold-32 title-color pt-3 px-2">众创空间介绍</div>
<div class="pa-3 font-16">
<div class="d-flex flex-column white justify-space-between">
<div class="font-bold-32 title-color pt-3 px-2" style="margin-left:1rem">众创空间介绍</div>
<div class="pa-3 font-16 " style="margin-left:1rem;margin-right:1rem">
<div>
本众创空间分为线下实体众创空间与线上虚拟众创空间重点面向功能食品生物医药和大健康产业
领域科技型中小微企业创客和创新创业团队开展创业孵化培育高新技术企业促进科技成果转化和产业集聚发展
@ -32,58 +29,17 @@
</div>
</div>
</div>
<!-- <div :key="index" style="margin-top: 20px" v-for="(item, index) in list">
<div class="d-flex justify-space-between space-box" v-if="index % 2 === 0">
<div class="introduce-box">
<p
@click="item.imgUrl ? jump(item.url) : openModel()"
class="introduce-title pointer"
>
{{ item.title }}
<a-icon class="baseColor ml-3" type="right-circle" />
</p>
<p class="introduce-content" v-if="index === 0">
实体空间由
<span @click="$router.push('')" class="pointer baseColor">孵化场所</span>
<span @click="$router.push('')" class="pointer baseColor">公共实验室</span>
<span @click="$router.push('')" class="pointer baseColor">中试基地</span>部分组成
</p>
<p
@click="item.imgUrl ? jump(item.url) : openModel()"
class="introduce-content pointer"
v-else
>{{ item.content }}</p>
</div>
<img
:src="item.imgUrl"
@click="item.url ? jump(item.url) : ''"
class="pointer"
style="width: 452px"
/>
</div>
<div
@click="item.url ? jump(item.url) : ''"
class="d-flex justify-space-between pointer space-box"
v-else
>
<img :src="item.imgUrl" style="width: 452px" />
<div class="introduce-box">
<p class="introduce-title">
{{ item.title }}
<a-icon class="baseColor ml-3" type="right-circle" />
</p>
<p class="introduce-content">{{ item.content }}</p>
<div>
<div class="d-flex flex-column justify-space-between">
<div>
<img
class="pointer"
src="../../../assets/zckj.png"
style="width: 100%;height: 228px;"
/>
</div>
</div>
<add-model :value="1" ref="child" style="width: 452px" />
</div>-->
<div style="margin-top: 20px">
<div class="d-flex justify-space-between">
<img
class="pointer mr-3"
src="../../../assets/zckj.png"
style="width: 320px;height: 228px;"
/>
<div class="flex-1 d-flex flex-column white">
<div
:key="index"
@ -128,7 +84,7 @@ import AddModel from '../components/AddModel.vue';
export default {
name: 'MakerSpace',
components: { BreadCrumb, HNav, Banner, AddModel },
components: { HNav, Banner, AddModel },
data() {
return {
showPage: 41,

14
src/views/IncubationPlatform/Children/Products.vue

@ -1,24 +1,23 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<div class="inner">
<div>
<div class="search-background">
<div class="d-flex">
<div class="flex-3 flex-wrap">
<span class="ins-title">产品类目</span>
<span
<!-- <span
:class="item.isActive ? 'act-color' : ''"
:key="index"
@click="choose(index)"
class="ins-name"
v-for="(item, index) in productLists"
>{{ item.name }}</span>
>{{ item.name }}</span> -->
</div>
<div class="flex-1 align-center">
</div>
<div class="flex-1 align-center mb-4">
<a-input-search
@search="searchProduct"
class="item-search"
@ -27,7 +26,6 @@
v-model="productIpt"
/>
</div>
</div>
</div>
</div>
<p class="font-bold-24">产品展示</p>
@ -45,7 +43,7 @@ import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
export default {
name: 'Products',
components: { BreadCrumb, HNav, PlatformList },
components: { HNav, PlatformList },
data() {
return {
arr: [

18
src/views/IncubationPlatform/Children/Services.vue

@ -1,14 +1,12 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<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="left: 0.5rem;font-size: 20px">服务流程</div>
<div class="flow-content1">
<img src="~assets/image.png" style="width: 100%" />
<img src="~assets/image.png" style="width: 100%;height: 4rem" />
</div>
</div>
<div class="inner d-flex flex-wrap" style="margin: 20px auto">
@ -23,11 +21,11 @@
:src="item.picUrl"
:title="item.intro"
@click="showModal(item.id)"
style="height: 220px; width: 100%; border: 1px solid #ccc"
style="height: 5rem; width: 100%; border: 1px solid #ccc"
/>
<p @click="showModal(item.id)" class="font-24 my-2 text-center">{{ item.name }}</p>
<div v-if="item.intro.length>45" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,45) }}
<div v-if="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"
@ -40,7 +38,7 @@
</div>
<div v-if="item.intro.length<=45" class="font-16 textColor item-intro">
<div v-if="item.intro.length<=15" class="font-16 textColor item-intro">
<p>{{ item.intro }}</p>
</div>
<!-- <p @click="showDiv(index)" class="baseColor d-flex flex-row-reverse">{{ showList[index] }}</p> -->
@ -191,7 +189,7 @@ const formTailLayout = {
};
export default {
name: 'Services',
components: { Banner, HNav, BreadCrumb },
components: { Banner, HNav},
data() {
return {
title: '创业服务',

34
src/views/IncubationPlatform/components/HNav.vue

@ -1,10 +1,11 @@
<template>
<div class="nav-box d-flex">
<div class="about-us d-flex">
<div
:class="activeNum === index ? 'nav-box-active' : ''"
:key="index"
@click="jump(item.url)"
v-for="(item, index) in list"
class="mr-2"
>{{ item.title }}</div>
</div>
</template>
@ -20,18 +21,6 @@ export default {
title: '众创空间',
url: '/IncubationPlatform/MakerSpace',
},
// {
// title: '',
// url: '/IncubationPlatform/PublicLaboratory',
// },
// {
// title: '',
// url: '/IncubationPlatform/PilotBase',
// },
// {
// title: '',
// url: '/IncubationPlatform/Tutor',
// },
{
title: '创业服务',
url: '/IncubationPlatform/Services',
@ -65,4 +54,21 @@ export default {
};
</script>
<style lang="stylus" scoped></style>
<style lang="stylus" scoped>
.about-us{
width 100%
height 2rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
padding-left 1.2rem
padding-top 0.2rem
background-color #fff
}
.nav-box-active {
color: black !important;
font-weight:bold
}
</style>

7
src/views/Industry/Children/Enterprise.vue

@ -1,9 +1,6 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<div>
<derive-enterprise :title="title" :type-of-platform="typeOfPlatform" />
</div>
@ -12,11 +9,11 @@
<script>
import HNav from './components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
import DeriveEnterprise from 'components/Introduce/DeriveEnterprise.vue';
export default {
name: 'Enterprise',
components: { HNav, BreadCrumb, DeriveEnterprise },
components: { HNav, DeriveEnterprise },
data() {
return {
title: '衍生企业',

19
src/views/Industry/Children/Serve.vue

@ -1,14 +1,11 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<banner :show-page="showPage" />
<div class="flow-path" style="padding: 15px 9%;">
<div class="flow-title" style="top: 30%;">服务流程</div>
<div class="flow-content">
<img src="~assets/image.png" style="width: 100%" />
<div class="flow-title" style="left: 0.5rem;font-size: 20px">服务流程</div>
<div class="flow-content1">
<img src="~assets/image.png" style="width: 100%;height: 4rem" />
</div>
</div>
<div class="inner d-flex flex-wrap" style="margin: 20px auto">
@ -21,13 +18,13 @@
<img
:src="item.picUrl"
@click="showModal(item.id)"
style="height: 220px; width: 100%; border: 1px solid #ccc"
style="height: 5rem; width: 100%; border: 1px solid #ccc"
/>
<p @click="showModal(item.id)" class="font-24 my-4" style="text-align: center">
<span>{{ item.name }}</span>
</p>
<div v-if="item.intro.length>45" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,45) }}
<div v-if="item.intro.length>10" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,10) }}
<a-button
@click="showIntro(index)"
class="font-16 baseColor"
@ -40,7 +37,7 @@
</div>
<div v-if="item.intro.length<=45" class="font-16 textColor item-intro">
<div v-if="item.intro.length<=10" class="font-16 textColor item-intro">
<p>{{ item.intro }}</p>
</div>
<!-- <p
@ -182,7 +179,7 @@ const formTailLayout = {
};
export default {
name: 'Serve',
components: { HNav, Banner, BreadCrumb },
components: { HNav, Banner},
data() {
return {
title: '产业服务',

6
src/views/Industry/Children/Union.vue

@ -1,9 +1,7 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<div class="top-box" style="margin-bottom: 100px; min-height: 200px">
<div class="top-title">产业创新联盟</div>
<div class="top-content">
@ -67,7 +65,7 @@ import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
// import NewModel from '../../NewPlatform/components/NewModel.vue';
export default {
name: 'Union',
components: { HNav, BreadCrumb },
components: { HNav,},
data() {
return {
title: '产业创新联盟',

25
src/views/Industry/Children/components/HNav.vue

@ -1,6 +1,9 @@
<template>
<div class="nav-box d-flex">
<div v-for="(item, index) in list" :key="index" :class="activeNum === index ? 'nav-box-active' : ''" @click="jump(item.url)">
<div class="about-us d-flex">
<div
class="ml-2"
v-for="(item, index) in list" :key="index" :class="activeNum === index ? 'nav-box-active' : ''" @click="jump(item.url)"
>
{{ item.title }}
</div>
</div>
@ -51,4 +54,20 @@ export default {
};
</script>
<style lang="stylus" scoped></style>
<style lang="stylus" scoped>
.about-us{
width 100%
height 2rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
padding-left 0.6rem
padding-top 0.2rem
background-color #fff
}
.nav-box-active {
color: black !important;
font-weight:bold
}
</style>

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

@ -70,14 +70,12 @@
import '@/common/platform.styl';
import HNav from './../components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
// import DeEnt from './components/DeEnt.vue';
import NewModel from './../components/NewModel.vue';
// import RichText from 'components/Introduce/RichText.vue';
import CoreOrgan from 'components/CoreOrgan/CoreOrgan.vue';
export default {
name: 'Core',
components: { HNav, BreadCrumb, NewModel, CoreOrgan },
components: { HNav, NewModel, CoreOrgan },
data() {
return {
str: '这是中心界面',

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

@ -8,30 +8,14 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<banner :show-page="showPage" />
<div style="padding-bottom: 50px">
<div class="inner d-flex flex-nowrap justify-space-between">
<div class="d-flex flex-nowrap justify-space-between">
<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>
<div class="con-con">{{ item.content }}</div>
<!-- <div class="d-flex justify-space-between" v-if="index % 2 === 0">
<div class="introduce-box">
<p class="introduce-title">{{ item.title }}</p>
<p class="introduce-content">{{ item.content }}</p>
</div>
<img :src="item.imgUrl" style="width: 452px" />
</div>
<div class="d-flex justify-space-between" v-else>
<img :src="item.imgUrl" style="width: 452px" />
<div class="introduce-box">
<p class="introduce-title">{{ item.title }}</p>
<p class="introduce-content">{{ item.content }}</p>
</div>
</div>-->
</div>
</div>
</div>
@ -41,10 +25,9 @@
<script>
import Banner from 'components/Banner/Banner.vue';
import HNav from './../components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
export default {
name: 'News',
components: { HNav, Banner, BreadCrumb },
components: { HNav, Banner},
data() {
return {
str: '这是政策界面',
@ -107,7 +90,7 @@ export default {
position: absolute;
bottom: 23px;
color: #ffffff;
font-size: 1.6rem;
font-size: 0.8rem;
text-align: center;
width: 100%;
background-image: linear-gradient(rgba(#545454, 0), rgba(0, 0, 0, 0.6));

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

@ -1,9 +1,6 @@
<template>
<div>
<h-nav />
<div class="inner my-1">
<bread-crumb :arr="arr" />
</div>
<banner :show-page="showPage" />
<div class="flow-path" style="padding: 15px 9%;">
<div class="flow-title" style="top: 30%;">服务流程</div>
@ -19,7 +16,7 @@
class="item-box mb-8 pointer"
v-for="(item, index) in list"
>
<img @click="showModal(item.id)" :src="item.picUrl" style="height: 220px; width: 100%; border: 1px solid #ccc" />
<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">
<span>{{ item.name }}</span>
</p>
@ -27,8 +24,8 @@
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>45" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,45) }}
<div v-if="item.intro === null? false: item.intro.length>10" class="font-16 textColor item-intro mb-2">
{{ item.intro.slice(0,10) }}
<a-button
@click="showIntro(index)"
class="font-16 baseColor"
@ -41,7 +38,7 @@
</div>
<div v-if="item.intro === null? false:item.intro.length<=45" class="font-16 textColor item-intro">
<div v-if="item.intro === null? false:item.intro.length<=10" class="font-16 textColor item-intro">
<p>{{ item.intro }}</p>
</div>
<!-- <p
@ -185,7 +182,7 @@ const formTailLayout = {
export default {
name: 'Service',
components: { HNav, Banner, BreadCrumb },
components: { HNav, Banner },
data() {
return {
str: '这是服务界面',

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

@ -1,6 +1,7 @@
<template>
<div class="nav-box d-flex">
<div class="about-us d-flex">
<div
class="ml-2"
:class="activeNum === index ? 'nav-box-active' : ''"
:key="index"
@click="jump(item.url)"
@ -56,4 +57,21 @@ export default {
};
</script>
<style lang="stylus" scoped></style>
<style lang="stylus" scoped>
.about-us{
width 100%
height 2rem
// border 1px solid pink
border-bottom 1px solid #4C5660
font-size: 16px;
padding-left 1.2rem
padding-top 0.2rem
background-color #fff
}
.nav-box-active {
color: black !important;
font-weight:bold
}
</style>

Loading…
Cancel
Save