Commit ada8249e authored by 王玉鑫's avatar 王玉鑫

feat: 列表详情12px改为14px

parent b695a250
<template>
<div v-if="infos.length > 0" class="text-[0px]">
<div v-for="(line, index) of infos" :key="index" class="min-h-10 inline-flex w-full">
<div v-for="col in line" :key="col.name" class="flex flex-1 text-xs text-[#1A1A1A]">
<div v-for="col in line" :key="col.name" class="flex flex-1 text-sm text-[#1A1A1A]">
<div
class="flex w-[200px] flex-none bg-[#FAFAFC] px-[30px] py-[10px] leading-5"
:class="{ '!w-[160px] !px-5': col.smallMode }"
......@@ -17,7 +17,7 @@
<a
:download="col.fileName"
:href="col.value as string"
class="font-yahei text-xs leading-5 text-[#2C68FF]"
class="font-yahei text-sm leading-5 text-[#2C68FF]"
>
{{ col.fileName }}
</a>
......
......@@ -27,7 +27,7 @@
<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 items-center justify-end text-xs text-[#4D4D4D]"
class="absolute right-0 flex cursor-pointer items-center justify-end text-sm text-[#4D4D4D]"
@click="handleToList"
>
{{ toListText }}
......@@ -43,7 +43,7 @@
@click="changeContentExpand(!isContentExpand)"
>
<div class="flex h-full items-center px-4">
<div class="text-xs leading-[14px] text-[#4D4D4D]">
<div class="text-sm leading-[14px] text-[#4D4D4D]">
{{ isContentExpand ? '收起' : '展示全部' }}
</div>
<div class="ml-1">
......
......@@ -41,14 +41,14 @@
</div>
<div class="mt-3">
<div v-if="detail.investmentDetails.length" class="flex">
<div class="flex h-[38px] items-center font-yahei text-xs leading-5 text-[#4D4D4D]">
<div class="flex h-[38px] items-center font-yahei text-sm leading-5 text-[#4D4D4D]">
{{ isLand ? '产业方向' : '招商方向' }}
</div>
<div class="ml-[30px] flex flex-1 flex-wrap gap-[10px]">
<div
v-for="invest of formatedInvestmentDetails"
:key="invest.codeName"
class="flex h-[38px] items-center rounded-sm bg-[#4F4F4F14] px-3 text-xs leading-[18px] text-[#4F4F4F]"
class="flex h-[38px] items-center rounded-sm bg-[#4F4F4F14] px-3 text-sm leading-[18px] text-[#4F4F4F]"
>
{{ invest.codeName }}
</div>
......@@ -56,19 +56,19 @@
</div>
<div v-if="area" class="mt-[13px] flex items-center">
<div
class="flex h-[38px] flex-none items-center font-yahei text-xs leading-5 text-[#4D4D4D]"
class="flex h-[38px] flex-none items-center font-yahei text-sm leading-5 text-[#4D4D4D]"
>
所属地区
</div>
<div class="ml-[30px] font-yahei text-xs leading-5 text-[#1A1A1A]">{{ area }}</div>
<div class="ml-[30px] font-yahei text-sm leading-5 text-[#1A1A1A]">{{ area }}</div>
</div>
<div v-if="detail.address" class="mt-2 flex items-center">
<div
class="flex h-[38px] flex-none items-center font-yahei text-xs leading-5 text-[#4D4D4D]"
class="flex h-[38px] flex-none items-center font-yahei text-sm leading-5 text-[#4D4D4D]"
>
详细地址
</div>
<div class="ml-[30px] font-yahei text-xs leading-5 text-[#1A1A1A]">
<div class="ml-[30px] font-yahei text-sm leading-5 text-[#1A1A1A]">
{{ detail.address }}
</div>
</div>
......
......@@ -5,7 +5,7 @@
class="flex h-[80px] w-[164px] flex-col items-center justify-center bg-[#FAFAFC]"
>
<div class="text-base font-semibold leading-5 text-[#1A1A1A]">{{ value + unit }}</div>
<div class="mt-1 text-xs leading-5 text-[#4D4D4D]">{{ name }}</div>
<div class="mt-1 text-sm leading-5 text-[#4D4D4D]">{{ name }}</div>
</div>
</template>
......
......@@ -10,7 +10,7 @@
>
{{ detail.name }}
</div>
<div class="mt-1 font-yahei text-xs text-[#4D4D4D]">
<div class="mt-1 font-yahei text-sm text-[#4D4D4D]">
{{ detail.info }}
</div>
</div>
......
......@@ -13,7 +13,7 @@
<div class="font-yahei text-lg font-semibold leading-[41px] text-[#1A1A1A]">
{{ title }}
</div>
<div class="overflow-hidden break-all text-xs leading-5">
<div class="overflow-hidden break-all text-sm leading-5">
{{ content }}
</div>
</div>
......
......@@ -30,7 +30,7 @@
</SwiperSlide>
</Swiper>
<div
class="absolute bottom-[14px] right-[14px] z-10 flex h-[26px] cursor-pointer rounded-[50px] bg-[#808080] font-yahei text-xs leading-[18px] text-white"
class="absolute bottom-[14px] right-[14px] z-10 flex h-[26px] cursor-pointer rounded-[50px] bg-[#808080] font-yahei text-sm leading-[18px] text-white"
>
<div
class="flex w-[45px] items-center justify-center rounded-[50px]"
......@@ -50,7 +50,7 @@
</div>
</div>
<div>
<div class="flex bg-white p-[10px] font-yahei text-xs leading-5 text-[#4D4D4D]">
<div class="flex bg-white p-[10px] font-yahei text-sm leading-5 text-[#4D4D4D]">
<div ref="descriptionRef" class="ell2">
{{ description }}
</div>
......@@ -59,7 +59,7 @@
class="flex flex-none cursor-pointer items-center self-end"
@click="showDesc"
>
<div class="text-xs font-semibold leading-5 text-[#C0322B]">展开</div>
<div class="text-sm font-semibold leading-5 text-[#C0322B]">展开</div>
<div class="ml-1 h-[5px] w-2">
<img src="@/assets/images/icon-arrow_down.png" />
</div>
......
......@@ -454,7 +454,7 @@ watch(
height: 22px;
color: #fff;
margin-left: 8px;
font-size: 12px;
font-size: 14px;
border-radius: 2px;
}
.selected-item {
......
......@@ -117,7 +117,7 @@ const commit = debounce(
line-height: 30px;
text-align: center;
border-radius: 2px 2px 2px 2px;
font-size: 12px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
......
......@@ -18,8 +18,8 @@ export default defineComponent({
return (
<>
{pre}
{pre ? <div class="text-xs leading-[18px]">|</div> : ''}
<div class="font-yahei text-xs leading-5">{info}</div>
{pre ? <div class="text-sm leading-[18px]">|</div> : ''}
<div class="font-yahei text-sm leading-5">{info}</div>
</>
);
}, '')}
......
......@@ -27,7 +27,7 @@
</div>
</div>
</div>
<div class="mt-[17px] flex items-center font-yahei text-xs leading-5 text-[#4d4d4d]">
<div class="mt-[17px] flex items-center font-yahei text-sm leading-5 text-[#4d4d4d]">
<img class="mr-1 h-4 w-4" src="@/assets/images/icon-local.png" alt="" />
<div>
{{ filterAddress(item) }}
......
......@@ -4,7 +4,7 @@
<CommonImage class="h-[156px] w-[208px]" :src="detail.imgUrl" alt="" />
</div>
<div
class="media-right relative flex w-[576px] flex-col justify-between pt-2 text-xs leading-[20px] text-[#4d4d4d]"
class="media-right relative flex w-[576px] flex-col justify-between pt-2 text-sm leading-[20px] text-[#4d4d4d]"
>
<p
class="ell2 mb-[7px] cursor-pointer text-xl font-semibold text-[#1a1a1a]"
......
......@@ -4,7 +4,7 @@
<CommonImage class="h-[156px] w-[208px]" :src="detail.imgUrl" alt="" />
</div>
<div
class="media-right relative flex w-[576px] flex-col justify-between pt-2 text-xs leading-[20px] text-[#4d4d4d]"
class="media-right relative flex w-[576px] flex-col justify-between pt-2 text-sm leading-[20px] text-[#4d4d4d]"
>
<p
class="ell2 mb-[7px] cursor-pointer text-xl font-semibold text-[#1a1a1a]"
......
......@@ -9,7 +9,7 @@
<span
v-for="item in detail.industryList.split(',')"
:key="item"
class="mb-2 mr-[13px] bg-[rgba(44,104,255,0.08)] px-3 text-xs leading-[22px] text-[#2C68FF]"
class="mb-2 mr-[13px] bg-[rgba(44,104,255,0.08)] px-3 text-sm leading-[22px] text-[#2C68FF]"
>
{{ item }}
</span>
......
......@@ -73,14 +73,14 @@
>
{{ item.name }}
</p>
<div class="flex items-center text-xs text-[#4d4d4d]">
<div class="flex items-center text-sm text-[#4d4d4d]">
<img class="mr-1 h-3 w-3" src="@/assets/images/icon-map_nav.png" />
<span>{{ item.distance }}</span>
</div>
</div>
<div
v-if="infoList.length === 0"
class="flex h-full items-center justify-center text-xs text-[#4d4d4d]"
class="flex h-full items-center justify-center text-sm text-[#4d4d4d]"
>
<span>暂无内容</span>
</div>
......@@ -254,7 +254,7 @@ onUnmounted(() => {
box-shadow: 0px 1px 10px 0px rgba(31, 108, 221, 0.11);
border-radius: 2px;
overflow: hidden;
font-size: 12px;
font-size: 14px;
color: #666666;
}
.table-li {
......@@ -286,7 +286,7 @@ onUnmounted(() => {
border-radius: 2px;
}
.position-item {
font-size: 12px;
font-size: 14px;
color: #4d4d4d;
width: 141px;
text-overflow: ellipsis;
......@@ -306,7 +306,7 @@ onUnmounted(() => {
background: #ffffff;
padding: 10px;
text-align: center;
font-size: 12px;
font-size: 14px;
}
.input-item {
text-overflow: ellipsis;
......
......@@ -58,13 +58,13 @@
</div>
<div class="ml-[10px] flex flex-none items-center">
<div
class="flex h-[30px] w-[56px] cursor-pointer items-center justify-center rounded-sm bg-[#C0322B] text-xs leading-[22px] text-white"
class="flex h-[30px] w-[56px] cursor-pointer items-center justify-center rounded-sm bg-[#C0322B] text-sm leading-[22px] text-white"
@click="handleSearch"
>
搜索
</div>
<div
class="ml-2.5 flex h-[30px] w-[56px] cursor-pointer items-center justify-center rounded-sm text-xs leading-[22px] outline outline-1 outline-[black]/[.08]"
class="ml-2.5 flex h-[30px] w-[56px] cursor-pointer items-center justify-center rounded-sm text-sm leading-[22px] outline outline-1 outline-[black]/[.08]"
@click="handleReset"
>
重置
......
......@@ -21,7 +21,7 @@
<StarDetail :detail="detail"></StarDetail>
</template>
<DetailInfoCell v-if="!isStar && detail.description" title="开发区简介">
<div class="font-yahei text-xs leading-5 text-[#1A1A1A]">
<div class="font-yahei text-sm leading-5 text-[#1A1A1A]">
{{ detail.description }}
</div>
</DetailInfoCell>
......
......@@ -13,7 +13,7 @@
</DetailMain>
</DetailInfoCell>
<DetailInfoCell v-if="detail.description" title="产业园简介">
<div class="font-yahei text-xs leading-5 text-[#1A1A1A]">
<div class="font-yahei text-sm leading-5 text-[#1A1A1A]">
{{ detail.description }}
</div>
</DetailInfoCell>
......
......@@ -244,7 +244,7 @@ watch(
<style lang="scss" scoped>
.container-left p {
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
font-size: 14px;
line-height: 25px;
margin-bottom: 10px;
margin-right: 16px;
......@@ -268,7 +268,7 @@ watch(
.el-input__wrapper {
box-shadow: none;
padding: 0;
font-size: 12px;
font-size: 14px;
&:hover {
box-shadow: none;
}
......
......@@ -20,7 +20,7 @@
<span
v-for="item in detail.industryList.split(',')"
:key="item"
class="mb-2 mr-[13px] flex-wrap bg-[rgba(44,104,255,0.08)] px-3 text-xs leading-[22px] text-[#2C68FF]"
class="mb-2 mr-[13px] flex-wrap bg-[rgba(44,104,255,0.08)] px-3 text-sm leading-[22px] text-[#2C68FF]"
>
{{ item }}
</span>
......
......@@ -24,7 +24,7 @@
</DetailMain>
</DetailInfoCell>
<DetailInfoCell v-if="detail.landStatus" title="土地现状">
<div class="font-yahei text-xs leading-5 text-[#1A1A1A]">
<div class="font-yahei text-sm leading-5 text-[#1A1A1A]">
{{ detail.landStatus }}
</div>
</DetailInfoCell>
......
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