<template>
|
<div class="container mx-auto px-4 py-8 bg-white" style="padding-top: 40px">
|
<!-- 面包屑导航 -->
|
<div class="mb-6 text-gray-500">
|
<el-breadcrumb separator="/">
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
<el-breadcrumb-item>联系我们</el-breadcrumb-item>
|
</el-breadcrumb>
|
</div>
|
|
<!-- 联系信息卡片 -->
|
<div class="max-w-2xl mx-auto bg-white rounded-lg py-10">
|
<h1 class="w-[487px] text-2xl font-bold mb-6 text-center text-[#222222] text-[24px] mb-[26px]">上海义维流体科技有限公司</h1>
|
|
<div class="space-y-4 flex flex-col items-center justify-center gap-[10px]">
|
<div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
|
<div class="w-24 text-align-right">地 址：</div>
|
<div class="flex-1 text-ellipsis-style">上海市闵行区浦江镇江月路999号1幢615室</div>
|
</div>
|
|
<div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
|
<div class="w-24 text-align-right">邮 编：</div>
|
<div class="flex-1 text-ellipsis-style">201108</div>
|
</div>
|
|
<div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
|
<div class="w-24 text-align-right">工作时间：</div>
|
<div class="flex-1 text-ellipsis-style">周一至周五 8:30 - 17:30</div>
|
</div>
|
|
<div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
|
<div class="w-24 text-align-right">售后电话：</div>
|
<div class="flex-1 text-ellipsis-style">021-34306562</div>
|
</div>
|
|
<div class="flex text-[16px] items-start justify-center w-[487px] line-height-16">
|
<div class="w-24 text-align-right">售后邮箱：</div>
|
<div class="flex-1 text-ellipsis-style">
|
<a href="mailto:eventech@163.com" class="text-blue-600 hover:text-blue-800">
|
eventech@163.com
|
</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
</script>
|
|
<style scoped>
|
.container {
|
/* min-height: calc(100vh - 200px); */
|
}
|
.line-height-16 {
|
line-height: 16px;
|
}
|
.text-ellipsis-style {
|
width: 100%;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
</style>
|
