85 lines
2.6 KiB
Vue
85 lines
2.6 KiB
Vue
<!--
|
|
* @Author: hisense.liangjunhua
|
|
* @Date: 2022-06-19 10:11:03
|
|
* @LastEditors: hisense.liangjunhua
|
|
* @LastEditTime: 2022-07-05 19:47:07
|
|
* @Description: 告诉大家这是什么
|
|
-->
|
|
<template>
|
|
<div class="capability-cloud">
|
|
<div class="header">
|
|
<span class="title" @click="goHome">数字能力超市</span>
|
|
</div>
|
|
<div class="main">
|
|
<platform-overview></platform-overview>
|
|
<application-resources></application-resources>
|
|
</div>
|
|
<div class="main">
|
|
<component-services></component-services>
|
|
<infrastructure></infrastructure>
|
|
<data-resources></data-resources>
|
|
<knowledge-base></knowledge-base>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import PlatformOverview from '@/views/capabilityCloud/components/PlatformOverview.vue'
|
|
import ApplicationResources from '@/views/capabilityCloud/components/ApplicationResources.vue'
|
|
import ComponentServices from '@/views/capabilityCloud/components/ComponentServices.vue'
|
|
import Infrastructure from '@/views/capabilityCloud/components/Infrastructure.vue'
|
|
import DataResources from '@/views/capabilityCloud/components/DataResources.vue'
|
|
import KnowledgeBase from '@/views/capabilityCloud/components/KnowledgeBase.vue'
|
|
import { useRouter } from 'vue-router'
|
|
const router = useRouter()
|
|
const goHome = () => {
|
|
router.push({path: '/home', query:{redict: window.location.origin + '/#/home'}})
|
|
}
|
|
</script>
|
|
<style lang="less">
|
|
@font-face {
|
|
font-family: 'SourceHanSansCN-Regular';
|
|
src: url('~@/assets/capabilityCloud/font/SourceHanSansCN-Regular.otf');
|
|
}
|
|
@font-face {
|
|
font-family: 'DIN-Bold';
|
|
src: url('~@/assets/capabilityCloud/font/DIN-Bold.otf');
|
|
}
|
|
@font-face {
|
|
font-family: 'ZhiheiJ-W5.ttf';
|
|
src: url('~@/assets/capabilityCloud/font/ZhiheiJ-W5.ttf');
|
|
}
|
|
.capability-cloud {
|
|
font-family: SourceHanSansCN-Regular;
|
|
.title {
|
|
font-family: ZhiheiJ-W5;
|
|
background: -webkit-linear-gradient(90deg, #99a8d0, #fff);
|
|
font-weight: 600;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.num {
|
|
font-family: DIN-Bold;
|
|
}
|
|
}
|
|
</style>
|
|
<style lang="less" scoped>
|
|
.capability-cloud {
|
|
height: 10.8rem;
|
|
background: url('~@/assets/capabilityCloud/bg.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
overflow: hidden;
|
|
& > .header {
|
|
height: 1.04rem;
|
|
text-align: center;
|
|
background: url('~@/assets/capabilityCloud/header.png') no-repeat;
|
|
font-size: 0.46rem;
|
|
}
|
|
& > .main {
|
|
margin-top: 0.2rem;
|
|
padding: 0 0.24rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
</style>
|