详情页添加标签

This commit is contained in:
a0049873 2022-11-03 17:15:53 +08:00
parent 0941a3c92b
commit f25e57e9b1
8 changed files with 175 additions and 17 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 544 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 706 B

View File

@ -1,14 +1,32 @@
<!--
* @Author: hisense.liangjunhua
* @Date: 2022-06-08 11:32:22
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-07-18 18:49:30
* @LastEditors: Light
* @LastEditTime: 2022-11-03 16:53:02
* @Description: 算法详情页
-->
<template>
<div class="algorithm-details" :class="{ fixed2: scrollTop >= 600 }">
<!-- 头部基本信息 -->
<algorithm-top-details :dataList="dataList.data"></algorithm-top-details>
<div style="position: absolute; top: 240px; left: 320px">
<div style="display: flex; align-items: center; color: #99ffff">
<i class="jc"></i>
<div style="margin-left: 10px">能力基本信息</div>
</div>
<div
style="
display: flex;
align-items: center;
color: #67b1fc;
margin-top: 450px;
"
>
<i class="kz"></i>
<div style="margin-left: 10px">能力扩展信息</div>
</div>
</div>
<!-- 导航 -->
<algorithm-navigation
:dataList="dataList.data"
@ -201,4 +219,18 @@
.fixed2 > div:nth-of-type(3) {
margin-top: 0.84rem;
}
.jc {
width: 15px;
height: 15px;
background: url('~@/assets/home/jc.png') no-repeat;
background-size: 100%;
background-position: center;
}
.kz {
width: 15px;
height: 15px;
background: url('~@/assets/home/kz.png') no-repeat;
background-size: 100%;
background-position: center;
}
</style>

View File

@ -1,8 +1,8 @@
<!--
* @Author: hisense.liangjunhua
* @Date: 2022-06-08 11:32:22
* @LastEditors: hisense.liangjunhua
* @LastEditTime: 2022-07-22 18:43:37
* @LastEditors: Light
* @LastEditTime: 2022-11-03 16:52:08
* @Description: 应用详情页
-->
<template>
@ -11,6 +11,23 @@
<application-top-details
:dataList="dataList.data"
></application-top-details>
<div style="position: absolute; top: 240px; left: 320px">
<div style="display: flex; align-items: center; color: #99ffff">
<i class="jc"></i>
<div style="margin-left: 10px">能力基本信息</div>
</div>
<div
style="
display: flex;
align-items: center;
color: #67b1fc;
margin-top: 450px;
"
>
<i class="kz"></i>
<div style="margin-left: 10px">能力扩展信息</div>
</div>
</div>
<!-- 导航 -->
<application-navigation
:dataList="dataList.data"
@ -216,4 +233,18 @@
.fixed2 > div:nth-of-type(3) {
margin-top: 0.84rem;
}
.jc {
width: 15px;
height: 15px;
background: url('~@/assets/home/jc.png') no-repeat;
background-size: 100%;
background-position: center;
}
.kz {
width: 15px;
height: 15px;
background: url('~@/assets/home/kz.png') no-repeat;
background-size: 100%;
background-position: center;
}
</style>

View File

@ -1,14 +1,32 @@
<!--
* @Author: hisense.gaoyuanwei
* @Date: 2022-06-20 10:12:22
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-07-18 18:49:01
* @LastEditors: Light
* @LastEditTime: 2022-11-03 16:53:10
* @Description: 业务组件详情页
-->
<template>
<div class="business-details" :class="{ fixed2: scrollTop >= 600 }">
<!-- 头部基本信息 -->
<business-top-details :dataList="dataList.data"></business-top-details>
<div style="position: absolute; top: 240px; left: 320px">
<div style="display: flex; align-items: center; color: #99ffff">
<i class="jc"></i>
<div style="margin-left: 10px">能力基本信息</div>
</div>
<div
style="
display: flex;
align-items: center;
color: #67b1fc;
margin-top: 450px;
"
>
<i class="kz"></i>
<div style="margin-left: 10px">能力扩展信息</div>
</div>
</div>
<!-- 导航 -->
<business-navigation
:dataList="dataList.data"
@ -184,4 +202,18 @@
.fixed2 > div:nth-of-type(3) {
margin-top: 0.84rem;
}
.jc {
width: 15px;
height: 15px;
background: url('~@/assets/home/jc.png') no-repeat;
background-size: 100%;
background-position: center;
}
.kz {
width: 15px;
height: 15px;
background: url('~@/assets/home/kz.png') no-repeat;
background-size: 100%;
background-position: center;
}
</style>

