|
|
@ -1,16 +1,14 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<h-nav /> |
|
|
<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-box" style="margin-bottom: 100px; min-height: 200px"> |
|
|
<div class="top-title">项目发布</div> |
|
|
<div class="top-title">项目发布</div> |
|
|
<div class="top-content">项目发布在建中</div> |
|
|
<div class="top-content">项目发布在建中</div> |
|
|
</div>--> |
|
|
</div>--> |
|
|
<div class="search-background"> |
|
|
<div class="search-background"> |
|
|
<div class="d-flex"> |
|
|
<div class="d-flex"> |
|
|
<div class="flex-3 flex-wrap"> |
|
|
<div class="flex-1 flex-wrap"> |
|
|
<span class="ins-title">技术领域：</span> |
|
|
<span class="ins-title">技术领域：</span> |
|
|
<span |
|
|
<span |
|
|
:class="item.isActive ? 'act-color' : ''" |
|
|
:class="item.isActive ? 'act-color' : ''" |
|
|
@ -22,7 +20,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="inner d-flex flex-wrap"> |
|
|
<div class="d-flex flex-wrap"> |
|
|
<div |
|
|
<div |
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
:key="index" |
|
|
:key="index" |
|
|
@ -32,7 +30,7 @@ |
|
|
<p class="pro-title">{{ item.title }}</p> |
|
|
<p class="pro-title">{{ item.title }}</p> |
|
|
<p class="pro-content">{{ item.content }}</p> |
|
|
<p class="pro-content">{{ item.content }}</p> |
|
|
<p class="pro-time">时间：{{ item.time }}</p> |
|
|
<p class="pro-time">时间：{{ item.time }}</p> |
|
|
<a-button class="pro-btn" type="primary">揭榜</a-button> |
|
|
<a-button class="pro-btn width-8" type="primary">揭榜</a-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="inner"> |
|
|
<div class="inner"> |
|
|
@ -55,7 +53,7 @@ import HNav from './../components/HNav.vue'; |
|
|
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; |
|
|
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; |
|
|
export default { |
|
|
export default { |
|
|
name: 'Release', |
|
|
name: 'Release', |
|
|
components: { HNav, BreadCrumb }, |
|
|
components: { HNav }, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
title: '项目发布', |
|
|
title: '项目发布', |
|
|
@ -168,31 +166,31 @@ export default { |
|
|
background: -webkit-linear-gradient(left, #13ACC4, #A9C300) !important; |
|
|
background: -webkit-linear-gradient(left, #13ACC4, #A9C300) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.search-background { |
|
|
.search-background { |
|
|
background: rgba(0, 0, 0, 0.02); |
|
|
background: #fff |
|
|
border: 1px solid rgba(0, 0, 0, 0.06); |
|
|
// border: 1px solid rgba(0, 0, 0, 0.06); |
|
|
height: auto; |
|
|
height: auto; |
|
|
padding: 0 20px; |
|
|
padding: 0 1.4rem; |
|
|
width: 82%; |
|
|
width: 100%; |
|
|
margin: 40px auto; |
|
|
margin: 0.5rem auto 1rem; |
|
|
line-height: 44px; |
|
|
line-height: 1.2rem; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pagination { |
|
|
.pagination { |
|
|
margin: 40px 0; |
|
|
margin: 40px 0; |
|
|
text-align: right; |
|
|
text-align: right; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.ins-title { |
|
|
.ins-title { |
|
|
font-size: 16px; |
|
|
font-size: 14px; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.ins-name { |
|
|
.ins-name { |
|
|
font-size: 16px; |
|
|
font-size: 14px; |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
padding: 0 10px; |
|
|
padding: 0 6px; |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -205,8 +203,8 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pro-box { |
|
|
.pro-box { |
|
|
width: 20.5%; |
|
|
width: 41%; |
|
|
margin-right: 6%; |
|
|
margin-left: 6%; |
|
|
height: 300px; |
|
|
height: 300px; |
|
|
background: #FFFFFF; |
|
|
background: #FFFFFF; |
|
|
padding: 24px 20px; |
|
|
padding: 24px 20px; |
|
|
|
rose
5 years ago