Compare commits
2 Commits
951ddbc77b
...
3183fc7342
Author | SHA1 | Date |
---|---|---|
gongjiale | 3183fc7342 | |
gongjiale | 38955b7748 |
|
@ -79,6 +79,18 @@
|
|||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="resoureType"
|
||||
label="资源类型"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="provideDept"
|
||||
label="提供部门"
|
||||
header-align="center"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 254 B |
Binary file not shown.
After Width: | Height: | Size: 469 B |
|
@ -257,9 +257,18 @@
|
|||
</b>
|
||||
{{ item.name }} :
|
||||
</div>
|
||||
<div v-if="item.type == 'input' && item.name === '参考价格'">
|
||||
<a-input
|
||||
:maxLength="1000"
|
||||
v-model:value="item.note1"
|
||||
:placeholder="'请输入' + placeHolderWords(item.name)+',单位为元'"
|
||||
@change="changeIiem(item.name, item.note1)"
|
||||
/>
|
||||
<span style="color:red"> (仅用于测算为部门节省资金)</span>
|
||||
</div>
|
||||
<a-input
|
||||
:maxLength="1000"
|
||||
v-if="item.type == 'input' && item.name.indexOf('名称') == -1"
|
||||
v-else-if="item.type == 'input' && item.name.indexOf('名称') == -1"
|
||||
v-model:value="item.note1"
|
||||
:placeholder="'请输入' + placeHolderWords(item.name)"
|
||||
@change="changeIiem(item.name, item.note1)"
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<div class="main">
|
||||
<div class="left">
|
||||
<a-layout-sider>
|
||||
<a-menu v-model:selectedKeys="selectedKeys" mode="inline" @click="handleClick">
|
||||
<a-menu v-model:selectedKeys="selectedKeys" mode="inline" @click="handleClick">
|
||||
<a-menu-item v-for="item in menuList" :key="item.key">
|
||||
<img :src="item.img" alt="" style="margin-right: 10px" />
|
||||
<span>{{ item.title }}</span>
|
||||
|
@ -69,7 +69,18 @@ const pageSize = ref(8)
|
|||
const total = ref()
|
||||
const showKey = ref(0)
|
||||
const whoShow1 = ref(whoShow)
|
||||
|
||||
const selectedKeys = ref(['0'])
|
||||
|
||||
|
||||
|
||||
const menuList = [
|
||||
{
|
||||
key: '0',
|
||||
title: '全部需求',
|
||||
num: '0',
|
||||
img: require('@/assets/home/menuall.png'),
|
||||
},
|
||||
{
|
||||
key: '1',
|
||||
title: '基础设施',
|
||||
|
@ -98,7 +109,7 @@ const menuList = [
|
|||
key: '5',
|
||||
title: '知识库',
|
||||
num: '0',
|
||||
img: require('@/assets/home/menuyyzy.png'),
|
||||
img: require('@/assets/home/menuzsk.png'),
|
||||
},
|
||||
]
|
||||
const detailsType = ref('')
|
||||
|
@ -113,6 +124,8 @@ const handleClick = (item) => {
|
|||
detailsType.value = '应用资源'
|
||||
} else if (item.key === '5') {
|
||||
detailsType.value = '知识库'
|
||||
}else{
|
||||
detailsType.value = ''
|
||||
}
|
||||
pageNum.value = 1
|
||||
getApplyList()
|
||||
|
@ -138,8 +151,7 @@ const getApplyList = () => {
|
|||
}
|
||||
|
||||
const showDetail = (item) => {
|
||||
// console.log('demandDetails', item)
|
||||
// store.commit('home/demandDetailsData', item)
|
||||
|
||||
router.push({
|
||||
path: '/demandDetails',
|
||||
query: {
|
||||
|
@ -164,6 +176,7 @@ onMounted(() => {
|
|||
list.value = res.data.data.list
|
||||
total.value = res.data.data.total
|
||||
})
|
||||
|
||||
})
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
|
|
@ -833,7 +833,7 @@
|
|||
let select =
|
||||
router.currentRoute.value.query.select ||
|
||||
DETAIL_PAGE_CONTENT_DEFAULT_TAB
|
||||
console.log('select------------>', select)
|
||||
let orderField =router.currentRoute.value.query.orderField
|
||||
// 例如:组件服务是大类型,selectSubType是组件服务的智能算法或图层服务等...
|
||||
let selectSubType = router.currentRoute.value.query.type || ''
|
||||
let queryName = ref('')
|
||||
|
@ -926,7 +926,6 @@
|
|||
) {
|
||||
;[title[0], title[2]] = [title[2], title[0]]
|
||||
}
|
||||
debugger
|
||||
titleName.value = title
|
||||
}
|
||||
// 查询
|
||||
|
@ -1323,6 +1322,8 @@
|
|||
globalData.data = []
|
||||
}
|
||||
select = router.currentRoute.value.query.select
|
||||
|
||||
|
||||
if (
|
||||
(select == '应用资源' &&
|
||||
(paramsGetResources.orderField == '' ||
|
||||
|
@ -1619,7 +1620,6 @@
|
|||
}
|
||||
// 青岛-西海岸处理
|
||||
const getXiHaiAn = (res) => {
|
||||
debugger
|
||||
const data = (res.data && res.data.data && res.data.data.list) || []
|
||||
const total = (res.data && res.data.data && res.data.data.total) || 0
|
||||
data.forEach((val) => {
|
||||
|
@ -1784,6 +1784,10 @@
|
|||
onMounted(() => {
|
||||
// 从本地读取查询条件,赋值
|
||||
//西海岸基础设施放在最前面
|
||||
orderField= router.currentRoute.value.query.orderField //根据什么排序
|
||||
if(orderField){
|
||||
paramsGetResources.orderField=orderField
|
||||
}
|
||||
setTitle()
|
||||
handleSetSearchData()
|
||||
listKey2.value++
|
||||
|
|
|
@ -744,6 +744,7 @@
|
|||
* isFromFather: 是否来自父组件传值
|
||||
*/
|
||||
const changeCondition = (item, isFromFather = false) => {
|
||||
|
||||
console.log('item, isFromFather------------>', item, isFromFather)
|
||||
let newType = item.orderType == 'DESC' ? 'ASC' : 'DESC'
|
||||
if (isFromFather) {
|
||||
|
|
|
@ -60,6 +60,7 @@
|
|||
show-size-changer
|
||||
show-less-items
|
||||
show-quick-jumper
|
||||
|
||||
:total="resourceTotal"
|
||||
:page-size-options="pageSizeOptions"
|
||||
@change="pageChange"
|
||||
|
|
|
@ -8,11 +8,13 @@
|
|||
<div class="bottom">
|
||||
<div class="item" v-for="item in productServiceData" :key="item.id">
|
||||
<div class="img" :class="item.imgType"></div>
|
||||
<a-tooltip placement="right">
|
||||
<a-tooltip >
|
||||
<template #title>{{ item.name }}</template>
|
||||
<div class="name">{{ item.name }}</div>
|
||||
</a-tooltip>
|
||||
|
||||
<div class="dec">
|
||||
<span>{{ item.deptName }}</span>
|
||||
</div>
|
||||
<div class="text">
|
||||
{{ item.description || '暂无描述' }}
|
||||
</div>
|
||||
|
@ -36,7 +38,7 @@
|
|||
const store = useStore()
|
||||
const router = useRouter()
|
||||
const productServiceData = ref([])
|
||||
selectNewest({ type: '', pageNum: 1, pageSize: 8 }).then((res) => {
|
||||
selectNewest({ type: '应用资源', pageNum: 1, pageSize: 8 }).then((res) => {
|
||||
console.log('最新能力===================>', res.data.data.records)
|
||||
productServiceData.value = []
|
||||
res.data.data.records.forEach((val) => {
|
||||
|
@ -78,7 +80,8 @@
|
|||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
// select: '组件服务',
|
||||
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
|
||||
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
|
||||
orderField:'tdr.create_date'
|
||||
},
|
||||
})
|
||||
}
|
||||
|
@ -173,6 +176,16 @@
|
|||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
}
|
||||
.dec {
|
||||
margin: 8px 8px;
|
||||
text-align: center;
|
||||
padding-right: 10px;
|
||||
color: #0058e1;
|
||||
span {
|
||||
background: rgba(0, 88, 225, 0.1);
|
||||
padding: 5px 5px;
|
||||
}
|
||||
}
|
||||
.text {
|
||||
width: 100%;
|
||||
height: 0.9rem;
|
||||
|
|
|
@ -41,10 +41,18 @@
|
|||
<div class="fw" v-if="select == '收藏量'">
|
||||
{{ select }}:{{ item.collectCount }}
|
||||
</div>
|
||||
<div class="name">{{ item.name }}</div>
|
||||
<div class="text">
|
||||
{{ item.description || '暂无描述' }}
|
||||
<a-tooltip>
|
||||
<template #title>{{ item.name }}</template>
|
||||
<div class="name">{{ item.name }}</div>
|
||||
</a-tooltip>
|
||||
<div class="dec">
|
||||
<span>{{ item.deptName }}</span>
|
||||
</div>
|
||||
<a-tooltip >
|
||||
<template #title>{{ item.description || '暂无描述' }}</template>
|
||||
<div class="text">{{item.description || '暂无描述'}}</div>
|
||||
</a-tooltip>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -57,294 +65,302 @@
|
|||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import { pageWithAttrs } from '@/api/home.js'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useStore } from 'vuex'
|
||||
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
||||
const store = useStore()
|
||||
const router = useRouter()
|
||||
const select = ref('浏览量')
|
||||
const selList = ref(['浏览量', '申请量', '收藏量'])
|
||||
const list = ref([])
|
||||
import { ref } from 'vue'
|
||||
import { pageWithAttrs } from '@/api/home.js'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useStore } from 'vuex'
|
||||
import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
|
||||
const store = useStore()
|
||||
const router = useRouter()
|
||||
const select = ref('申请量')
|
||||
const selList = ref(['申请量', '收藏量'])
|
||||
const list = ref([])
|
||||
|
||||
const paramsGetResources = {
|
||||
districtId: '',
|
||||
pageNum: 1,
|
||||
pageSize: 6,
|
||||
type: '',
|
||||
name: '',
|
||||
infoList: [],
|
||||
orderField: 'visits', // total 综合 visits 浏览量 applyCount 申请量 score 评分 collectCount 收藏量
|
||||
orderType: 'DESC', // ASC 升序 DESC 降序
|
||||
}
|
||||
const selectChange = (sel) => {
|
||||
select.value = sel
|
||||
switch (select.value) {
|
||||
case '浏览量':
|
||||
paramsGetResources.orderField = 'visits'
|
||||
break
|
||||
case '申请量':
|
||||
paramsGetResources.orderField = 'applyCount'
|
||||
break
|
||||
case '收藏量':
|
||||
paramsGetResources.orderField = 'collectCount'
|
||||
break
|
||||
default:
|
||||
paramsGetResources.orderField = 'total'
|
||||
break
|
||||
}
|
||||
getList()
|
||||
}
|
||||
const getList = () => {
|
||||
pageWithAttrs(paramsGetResources).then((res) => {
|
||||
console.log('查询列表============>', res.data.data.records)
|
||||
res.data.data.records.forEach((val) => {
|
||||
switch (val.type) {
|
||||
case '组件服务':
|
||||
val.imgType = 'zj'
|
||||
break
|
||||
case '应用资源':
|
||||
val.imgType = 'yy'
|
||||
break
|
||||
case '基础设施':
|
||||
val.imgType = 'jc'
|
||||
break
|
||||
case '数据资源':
|
||||
val.imgType = 'sj'
|
||||
break
|
||||
case '知识库':
|
||||
val.imgType = 'zs'
|
||||
break
|
||||
default:
|
||||
val.imgType = 'zj'
|
||||
break
|
||||
}
|
||||
})
|
||||
list.value = res.data.data.records
|
||||
})
|
||||
const paramsGetResources = {
|
||||
districtId: '',
|
||||
pageNum: 1,
|
||||
pageSize: 6,
|
||||
type: '应用资源',
|
||||
name: '',
|
||||
infoList: [],
|
||||
orderField: 'applyCount', // total 综合 visits 浏览量 applyCount 申请量 score 评分 collectCount 收藏量
|
||||
orderType: 'DESC', // ASC 升序 DESC 降序
|
||||
}
|
||||
const selectChange = (sel) => {
|
||||
select.value = sel
|
||||
switch (select.value) {
|
||||
case '浏览量':
|
||||
paramsGetResources.orderField = 'visits'
|
||||
break
|
||||
case '申请量':
|
||||
paramsGetResources.orderField = 'applyCount'
|
||||
break
|
||||
case '收藏量':
|
||||
paramsGetResources.orderField = 'collectCount'
|
||||
break
|
||||
default:
|
||||
paramsGetResources.orderField = 'total'
|
||||
break
|
||||
}
|
||||
getList()
|
||||
}
|
||||
const getList = () => {
|
||||
pageWithAttrs(paramsGetResources).then((res) => {
|
||||
console.log('查询列表============>', res.data.data.records)
|
||||
res.data.data.records.forEach((val) => {
|
||||
switch (val.type) {
|
||||
case '组件服务':
|
||||
val.imgType = 'zj'
|
||||
break
|
||||
case '应用资源':
|
||||
val.imgType = 'yy'
|
||||
break
|
||||
case '基础设施':
|
||||
val.imgType = 'jc'
|
||||
break
|
||||
case '数据资源':
|
||||
val.imgType = 'sj'
|
||||
break
|
||||
case '知识库':
|
||||
val.imgType = 'zs'
|
||||
break
|
||||
default:
|
||||
val.imgType = 'zj'
|
||||
break
|
||||
}
|
||||
})
|
||||
list.value = res.data.data.records
|
||||
})
|
||||
}
|
||||
getList()
|
||||
|
||||
function jumpPage() {
|
||||
// 点击内存入store
|
||||
store.commit('home/selectCardsData', {
|
||||
selectCardsnum: '组件服务',
|
||||
})
|
||||
console.log(
|
||||
'选中===================>',
|
||||
store.getters['home/selectCardsnum']
|
||||
)
|
||||
router.push({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
// select: '组件服务',
|
||||
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
|
||||
},
|
||||
})
|
||||
}
|
||||
const selectOne = (id) => {
|
||||
console.log('点击===============》', id)
|
||||
router.push({
|
||||
path: '/details',
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
})
|
||||
}
|
||||
function jumpPage() {
|
||||
// 点击内存入store
|
||||
store.commit('home/selectCardsData', {
|
||||
selectCardsnum: '组件服务',
|
||||
})
|
||||
console.log('选中===================>', store.getters['home/selectCardsnum'])
|
||||
router.push({
|
||||
path: '/DetailsPageconetent',
|
||||
query: {
|
||||
// select: '组件服务',
|
||||
select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
|
||||
orderField:paramsGetResources.orderField //根据什么排序
|
||||
},
|
||||
})
|
||||
}
|
||||
const selectOne = (id) => {
|
||||
console.log('点击===============》', id)
|
||||
router.push({
|
||||
path: '/details',
|
||||
query: {
|
||||
id: id,
|
||||
},
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.popular-ability {
|
||||
height: 6.8rem;
|
||||
background: url('~@/assets/newHome/popular-bg.png') no-repeat;
|
||||
background-size: 100%;
|
||||
.popular-ability {
|
||||
height: 6.8rem;
|
||||
background: url('~@/assets/newHome/popular-bg.png') no-repeat;
|
||||
background-size: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.main {
|
||||
width: 13rem;
|
||||
margin-top: 0.78rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.main {
|
||||
width: 13rem;
|
||||
margin-top: 0.78rem;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
.top {
|
||||
font-size: 0.3rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
.top {
|
||||
font-size: 0.3rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 0.34rem;
|
||||
height: 0.03rem;
|
||||
background-color: #fff;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.52rem;
|
||||
.left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 0.34rem;
|
||||
height: 0.03rem;
|
||||
background-color: #fff;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.52rem;
|
||||
.left {
|
||||
.select {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
.select {
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 1.05rem;
|
||||
height: 2.1rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
margin-bottom: 0.01rem;
|
||||
border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
|
||||
.img {
|
||||
width: 0.36rem;
|
||||
height: 0.36rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
.fwl {
|
||||
background: url('~@/assets/newHome/fwl-no.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.sgl {
|
||||
background: url('~@/assets/newHome/sgl-no.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.scl {
|
||||
background: url('~@/assets/newHome/scl-no.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.text {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: 0.14rem;
|
||||
|
||||
}
|
||||
}
|
||||
.select:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.checked {
|
||||
background: rgba(255, 255, 255, 0.18) !important;
|
||||
border-right: 0.02rem solid #fff;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0.2rem;
|
||||
.item {
|
||||
width: 3.78rem;
|
||||
height: 2rem;
|
||||
display: flex;
|
||||
.item-left {
|
||||
width: 0.83rem;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 1.05rem;
|
||||
height: 1.39rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
margin-bottom: 0.01rem;
|
||||
border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
|
||||
align-items: center;
|
||||
background: #eef1f8;
|
||||
.img {
|
||||
width: 0.36rem;
|
||||
height: 0.36rem;
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
.fwl {
|
||||
background: url('~@/assets/newHome/fwl-no.png') no-repeat;
|
||||
.zj {
|
||||
background: url('~@/assets/newHome/popular-zj.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.sgl {
|
||||
background: url('~@/assets/newHome/sgl-no.png') no-repeat;
|
||||
.yy {
|
||||
background: url('~@/assets/newHome/popular-yy.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.scl {
|
||||
background: url('~@/assets/newHome/scl-no.png') no-repeat;
|
||||
.jc {
|
||||
background: url('~@/assets/newHome/popular-jc.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.sj {
|
||||
background: url('~@/assets/newHome/popular-sj.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.zs {
|
||||
background: url('~@/assets/newHome/popular-zs.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
.item-right {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
.fw {
|
||||
width: 100%;
|
||||
padding-right: 0.1rem;
|
||||
padding-top: 0.03rem;
|
||||
text-align: right;
|
||||
color: 666;
|
||||
font-size: 0.14rem;
|
||||
color: #666;
|
||||
}
|
||||
.name {
|
||||
font-size: 0.18rem;
|
||||
color: #212121;
|
||||
text-align: center;
|
||||
margin-top: 0.05rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
}
|
||||
.dec {
|
||||
margin: 8px 8px;
|
||||
text-align: center;
|
||||
padding-right: 10px;
|
||||
color: #0058e1;
|
||||
span {
|
||||
background: rgba(0, 88, 225, 0.1);
|
||||
padding: 5px 5px;
|
||||
}
|
||||
}
|
||||
.text {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: 0.14rem;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
}
|
||||
.select:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
.checked {
|
||||
background: rgba(255, 255, 255, 0.18) !important;
|
||||
border-right: 0.02rem solid #fff;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 0.2rem;
|
||||
.item {
|
||||
width: 3.78rem;
|
||||
height: 2rem;
|
||||
display: flex;
|
||||
.item-left {
|
||||
width: 0.83rem;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #eef1f8;
|
||||
.img {
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
.zj {
|
||||
background: url('~@/assets/newHome/popular-zj.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.yy {
|
||||
background: url('~@/assets/newHome/popular-yy.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.jc {
|
||||
background: url('~@/assets/newHome/popular-jc.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.sj {
|
||||
background: url('~@/assets/newHome/popular-sj.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.zs {
|
||||
background: url('~@/assets/newHome/popular-zs.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
.item-right {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
.fw {
|
||||
width: 100%;
|
||||
padding-right: 0.1rem;
|
||||
padding-top: 0.03rem;
|
||||
text-align: right;
|
||||
color: 666;
|
||||
font-size: 0.14rem;
|
||||
color: #666;
|
||||
}
|
||||
.name {
|
||||
font-size: 0.18rem;
|
||||
color: #212121;
|
||||
text-align: center;
|
||||
margin-top: 0.05rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
}
|
||||
.text {
|
||||
width: 100%;
|
||||
padding: 0.24rem 0.3rem;
|
||||
font-size: 0.14rem;
|
||||
color: #212121;
|
||||
line-height: 0.24rem;
|
||||
height: 1rem;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
}
|
||||
padding: 0rem 0.03rem;
|
||||
font-size: 0.14rem;
|
||||
color: #212121;
|
||||
line-height: 0.24rem;
|
||||
height: 1rem;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
.item:nth-of-type(4),
|
||||
.item:nth-of-type(5),
|
||||
.item:nth-of-type(6) {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.item:hover {
|
||||
border-radius: 0.02rem;
|
||||
border: 0.01rem solid #0058e1;
|
||||
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom-btn {
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
margin-top: 0.24rem;
|
||||
color: #fff;
|
||||
width: 1rem;
|
||||
height: 0.24rem;
|
||||
line-height: 0.24rem;
|
||||
margin-left: 6rem;
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 0.1rem;
|
||||
height: 0.1rem;
|
||||
background: url('~@/assets/newHome/gd.png') no-repeat;
|
||||
background-size: contain;
|
||||
.item:nth-of-type(4),
|
||||
.item:nth-of-type(5),
|
||||
.item:nth-of-type(6) {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.item:hover {
|
||||
border-radius: 0.02rem;
|
||||
border: 0.01rem solid #0058e1;
|
||||
box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
|
||||
}
|
||||
}
|
||||
.bottom-btn:hover {
|
||||
background: rgba(0, 88, 225, 0.1);
|
||||
}
|
||||
}
|
||||
.bottom-btn {
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
margin-top: 0.24rem;
|
||||
color: #fff;
|
||||
width: 1rem;
|
||||
height: 0.24rem;
|
||||
line-height: 0.24rem;
|
||||
margin-left: 6rem;
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 0.1rem;
|
||||
height: 0.1rem;
|
||||
background: url('~@/assets/newHome/gd.png') no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
.bottom-btn:hover {
|
||||
background: rgba(0, 88, 225, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue