From 13c22bd501286d02658f0812c3f19285cfa23024 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期五, 18 四月 2025 18:00:30 +0800
Subject: [PATCH] 修改详细页面
---
src/views/ContactUs.vue | 65 ++++++++++++++++++++++++++++++++
1 files changed, 65 insertions(+), 0 deletions(-)
diff --git a/src/views/ContactUs.vue b/src/views/ContactUs.vue
new file mode 100644
index 0000000..050d465
--- /dev/null
+++ b/src/views/ContactUs.vue
@@ -0,0 +1,65 @@
+<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>
--
Gitblit v1.9.3