heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update contact us information

Browse Source
This commit is contained in:
marzban-dev
2026-01-31 10:18:33 +03:30
parent 4934f2e525
commit 10ccedfda9
1 changed files with 26 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/pages/contact-us.vue
+26 -51
View File
@@ -2,7 +2,7 @@
// state
useSeoMeta({
title : "ارتباط با ما"
title: "ارتباط با ما",
});
const contactInfo = ref({
@@ -15,39 +15,38 @@ const contactInfo = ref({
const requestTypes = ref(["انتقادات", "پیشنهادات", "پیگیری سفارش"]);
const contactWays = ref([
const contactWays = ref<{ title: string; ways: { type: "text" | "link"; title: string; path?: string }[] }[]>([
{
title: "آدرس",
ways: [
{
type: "link",
title: "mlz@gmail.com",
path: "mailto:mlz@gmail.com",
type: "text",
title: `استان فارس,شهرستان شيراز,بخش مركزى, شهر
شيراز, گلستان، بلوار سما,خيابان شهيد طهماسبى ،پلاك ١٩٨ ,طبقه همكف`,
},
{
type: "text",
title: "کد پستی :‌7145746584",
},
],
},
{
title: "آدرس الکترونیکی",
title: "شماره تماس",
ways: [
{
type: "link",
title: "mlz2@gmail.com",
path: "mailto:mlz2@gmail.com",
},
{
type: "link",
title: "mlz3@gmail.com",
path: "mailto:mlz3@gmail.com",
title: "09026663488",
path: "tell:09026663488",
},
],
},
{
title: "تلفن",
title: "ایمیل شرکت",
ways: [
{
type: "link",
title: "+33 (0) 31-305-210",
path: "tel:12345678",
title: "npsayna@gmail.com",
path: "mailto:npsayna@gmail.com",
},
],
},
@@ -115,57 +114,33 @@ const contactWays = ref([
</Button>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 w-full max-lg:gap-10">
<div class="flex max-sm:flex-col gap-8 w-full lg:gap-20">
<div
v-for="(way, index) in contactWays"
:key="index"
class="flex flex-col max-lg:items-center gap-3"
class="flex flex-col gap-3"
>
<span class="text-slate-500 max-lg:text-sm">
{{ way.title }}
</span>
<div
v-for="(link, index) in way.ways"
v-for="(item, index) in way.ways"
:key="index"
class="flex flex-col"
>
<a
:href="link.path"
v-if="item.type === 'link'"
:href="item.path!"
class="text-black underline max-lg:text-xs lg:text-sm"
>{{ link.title }}</a
>
</div>
</div>
<div class="flex flex-col max-lg:items-center gap-3">
<span class="text-slate-500 typo-p-md"> شبکه های اجتماعی </span>
<div class="flex items-center gap-3">
<a
href="#"
class=""
>
<Icon
name="bi:telegram"
class="lg:text-lg"
/>
{{ item.title }}
</a>
<a
href="#"
class=""
<p
v-else
class="leading-[175%]! max-lg:text-xs lg:text-sm max-w-100"
>
<Icon
name="bi:instagram"
class="lg:text-lg"
/>
</a>
<a
href="#"
class=""
>
<Icon
name="bi:twitter-x"
class="lg:text-lg"
/>
</a>
{{ item.title }}
</p>
</div>
</div>
</div>