Commit 87b68d29 authored by 王玉鑫's avatar 王玉鑫

feat: 星级开发区样式修改

parent da049175
......@@ -14,7 +14,7 @@
></div>
<div
class="ml-[13px] font-yahei text-xl font-bold leading-8 tracking-[2px] text-[#1A1A1A]"
:class="{ 'text-2xl': titleCenter }"
:class="{ '!text-2xl': titleCenter }"
>
{{ title }}
</div>
......@@ -27,10 +27,11 @@
<div v-if="titleCenter" class="title-bottom-bg h-1 w-[102px] rounded-[30px]"></div>
<div
v-if="toListText"
class="absolute right-0 flex cursor-pointer justify-end text-xs"
class="absolute right-0 flex cursor-pointer items-center justify-end text-xs text-[#4D4D4D]"
@click="handleToList"
>
更多
{{ toListText }}
<img class="h-3 w-3" src="@/assets/images/icon-arrow_right.png" />
</div>
</div>
<div class="mt-5" :class="{ 'content-show': isContentExpand }">
......
<!-- 产业园、开发区内的载体、土地项 -->
<template>
<div v-if="detail" class="w-[272px]">
<div v-if="detail" class="w-[274px]">
<div @click="handleDetail">
<CommonImage class="h-[204px] w-full cursor-pointer rounded-sm" :src="detail.imgUrl" />
</div>
......
......@@ -9,7 +9,7 @@
</div>
</div> -->
<div id="mmap">
<div id="container"></div>
<div id="container" :class="containerClass"></div>
<div id="panel"></div>
<div class="map-table">
<div class="table-search">
......@@ -103,6 +103,7 @@ const activeTab = ref<string>('高速公路');
const props = defineProps<{
lng: string | number;
lat: string | number;
containerClass?: string;
}>();
const infoList = ref<any[]>([]);
(window as any)._AMapSecurityConfig = {
......
......@@ -35,7 +35,7 @@
:lng="detail.carrierParkVo.longitude"
></MapView>
</DetailInfoCell>
<DetailInfoCell title-center title="所属产业园">
<DetailInfoCell class="!mt-10" title-center title="所属产业园">
<ParkItem
:type="ParkItemType.industrial"
:item="{
......
......@@ -56,16 +56,21 @@
<DetailInfo :infos="joinRequired"></DetailInfo>
</DetailInfoCell>
<DetailInfoCell title="周边配套" title-center>
<MapView :lat="detail.latitude" :lng="detail.longitude"></MapView>
<MapView
:lat="detail.latitude"
:lng="detail.longitude"
:container-class="isStar ? '!h-[400px]' : undefined"
></MapView>
</DetailInfoCell>
<DetailInfoCell
v-if="industrials.length"
class="!mt-10"
title-center
title="开发区内产业园"
:to-list-text="industrials.length > 4 ? '查看更多' : ''"
@to-list="toIndustrialList"
>
<div class="flex space-x-[23px]">
<div class="flex space-x-[37px]">
<MiniListItem
v-for="item of industrials.slice(0, 4)"
:key="item.name"
......@@ -76,12 +81,13 @@
</DetailInfoCell>
<DetailInfoCell
v-if="lands.length"
class="!mt-10"
title-center
title="开发区内土地"
:to-list-text="lands.length > 4 ? '查看更多' : ''"
@to-list="toLandList"
>
<div class="flex space-x-[23px]">
<div class="flex space-x-[37px]">
<MiniListItem
v-for="item of lands.slice(0, 4)"
:key="item.name"
......
......@@ -91,12 +91,13 @@
</DetailInfoCell>
<DetailInfoCell
v-if="carriers.length"
class="!mt-10"
title-center
title="产业园内载体"
:to-list-text="carriers.length > 4 ? '查看更多' : ''"
@to-list="toCarrierList"
>
<div class="flex space-x-[23px]">
<div class="flex space-x-[37px]">
<MiniListItem
v-for="item of carriers.slice(0, 4)"
:key="item.name"
......
......@@ -33,7 +33,7 @@
<DetailInfoCell title="周边配套" title-center>
<MapView :lat="detail.development.latitude" :lng="detail.development.longitude"></MapView>
</DetailInfoCell>
<DetailInfoCell title-center title="所属开发区">
<DetailInfoCell class="!mt-10" title-center title="所属开发区">
<ParkItem
:type="ParkItemType.develop"
:item="{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment