<template>
|
<div>
|
<pc-section class="headerbg" innerclass="flex items-center justify-between">
|
<div class="flex items-center">
|
<img
|
class="mr-4"
|
src="@/assets/forexImages/img_v3_02bo_99f7aa4e-d3f0-41be-9e18-66ef77b6f91g.jpg"
|
width="72"
|
height="72"
|
@click="gotoPage('/home')"
|
/>
|
<h2 class="fs-32">{{ $title }}</h2>
|
</div>
|
<!-- 右边菜单 -->
|
<div class="flex">
|
<h5 class="mr-8 cursor-pointer" v-for="(_, i) in list5" :key="i">
|
{{ _.label }}
|
</h5>
|
</div>
|
</pc-section>
|
<!-- 欢迎访问 Coinzne 集团 -->
|
<pc-section class="section1">
|
<div class="w-600">
|
<h2 class="mt-12">{{ t("g-s1-t1") }}</h2>
|
<h2 class="my-8 fs-32">{{ t("g-s1-d1") }}</h2>
|
<h5>{{ t("g-s1-d2") }}</h5>
|
</div>
|
</pc-section>
|
<!-- 了解更多有关 Coinzne 集团的信息-->
|
<pc-section class="py-12">
|
<h2 class="text-center mb-8">{{ t("g-s2-t1") }}</h2>
|
<div class="flex justify-center">
|
<div class="w-820 grid grid-cols-2 gap-8">
|
<div class="card p-8" v-for="(_, i) in list2" :key="i">
|
<h5 class="text-left">{{ t(`g-s2-${i + 1}-t1`) }}</h5>
|
<h5 class="text-base text-left">{{ t(`g-s2-${i + 1}-d1`) }}</h5>
|
</div>
|
<div class="card-wrapper" v-for="(_, i) in list2" :key="i">
|
<img
|
:src="getImageUrl(`/src/assets/forexImages/menu5/h${i + 1}.png`)"
|
width="393"
|
height="180"
|
/>
|
|
<div class="p-8 text-left">
|
<h5 class="fs-24">{{ t(`g-s3-${i + 1}-t1`) }}</h5>
|
<h6 class="mb-4">{{ t(`g-s3-${i + 1}-d1`) }}</h6>
|
<div class="link-middle-text cursor-pointer">
|
{{ t("learn-more") }}
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</pc-section>
|
</div>
|
</template>
|
|
<script setup>
|
import { useRoute, useRouter } from "vue-router";
|
import { useI18n } from "vue-i18n";
|
import commonCard from "@comForex/cardCommon.vue";
|
import { getImageUrl } from "@/utils/index";
|
|
const router = useRouter();
|
const { t } = useI18n();
|
const activeName = ref(0);
|
const list2 = Array(2);
|
const list5 = [
|
{
|
label: t("m1-1"), //我们是谁
|
url: "",
|
},
|
{
|
label: t("m3-1"), //在我们的平台交易
|
url: "",
|
},
|
{
|
label: t("footer-s1-4-t1"), //职业生涯
|
url: "",
|
},
|
// {
|
// label: t("m3-1"), //新闻与媒体
|
// url: "",
|
// },
|
// {
|
// label: t("footer-s1-4-t1"), //联系我们
|
// url: "",
|
// },
|
];
|
|
const handleClick = (tab, e) => {};
|
const handleTrade = (row) => {};
|
|
const gotoPage = (path) => {
|
router.push(path);
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.headerbg {
|
padding: 18px 0 16px 0;
|
}
|
|
.w-600 {
|
width: 600px;
|
}
|
|
.w-820 {
|
width: 820px;
|
}
|
|
.card-wrapper {
|
box-shadow: 0px 3px 10px 9px rgba(0, 0, 0, 0.05);
|
}
|
|
.section1 {
|
background: url(@/assets/forexImages/header/group/banner.png);
|
background-size: 100% 100%;
|
height: 438px;
|
}
|
|
.card {
|
background: #ffffff;
|
box-shadow: 0px 3px 10px 9px rgba(0, 0, 0, 0.05);
|
border-top: 2px solid #2038d3;
|
}
|
</style>
|
