提交 56049ffa authored 作者: 刘宇琪's avatar 刘宇琪

fix:刘宇琪 创新主题概览页最下方样式修复

上级 f835b3ed
...@@ -179,23 +179,25 @@ const currentStageIndex = computed(() => { ...@@ -179,23 +179,25 @@ const currentStageIndex = computed(() => {
.bill-card-meta { .bill-card-meta {
width: 100%; width: 100%;
flex: 1; flex: 1;
position: relative; display: flex;
flex-direction: column;
gap: 12px;
min-height: 0; min-height: 0;
overflow: auto;
} }
.meta-row { .meta-row {
display: flex; display: flex;
align-items: center; align-items: flex-start;
position: absolute;
left: 0;
width: 100%; width: 100%;
flex-shrink: 0;
} }
.meta-row:nth-child(1) { top: 0; } /* .meta-row:nth-child(1) { top: 0; }
.meta-row:nth-child(2) { top: 36px; } .meta-row:nth-child(2) { top: 36px; }
.meta-row:nth-child(3) { top: 72px; } .meta-row:nth-child(3) { top: 72px; }
.meta-row:nth-child(4) { top: 108px; } .meta-row:nth-child(4) { top: 108px; }
.meta-row:nth-child(5) { top: 144px; } .meta-row:nth-child(5) { top: 144px; } */
.meta-label { .meta-label {
font-size: 16px; font-size: 16px;
...@@ -206,6 +208,7 @@ const currentStageIndex = computed(() => { ...@@ -206,6 +208,7 @@ const currentStageIndex = computed(() => {
white-space: nowrap; white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
width: 100px; width: 100px;
padding-top: 2px;
} }
.meta-value { .meta-value {
...@@ -225,6 +228,8 @@ const currentStageIndex = computed(() => { ...@@ -225,6 +228,8 @@ const currentStageIndex = computed(() => {
gap: 8px; gap: 8px;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
flex: 1;
min-width: 0;
} }
.meta-row-progress { .meta-row-progress {
......
...@@ -71,21 +71,17 @@ ...@@ -71,21 +71,17 @@
v-for="item in listData" v-for="item in listData"
:key="item.id" :key="item.id"
class="resource-card" class="resource-card"
@click="goOrigin(item.id)"
> >
<div class="card-logo"> <div class="card-logo">
<img :src="item.logoUrl || defaultLogo" :alt="item.name" /> <img :src="item.logo || defaultLogo" :alt="item.name" />
</div> </div>
<div class="card-name">{{ item.name }}</div> <div class="card-name">{{ item.name }}</div>
<div class="card-location">{{ item.address }}</div> <div class="card-location">{{ item.location }}</div>
<div class="card-majors">{{ item.majors }}</div> <div class="card-majors">{{ item.majors }}</div>
<div class="card-tags"> <div class="card-tags">
<span <AreaTag v-for="tag in item.tags" :key="tag" :tagName="tag" />
v-for="tag in item.tags"
:key="tag"
class="tag"
>
{{ tag }}
</span>
</div> </div>
</div> </div>
</template> </template>
...@@ -134,7 +130,9 @@ ...@@ -134,7 +130,9 @@
import { ref, computed, onMounted, watch } from 'vue' import { ref, computed, onMounted, watch } from 'vue'
import { getIndustryKeyList } from '@/api/bill/billHome.js' import { getIndustryKeyList } from '@/api/bill/billHome.js'
import { getSubjectList } from '@/api/characterPage/characterPage.js' import { getSubjectList } from '@/api/characterPage/characterPage.js'
import AreaTag from '@/components/base/AreaTag/index.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
// Props // Props
const props = defineProps<{ const props = defineProps<{
initialTab?: string initialTab?: string
...@@ -142,7 +140,9 @@ const props = defineProps<{ ...@@ -142,7 +140,9 @@ const props = defineProps<{
// 默认logo // 默认logo
const defaultLogo = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNhMzE4MWIiIHJ4PSI0Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTggOGgxNnYxNkg4eiIvPjwvc3ZnPg==' const defaultLogo = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNhMzE4MWIiIHJ4PSI0Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTggOGgxNnYxNkg4eiIvPjwvc3ZnPg=='
const goOrigin=(id)=>{
router.push(`/InnovativeInstitutions/${id}`)
}
// 标签配置 - 添加 subjectTypeId // 标签配置 - 添加 subjectTypeId
const tabs = ref([ const tabs = ref([
{ label: '大学', value: 'university', subjectTypeId: 1 }, { label: '大学', value: 'university', subjectTypeId: 1 },
...@@ -299,12 +299,12 @@ async function fetchData() { ...@@ -299,12 +299,12 @@ async function fetchData() {
if (res.code === 200 && res.data) { if (res.code === 200 && res.data) {
// 映射 API 返回的数据到卡片显示格式 // 映射 API 返回的数据到卡片显示格式
const mappedData = (res.data.content || []).map((item: any) => ({ const mappedData = (res.data.content || []).map((item: any) => ({
id: item.id, id: item.orgId,
name: item.orgName, name: item.orgName,
location: item.countryName ? `${item.countryName}·${item.provinceName}` : item.provinceName || '--', location: item.address|| '--',
majors: item.fieldList?.join('、') || '--', // majors: item.fieldList?.join('、') || '--',
tags: item.areaList?.map((a: any) => a.areaName) || [], tags: item.taglist ,
logo: defaultLogo logo: item.logoUrl
})) }))
listData.value = mappedData listData.value = mappedData
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论