View File

@ -1,14 +1,32 @@
<!--
* @Author: hisense.liangjunhua
* @Date: 2022-06-08 11:32:22
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-07-18 18:48:53
* @LastEditors: Light
* @LastEditTime: 2022-11-03 16:53:13
* @Description: 开发组件详情页
-->
<template>
<div class="application-details" :class="{ fixed2: scrollTop >= 600 }">
<!-- 头部基本信息 -->
<developer-top-details :dataList="dataList.data"></developer-top-details>
<div style="position: absolute; top: 240px; left: 320px">
<div style="display: flex; align-items: center; color: #99ffff">
<i class="jc"></i>
<div style="margin-left: 10px">能力基本信息</div>
</div>
<div
style="
display: flex;
align-items: center;
color: #67b1fc;
margin-top: 450px;
"
>
<i class="kz"></i>
<div style="margin-left: 10px">能力扩展信息</div>
</div>
</div>
<!-- 导航 -->
<developer-navigation
:dataList="dataList.data"
@ -194,4 +212,18 @@
.fixed2 > div:nth-of-type(3) {
margin-top: 0.84rem;
}
.jc {
width: 15px;
height: 15px;
background: url('~@/assets/home/jc.png') no-repeat;
background-size: 100%;
background-position: center;
}
.kz {
width: 15px;
height: 15px;
background: url('~@/assets/home/kz.png') no-repeat;
background-size: 100%;
background-position: center;
}
</style>

View File

@ -1,8 +1,8 @@
<!--
* @Author: hisense.liangjunhua
* @Date: 2022-06-08 11:32:22
* @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-07-18 18:48:32
* @LastEditors: Light
* @LastEditTime: 2022-11-03 16:53:17
* @Description: 图层服务详情页
-->
<template>
@ -11,6 +11,24 @@
<layer-service-top-details
:dataList="dataList.data"
></layer-service-top-details>
<div style="position: absolute; top: 240px; left: 320px">
<div style="display: flex; align-items: center; color: #99ffff">
<i class="jc"></i>
<div style="margin-left: 10px">能力基本信息</div>
</div>
<div
style="
display: flex;
align-items: center;
color: #67b1fc;
margin-top: 450px;
"
>
<i class="kz"></i>
<div style="margin-left: 10px">能力扩展信息</div>
</div>
</div>
<!-- 导航 -->
<layer-service-navigation
:dataList="dataList.data"
@ -193,4 +211,18 @@
.fixed2 > div:nth-of-type(3) {
margin-top: 0.84rem;
}
.jc {
width: 15px;
height: 15px;
background: url('~@/assets/home/jc.png') no-repeat;
background-size: 100%;
background-position: center;
}
.kz {
width: 15px;
height: 15px;
background: url('~@/assets/home/kz.png') no-repeat;
background-size: 100%;
background-position: center;
}
</style>

View File

@ -68,7 +68,7 @@
</span>
</div>
</div>
<div class="top-content-father" :key="listKey">
<!-- <div class="top-content-father" :key="listKey">
<template
v-if="
Cardsname == 'GIS图层' || Cardsname == '应用系统' || Cardsname == ''
@ -122,7 +122,7 @@
</div>
</div>
</template>
</div>
</div> -->
<searchResultList
v-show="resourceList.data && resourceList.data.length > 0"
:resourceList="resourceList"
@ -336,7 +336,7 @@
<div class="hengxian"></div>
</div>
</div>
<div class="top-content-father" :key="listKey">
<!-- <div class="top-content-father" :key="listKey">
<template
v-if="
Cardsname == 'GIS图层' || Cardsname == '应用系统' || Cardsname == ''
@ -390,7 +390,7 @@
</div>
</div>
</template>
</div>
</div> -->
<searchResultList
v-show="resourceList.data && resourceList.data.length > 0"
:key="listKey2"
@ -538,8 +538,7 @@
<div class="hengxian"></div>
</div>
</div>
<div class="top-content-father" :key="listKey">
<!-- todo -->
<!-- <div class="top-content-father" :key="listKey">
<template
v-if="
Cardsname == 'GIS图层' || Cardsname == '应用系统' || Cardsname == ''
@ -593,7 +592,7 @@
</div>
</div>
</template>
</div>
</div> -->
<searchResultList
v-show="resourceList.data && resourceList.data.length"
:key="listKey2"