congzc 1 год назад
Родитель
Сommit
a229ce1077
2 измененных файлов: 43 добавлений и 17 удалений
  1. +14
    -1
      src/components/talkUs.vue
  2. +29
    -16
      src/layout/index.vue

+ 14
- 1
src/components/talkUs.vue Просмотреть файл

@@ -24,7 +24,7 @@
<!-- 邮箱 -->
<div class="EmailBox">
<img src="../assets/img/Email.png" alt="" />
<div class="sendEmail">
<div class="sendEmail" @click="EmailDialog = true">
{{ lanChange == "发送邮件" ? "微信" : "Send Email" }}
</div>
</div>
@@ -34,6 +34,18 @@
</div>
</div>
</el-dialog>

<el-dialog
top="30vh"
v-model="EmailDialog"
width="20%"
center
:title="$t(`shop.talkUs`)"
>
<div style="text-align: center">
{{ lanChange == "zh-cn" ? "暂未开放,敬请期待" : "COMING SOON" }}
</div>
</el-dialog>
</div>
</template>
<script setup>
@@ -56,6 +68,7 @@ const props = defineProps({
function close() {
emit("updateShowTalkUsDialog");
}
const EmailDialog = ref(false);
</script>
<style lang="scss" scoped>
:deep(.el-dialog__headerbtn) {


+ 29
- 16
src/layout/index.vue Просмотреть файл

@@ -23,34 +23,32 @@
</div>
{{ $t("myCreating.title") }}
</div>
<div class="myRouter-item" @click="router.push('/createVideo')">
<div class="myRouter-item" @click="showTalkUsDialog = true">
<div class="icon">
<el-icon><i-ep-user /></el-icon>
</div>
{{ $t("userModel.title") }}
</div>
<div class="myRouter-item" @click="router.push('/myCreating')">
<div class="myRouter-item" @click="showTalkUsDialog = true">
<div class="icon">
<el-icon><i-ep-phone /></el-icon>
</div>
{{ $t("voiceModel.title") }}
</div>

<div
class="myRouter-item"
@click="router.push('/myStore')"
style="margin-top: 350px"
>
<div class="icon">
<el-icon><i-ep-Goods /></el-icon>
<div class="bottomBtx">
<div class="myRouter-item" @click="router.push('/myStore')">
<div class="icon">
<el-icon><i-ep-Goods /></el-icon>
</div>
{{ $t("shop.title") }}
</div>
{{ $t("shop.title") }}
</div>
<div class="myRouter-item" @click="router.push('/myAPI')">
<div class="icon">
<el-icon><i-ep-DocumentAdd /></el-icon>
<div class="myRouter-item" @click="router.push('/myAPI')">
<div class="icon">
<el-icon><i-ep-DocumentAdd /></el-icon>
</div>
{{ $t("API.title") }}
</div>
{{ $t("API.title") }}
</div>
</div>
</div>
@@ -85,6 +83,11 @@
<!-- 主页面 -->
<app-main style="background-color: #000" />
</div>
<!-- 联系我们对话框 -->
<talkUs
:showTalkUsDialog="showTalkUsDialog"
@updateShowTalkUsDialog="updateShowTalkUsDialog"
></talkUs>
</div>
</template>

@@ -92,7 +95,7 @@
import { computed, watchEffect } from "vue";
import { useWindowSize } from "@vueuse/core";
import { AppMain, Navbar } from "./components/index";
import talkUs from "@/components/talkUs.vue";
import LangSelect from "@/components/LangSelect/index.vue";
import { useAppStore } from "@/store/modules/app";
// import { useSettingsStore } from "@/store/modules/settings";
@@ -160,6 +163,12 @@ function handleOutsideClick() {
}

onMounted(() => {});
//#region 联系我们弹窗
const showTalkUsDialog = ref(false);
const updateShowTalkUsDialog = (newValue: any) => {
showTalkUsDialog.value = newValue;
};
//#endregion ------------------------------------
</script>

<!-- 新样式 -->
@@ -189,6 +198,10 @@ onMounted(() => {});
color: #fff;
// color: #868593;

.bottomBtx {
position: absolute;
bottom: 30px;
}
&-item {
display: flex;
width: 100%;


Загрузка…
Отмена
Сохранить