Skip to content

R
risk-monitor
提交 1a132eb3 authored 作者: huhuiqing's avatar huhuiqing
浏览文件
操作

企业首页

上级 0a9c68a0
隐藏空白字符变更
内嵌 并排
正在显示 包含 799 行增加 和 0 行删除
src/assets/icons/call.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="call" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M0.666748 1.33594L6.38671 1.33594L7.37792 5.79634L6.13862 7.03564C6.86633 8.16979 7.83289 9.13635 8.96704 9.86407L10.2063 8.62477L14.6667 9.61597L14.6667 15.3359L14.0001 15.3359C11.3349 15.3359 8.85044 14.5533 6.76652 13.205C5.17937 12.1782 3.82453 10.8233 2.79768 9.23617C1.44943 7.15224 0.666748 4.66781 0.666748 2.0026L0.666748 1.33594ZM2.01827 2.66927C2.13575 4.81645 2.81731 6.81193 3.91715 8.5119C4.84167 9.94087 6.06182 11.161 7.49079 12.0855C9.19075 13.1854 11.1862 13.8669 13.3334 13.9844L13.3334 10.6855L10.6316 10.0851L9.18176 11.535L8.74022 11.2842C7.06353 10.3321 5.67054 8.93915 4.71845 7.26247L4.46772 6.82092L5.91756 5.37109L5.31715 2.66927L2.01827 2.66927Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</svg>
src/assets/icons/company1.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
<rect id="Icon图标/Line/file-text-outlined" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="形状" d="M9.99063 1.14688L13.3531 4.50937C13.4469 4.60312 13.5 4.73125 13.5 4.86406L13.5 14.5C13.5 14.7766 13.2766 15 13 15L3 15C2.72344 15 2.5 14.7766 2.5 14.5L2.5 1.5C2.5 1.22344 2.72344 1 3 1L9.6375 1C9.77031 1 9.89688 1.05313 9.99063 1.14688ZM3.625 13.875L12.375 13.875L12.375 6.15625L9 6.15625C8.6375 6.15625 8.34375 5.8625 8.34375 5.5L8.34375 2.125L3.625 2.125L3.625 13.875ZM12.3469 5.09375L9.40627 5.09375L9.40627 2.15312L12.3469 5.09375ZM4.875 8.40625L4.875 7.65625C4.875 7.5875 4.93125 7.53125 5 7.53125L11 7.53125C11.0688 7.53125 11.125 7.5875 11.125 7.65625L11.125 8.40625C11.125 8.475 11.0688 8.53125 11 8.53125L5 8.53125C4.93125 8.53125 4.875 8.475 4.875 8.40625ZM7.875 9.65625L5 9.65625C4.93125 9.65625 4.875 9.7125 4.875 9.78125L4.875 10.5312C4.875 10.6 4.93125 10.6562 5 10.6562L7.875 10.6562C7.94375 10.6562 8 10.6 8 10.5312L8 9.78125C8 9.7125 7.94375 9.65625 7.875 9.65625Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
src/assets/icons/company2.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="tools" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M4.67675 1.93769C6.51829 1.18868 8.71087 1.56088 10.2065 3.05654C11.4981 4.34809 11.9509 6.15832 11.5693 7.8134L14.6613 10.9054L13.8128 11.7539L10.2202 8.16142L10.3267 7.81599C10.7395 6.477 10.4159 4.96301 9.358 3.90506C8.38197 2.92903 7.01667 2.57759 5.76051 2.85316L8.29733 5.38999L5.32749 8.35983L2.79066 5.82301C2.51509 7.07917 2.86653 8.44447 3.84256 9.4205C4.90051 10.4784 6.4145 10.802 7.75349 10.3892L8.09892 10.2827L11.6914 13.8753L10.8429 14.7238L7.7509 11.6318C6.09582 12.0134 4.28559 11.5606 2.99404 10.269C1.49838 8.77337 1.12618 6.58079 1.87519 4.73925L2.02747 4.36483L3.03072 4.36602L5.32749 6.66278L6.60028 5.38999L4.30352 3.09322L4.30233 2.08997L4.67675 1.93769ZM10.2065 9.4205L13.1764 12.3903L12.3278 13.2389L9.358 10.269L10.2065 9.4205Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
src/assets/icons/company3.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="close-rectangle" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M2 2L14 2L14 14L2 14L2 2ZM3.2 3.2L3.2 12.8L12.8 12.8L12.8 3.2L3.2 3.2ZM6.30294 5.45442L8 7.15147L9.69706 5.45442L10.5456 6.30294L8.84853 8L10.5456 9.69706L9.69706 10.5456L8 8.84853L6.30294 10.5456L5.45442 9.69706L7.15147 8L5.45442 6.30294L6.30294 5.45442Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
src/assets/icons/company4.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="Icon/Line/AntDesign" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<g id="组合 105">
<path id="矩形 142" d="M2.08338 6.66666L1.00001 6.66667C0.447718 6.66667 0 6.21895 0 5.66666L0 1C0 0.447715 0.447715 0 1 0L5.66667 0C6.21895 0 6.66667 0.447715 6.66667 1L6.66667 5.66667C6.66667 6.21895 6.21895 6.66667 5.66667 6.66667L4.58328 6.66667" stroke="rgb(59,65,75)" stroke-width="1.20000005" transform="matrix(0.707107,-0.707107,0.707107,0.707107,1.00024,9.07031)" />
<path id="矩形 143" d="M2.08338 6.66666L1.00001 6.66667C0.447718 6.66667 0 6.21895 0 5.66666L0 1C0 0.447715 0.447715 0 1 0L5.66667 0C6.21895 0 6.66667 0.447715 6.66667 1L6.66667 5.66667C6.66667 6.21895 6.21895 6.66667 5.66667 6.66667L4.58328 6.66667" stroke="rgb(59,65,75)" stroke-width="1.20000005" transform="matrix(0.707107,-0.707107,-0.707107,-0.707107,10.4283,13.7812)" />
</g>
</svg>
src/assets/icons/location.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="location" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M8 1.9974C5.42267 1.9974 3.33333 4.08673 3.33333 6.66406C3.33333 8.57225 4.5214 10.4128 5.82536 11.839C6.46545 12.5392 7.1076 13.1113 7.59031 13.5086C7.74581 13.6366 7.88422 13.746 8.00002 13.8352C8.11582 13.746 8.25422 13.6366 8.40972 13.5087C8.89242 13.1114 9.53457 12.5393 10.1746 11.8392C11.4786 10.413 12.6667 8.57251 12.6667 6.66406C12.6667 4.08673 10.5773 1.9974 8 1.9974ZM7.99997 15.4731L7.62192 15.2132L7.62012 15.2119L7.61602 15.2091L7.60214 15.1994C7.5904 15.1912 7.57373 15.1794 7.55247 15.1642C7.50996 15.1338 7.44904 15.0897 7.37233 15.0325C7.21899 14.9181 7.00218 14.7514 6.74303 14.5381C6.22573 14.1124 5.53455 13.497 4.8413 12.7387C3.4786 11.2482 2 9.0887 2 6.66406C2 3.35035 4.68629 0.664062 8 0.664062C11.3137 0.664062 14 3.35035 14 6.66406C14 9.08895 12.5214 11.2484 11.1587 12.7389C10.4654 13.4972 9.77425 14.1125 9.25695 14.5382C8.9978 14.7515 8.78099 14.9182 8.62764 15.0325C8.55093 15.0897 8.49001 15.1339 8.4475 15.1642C8.42624 15.1794 8.40957 15.1912 8.39783 15.1994L8.38395 15.2091L8.37985 15.2119L8.37852 15.2128L7.99997 15.4731ZM8 5.33073C7.26362 5.33073 6.66667 5.92768 6.66667 6.66406C6.66667 7.40044 7.26362 7.9974 8 7.9974C8.73638 7.9974 9.33333 7.40044 9.33333 6.66406C9.33333 5.92768 8.73638 5.33073 8 5.33073ZM5.33333 6.66406C5.33333 5.1913 6.52724 3.9974 8 3.9974C9.47276 3.9974 10.6667 5.1913 10.6667 6.66406C10.6667 8.13682 9.47276 9.33073 8 9.33073C6.52724 9.33073 5.33333 8.13682 5.33333 6.66406Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</svg>
src/assets/icons/mail.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="mail" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="Union" d="M0.666748 2L15.3334 2L15.3334 14L0.666748 14L0.666748 2ZM2.00008 3.33333L2.00008 4.55298L8.00008 7.58631L14.0001 4.55298L14.0001 3.33333L2.00008 3.33333ZM14.0001 6.04702L8.00008 9.08035L2.00008 6.04702L2.00008 12.6667L14.0001 12.6667L14.0001 6.04702Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
src/assets/icons/shutter.svg 0 → 100644
浏览文件 @ 1a132eb3
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="shutter" width="16.000000" height="16.000002" x="0.000000" y="0.000000" />
<path id="Union" d="M3.52552 3.99992L5.00272 6.63777L7.61881 2.0093C5.99469 2.11106 4.54585 2.8586 3.52552 3.99992ZM9.10028 2.09795L7.64987 4.66406L12.9898 4.66406C12.1074 3.34596 10.7169 2.39746 9.10028 2.09795ZM13.6588 5.9974L10.6399 5.9974L13.3235 10.7682C13.7558 9.93957 14 8.99751 14 7.9974C14 7.29519 13.8797 6.62228 13.6588 5.9974ZM12.4802 11.9886L11 9.35722L8.39719 13.9845C10.0178 13.8786 11.4629 13.1297 12.4802 11.9886ZM6.9151 13.8997L8.36012 11.3307L3.01026 11.3307C3.89545 12.653 5.29194 13.6033 6.9151 13.8997ZM2.34124 9.9974L5.36012 9.9974L4.41835 8.32313L2.68029 5.21945C2.24569 6.0498 2.00002 6.99441 2.00002 7.9974C2.00002 8.6996 2.12038 9.37251 2.34124 9.9974ZM6.88992 9.9974L9.11012 9.9974L10.2351 7.9974L9.11012 5.9974L6.89624 5.9974L5.76536 7.99819L6.88992 9.9974ZM2.19261 3.51895C3.53256 1.7837 5.63569 0.664062 8.00002 0.664062C8.27647 0.664062 8.54959 0.679389 8.81854 0.709289C11.4721 1.0043 13.6959 2.71343 14.7229 5.06382C15.1157 5.96302 15.3334 6.95567 15.3334 7.9974C15.3334 9.679 14.7665 11.2301 13.8139 12.4675C12.4743 14.2075 10.3682 15.3307 8.00002 15.3307C7.72996 15.3307 7.46307 15.3161 7.20015 15.2876C4.53833 14.9985 2.30651 13.2869 1.27718 10.931C0.884298 10.0318 0.666687 9.03912 0.666687 7.9974C0.666687 6.31198 1.23608 4.75767 2.19261 3.51895Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</svg>
src/router/modules/company.js 0 → 100644
浏览文件 @ 1a132eb3
//企业主页
import companyPages from "@/views/companyPages/index.vue";
const companyPagesRoutes = [
// 智库系统的主要路由
{
path: "/companyPages",
name: "companyPages",
component: companyPages,
meta: {
title: "企业主页"
}
},
]
export default companyPagesRoutes
\ No newline at end of file
src/views/companyPages/data/huaweiData.json 0 → 100644
浏览文件 @ 1a132eb3
{
"company": {
"name": "华为技术有限公司",
"englishName": "Huawei Technologies Co.,Ltd",
"logo": "/testData/image 21.png",
"navItems": ["基础信息", "研发实力", "被制裁情况", "供应链情况"],
"activeNav": "基础信息",
"subTabs": ["企业概况", "企业动态"],
"activeSubTab": "企业概况"
},
"contactInfo": {
"website": "www.huawei.com",
"address": "中国广东省深圳市龙岗区坂田华为基地",
"phone": "+85-755-28780808",
"email": "webmaster@huawei.com"
},
"financialData": [
{ "value": "2545亿", "label": "2024年营业额" },
{ "value": "10248亿", "label": "2024年总资产" },
{ "value": "4568亿", "label": "2024年净产值" }
],
"categoryDist": {
"企业类型": "民营企业",
"机构代码": "9145622466874265851",
"成立时间": "1987年9月15日",
"创办人": "任正非"
},
"businessInfo": {
"总部地点": "中国广东省深圳市龙岗区坂田华为基地",
"标语口号": "构建万物互联的智能世界",
"业务范围": "ICT基础设施、智能终端、云计算、人工智能",
"所有权者": "华为投资控股有限公司（员工持股）"
},
"mainPersonnel": [
{
"name": "任正非",
"position": "创办人、董事、CEO",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "华为技术有限公司创办人，领导华为从一家小公司成长为全球领先的ICT解决方案提供商。"
},
{
"name": "梁华",
"position": "董事长",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "2018年接替孙亚芳出任华为董事长，负责公司战略规划和董事会日常工作。"
},
{
"name": "胡厚崑",
"position": "副董事长",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "华为技术有限公司核心管理层，负责公司全球化业务布局与运营管理。"
},
{
"name": "孟晚舟",
"position": "副董事长、轮值董事长、CFO",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "负责华为财务体系管理，推动公司全球化财务战略落地与风险管控。"
},
{
"name": "徐直军",
"position": "轮值董事长",
"avatar": "/testData/HeadlinesData-img.png",
"desc": "主导华为技术研发与产品战略，推动5G、鸿蒙等核心技术生态建设。"
}
],
"branches": [
"华为技术有限公司北京研究所",
"华为技术有限公司上海研究所",
"华为技术有限公司南京研究所",
"华为技术有限公司西安研究所",
"华为技术有限公司成都研究所",
"华为技术有限公司武汉研究所",
"华为终端有限公司",
"海思半导体有限公司"
]
}
src/views/companyPages/data/movement.json 0 → 100644
浏览文件 @ 1a132eb3
[
{
"title": "AIWAN解决方案全面升级",
"content": "华为在UBBF2025期间发布以AI-Centric全面升级的AIWAN解决方案，重新定义体验感知、算网极限、安全韧性和运维模式。",
"date": "2025年5月"
},
{
"title": "天才少年计划扩展",
"content": "华为发布“天才少年挑战课题”，覆盖智能联接、基础研究、智能终端、云计算和智能汽车五大领域。",
"date": "2025年5月31日"
},
{
"title": "两项碳化硅散热技术专利公布",
"content": "华为公布两项采用碳化硅做填料的专利，提高电子设备的导热能力，应用于电子元器件散热和封装芯片。",
"date": "2025年7月23日"
},
{
"title": "新一代5G-A技术突破",
"content": "华为在5G-A技术领域取得重大突破，实现下行万兆、上行千兆的峰值速率，为工业互联网和元宇宙应用奠定基础。",
"date": "2025年10月"
}
]
src/views/companyPages/index copy.vue 0 → 100644
浏览文件 @ 1a132eb3
<template>
<div class="huawei-content">
<!-- 公司导航栏 -->
<div class="company-nav">
<div class="company-logo-title">
<img :src="data.company.logo" alt="华为logo" class="logo-img">
<div class="title-group">
<h1 class="company-name">{{ data.company.name }}</h1>
<p class="company-english">{{ data.company.englishName }}</p>
</div>
</div>
<nav class="main-nav">
<span v-for="(item, idx) in data.company.navItems" :key="idx"
:class="['nav-item', data.company.activeNav === item ? 'active' : '']">
{{ item }}
</span>
</nav>
</div>
<!-- 主体内容区 -->
<div class="main-content">
<!-- 左侧信息栏 -->
<aside class="left-sidebar">
<img :src="data.company.logo" alt="华为logo" class="sidebar-logo">
<h2 class="sidebar-company-name">{{ data.company.name }}</h2>
<div class="contact-list">
<div class="contact-item">
<img src="../../assets/icons/arrow-0.png" alt="网址" class="contact-icon">
<span>{{ data.contactInfo.website }}</span>
</div>
<div class="contact-item">
<img src="../../assets/icons/arrow-0.png" alt="地址" class="contact-icon">
<span>{{ data.contactInfo.address }}</span>
</div>
<div class="contact-item">
<img src="../../assets/icons/arrow-0.png" alt="电话" class="contact-icon">
<span>{{ data.contactInfo.phone }}</span>
</div>
<div class="contact-item">
<img src="../../assets/icons/arrow-0.png" alt="邮箱" class="contact-icon">
<span>{{ data.contactInfo.email }}</span>
</div>
</div>
<div class="financial-list">
<div class="financial-item" v-for="(item, idx) in data.financialData" :key="idx">
<p class="financial-value">{{ item.value }}</p>
<p class="financial-label">{{ item.label }}</p>
</div>
</div>
</aside>
<!-- 右侧内容区 -->
<div class="right-content">
<!-- 子标签栏 -->
<div class="sub-tabs">
<span v-for="(tab, idx) in data.company.subTabs" :key="idx"
:class="['sub-tab', data.company.activeSubTab === tab ? 'active' : '']">
{{ tab }}
</span>
<div class="action-icons">
<img src="../../assets/icons/arrow-0.png" alt="分享" class="action-icon">
<img src="../../assets/icons/arrow-0.png" alt="收藏" class="action-icon">
</div>
</div>
<!-- 企业概况内容 -->
<div class="overview-content">
<!-- 类别分布与经营信息 -->
<div class="info-grid">
<div class="info-card">
<h3 class="section-title">类别分布</h3>
<ul class="info-list">
<li v-for="(value, key) in data.categoryDist" :key="key">
<span class="info-key">{{ key }}</span>
<span class="info-value">{{ value }}</span>
</li>
</ul>
</div>
<div class="info-card">
<h3 class="section-title">经营信息</h3>
<ul class="info-list">
<li v-for="(value, key) in data.businessInfo" :key="key">
<span class="info-key">{{ key }}</span>
<span class="info-value">{{ value }}</span>
</li>
</ul>
</div>
</div>
<!-- 主要人员 -->
<div class="section">
<h3 class="section-title">主要人员</h3>
<div class="personnel-grid">
<div class="personnel-card" v-for="(person, idx) in data.mainPersonnel" :key="idx">
<img :src="person.avatar" alt="头像" class="person-avatar">
<div class="person-info">
<h4 class="person-name">{{ person.name }}</h4>
<p class="person-position">{{ person.position }}</p>
<p class="person-desc">{{ person.desc }}</p>
</div>
</div>
</div>
</div>
<!-- 分支机构 -->
<div class="section">
<h3 class="section-title">分支机构</h3>
<div class="branches-grid">
<div class="branch-item" v-for="(branch, idx) in data.branches" :key="idx">
<span>{{ branch }}</span>
<img src="../../assets/icons/arrow-0.png" alt="箭头" class="branch-arrow">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import data from './data/huaweiData.json'
export default {
name: 'HuaweiContent',
data() {
return {
data
}
}
}
</script>
<style scoped>
/* 基础样式 */
.huawei-content {
font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
background-color: #f5f7fa;
}
/* 公司导航栏 */
.company-nav {
display: flex;
align-items: center;
padding: 15px 0;
border-bottom: 1px solid #e5e7eb;
margin-bottom: 20px;
}
.company-logo-title {
display: flex;
align-items: center;
gap: 15px;
}
.logo-img {
width: 50px;
height: 50px;
object-fit: contain;
}
.title-group {
display: flex;
flex-direction: column;
}
.company-name {
font-size: 18px;
color: #1d2129;
margin: 0;
}
.company-english {
font-size: 12px;
color: #86909c;
margin: 0;
}
.main-nav {
display: flex;
gap: 25px;
margin-left: 30px;
}
.nav-item {
font-size: 14px;
color: #4e5969;
cursor: pointer;
padding: 5px 0;
position: relative;
}
.nav-item.active {
color: #1890ff;
font-weight: 500;
}
.nav-item.active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #1890ff;
}
/* 主体内容区 */
.main-content {
display: flex;
gap: 16px;
}
/* 左侧信息栏 */
.left-sidebar {
width: 360px;
background-color: #fff;
border-radius: 6px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sidebar-logo {
width: 120px;
height: 120px;
object-fit: contain;
margin: 0 auto 15px;
display: block;
}
.sidebar-company-name {
text-align: center;
font-size: 16px;
color: #1d2129;
margin: 0 0 20px;
padding-bottom: 15px;
border-bottom: 1px dashed #e5e7eb;
}
.contact-list {
margin-bottom: 20px;
}
.contact-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #4e5969;
margin-bottom: 12px;
}
.contact-icon {
width: 14px;
height: 14px;
flex-shrink: 0;
}
.financial-list {
border-top: 1px dashed #e5e7eb;
padding-top: 15px;
}
.financial-item {
text-align: center;
padding: 12px 0;
border-bottom: 1px dashed #e5e7eb;
}
.financial-item:last-child {
border-bottom: none;
}
.financial-value {
font-size: 20px;
color: #1890ff;
font-weight: 600;
margin: 0 0 5px;
}
.financial-label {
font-size: 12px;
color: #86909c;
margin: 0;
}
/* 右侧内容区 */
.right-content {
flex: 1;
background-color: #fff;
border-radius: 6px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sub-tabs {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e7eb;
}
.sub-tab {
font-size: 14px;
color: #4e5969;
cursor: pointer;
margin-right: 20px;
padding: 5px 0;
position: relative;
}
.sub-tab.active {
color: #1890ff;
font-weight: 500;
}
.sub-tab.active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: #1890ff;
}
.action-icons {
display: flex;
gap: 15px;
}
.action-icon {
width: 16px;
height: 16px;
cursor: pointer;
}
/* 信息网格 */
.info-grid {
display: flex;
gap: 20px;
margin-bottom: 25px;
}
.info-card {
flex: 1;
background-color: #f9fafb;
border-radius: 6px;
padding: 15px;
}
.section-title {
font-size: 15px;
color: #1d2129;
margin: 0 0 15px;
padding-left: 8px;
border-left: 2px solid #1890ff;
}
.info-list {
list-style: none;
padding: 0;
}
.info-list li {
font-size: 13px;
margin-bottom: 12px;
line-height: 1.5;
}
.info-key {
display: inline-block;
width: 80px;
color: #86909c;
}
.info-value {
color: #4e5969;
}
/* 主要人员 */
.section {
margin-bottom: 25px;
}
.personnel-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.personnel-card {
background-color: #f9fafb;
border-radius: 6px;
padding: 15px;
display: flex;
gap: 12px;
}
.person-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.person-info {
flex: 1;
}
.person-name {
font-size: 14px;
color: #1d2129;
margin: 0 0 5px;
font-weight: 500;
}
.person-position {
font-size: 12px;
color: #1890ff;
margin: 0 0 5px;
}
.person-desc {
font-size: 12px;
color: #86909c;
margin: 0;
line-height: 1.4;
}
/* 分支机构 */
.branches-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.branch-item {
display: flex;
align-items: center;
gap: 5px;
font-size: 13px;
color: #4e5969;
padding: 8px 10px;
background-color: #f9fafb;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
.branch-item:hover {
background-color: #f0f2f5;
}
.branch-arrow {
width: 12px;
height: 12px;
margin-left: auto;
}
/* 响应式适配 */
@media (max-width: 1200px) {
.personnel-grid {
grid-template-columns: repeat(2, 1fr);
}
.branches-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.main-content {
flex-direction: column;
}
.left-sidebar {
width: 100%;
}
.info-grid {
flex-direction: column;
}
.personnel-grid {
grid-template-columns: 1fr;
}
.branches-grid {
grid-template-columns: 1fr;
}
.company-nav {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.main-nav {
margin-left: 0;
width: 100%;
overflow-x: auto;
padding-bottom: 5px;
}
}
</style>
\ No newline at end of file
src/views/companyPages/style.css 0 → 100644
浏览文件 @ 1a132eb3
/* 分割线 */
/* 左右横线 + 中间文字 */
.news-header {
color: rgba(34, 41, 52, 1);
font-family: "YouSheBiaoTiHei", sans-serif;
font-size: 46px;
font-weight: 400;
line-height: 60px;
letter-spacing: 0px;
text-align: center;
}
.header-btn {
cursor: pointer;
padding: 2px 20px;
box-sizing: border-box;
margin: 5px;
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 32px;
background: rgba(255, 255, 255, 0.8);
color: rgba(95, 101, 108, 1);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.header-btn-gray {
cursor: pointer;
padding: 2px 20px;
box-sizing: border-box;
margin: 5px;
border: 1px solid rgba(32, 33, 35, 0.07);
border-radius: 32px;
background: rgba(32, 33, 35, 0.07);
color: rgba(95, 101, 108, 1);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.header-btn-select {
cursor: pointer;
padding: 2px 20px;
margin: 5px;
box-sizing: border-box;
border: 1px solid rgba(174, 214, 255, 1);
border-radius: 32px;
background: rgba(231, 243, 255, 1);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.header-btn-more {
cursor: pointer;
width: 34px;
height: 34px;
margin: 5px;
box-sizing: border-box;
border: 1px solid, rgba(255, 255, 255, 1);
border-radius: 32px;
background: rgba(255, 255, 255, 0.8);
display: flex; /* 开启 flex */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
.box {
width: 48%;
height: 55vh;
box-sizing: border-box;
border: 1px solid rgba(231, 243, 255, 1);
border-radius: 10px;
background: rgba(255, 255, 255, 0.8);
padding: 1vw;
.box-header {
height: 4vh;
display: flex;
text-align: left;
font-size: 24px;
font-weight: 700;
align-items: center;
.box-header-img {
height: 24px;
width: 24px;
margin: 0 5px;
}
}
.title-blob {
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;
}
.tag {
margin: 2px;
padding: 2px 8px 2px 8px;
border-radius: 4px;
background: rgba(223, 226, 231, 0.41);
color: rgba(132, 136, 142, 1);
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
}
.content {
color: rgba(132, 136, 142, 1);
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: left;
}
.divider {
width: 100%;
height: 1px;
background: #eaecee;
}
.subject-line {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 2.7vh;
margin: 1vh 0;
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论