congzc 1 year ago
parent
commit
a229ce1077
2 changed files with 43 additions and 17 deletions
  1. +14
    -1
      src/components/talkUs.vue
  2. +29
    -16
      src/layout/index.vue

+ 14
- 1
src/components/talkUs.vue View File

@@ -24,7 +24,7 @@
<!-- 邮箱 --> <!-- 邮箱 -->
<div class="EmailBox"> <div class="EmailBox">
<img src="../assets/img/Email.png" alt="" /> <img src="../assets/img/Email.png" alt="" />
<div class="sendEmail">
<div class="sendEmail" @click="EmailDialog = true">
{{ lanChange == "发送邮件" ? "微信" : "Send Email" }} {{ lanChange == "发送邮件" ? "微信" : "Send Email" }}
</div> </div>
</div> </div>
@@ -34,6 +34,18 @@
</div> </div>
</div> </div>
</el-dialog> </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> </div>
</template> </template>
<script setup> <script setup>
@@ -56,6 +68,7 @@ const props = defineProps({
function close() { function close() {
emit("updateShowTalkUsDialog"); emit("updateShowTalkUsDialog");
} }
const EmailDialog = ref(false);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-dialog__headerbtn) { :deep(.el-dialog__headerbtn) {


+ 29
- 16
src/layout/index.vue View File

@@ -23,34 +23,32 @@
</div> </div>
{{ $t("myCreating.title") }} {{ $t("myCreating.title") }}
</div> </div>
<div class="myRouter-item" @click="router.push('/createVideo')">
<div class="myRouter-item" @click="showTalkUsDialog = true">
<div class="icon"> <div class="icon">
<el-icon><i-ep-user /></el-icon> <el-icon><i-ep-user /></el-icon>
</div> </div>
{{ $t("userModel.title") }} {{ $t("userModel.title") }}
</div> </div>
<div class="myRouter-item" @click="router.push('/myCreating')">
<div class="myRouter-item" @click="showTalkUsDialog = true">
<div class="icon"> <div class="icon">
<el-icon><i-ep-phone /></el-icon> <el-icon><i-ep-phone /></el-icon>
</div> </div>
{{ $t("voiceModel.title") }} {{ $t("voiceModel.title") }}
</div> </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> </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> </div>
{{ $t("API.title") }}
</div> </div>
</div> </div>
</div> </div>
@@ -85,6 +83,11 @@
<!-- 主页面 --> <!-- 主页面 -->
<app-main style="background-color: #000" /> <app-main style="background-color: #000" />
</div> </div>
<!-- 联系我们对话框 -->
<talkUs
:showTalkUsDialog="showTalkUsDialog"
@updateShowTalkUsDialog="updateShowTalkUsDialog"
></talkUs>
</div> </div>
</template> </template>


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


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


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


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


Loading…
Cancel
Save