diff --git a/src/assets/img/Email.png b/src/assets/img/Email.png
new file mode 100644
index 0000000..dcf6898
Binary files /dev/null and b/src/assets/img/Email.png differ
diff --git a/src/assets/img/code.png b/src/assets/img/code.png
new file mode 100644
index 0000000..e8ba3ba
Binary files /dev/null and b/src/assets/img/code.png differ
diff --git a/src/assets/img/lake.jpg b/src/assets/img/lake.jpg
deleted file mode 100644
index eb9e3be..0000000
Binary files a/src/assets/img/lake.jpg and /dev/null differ
diff --git a/src/assets/img/phone.png b/src/assets/img/phone.png
new file mode 100644
index 0000000..4557147
Binary files /dev/null and b/src/assets/img/phone.png differ
diff --git a/src/components/talkUs.vue b/src/components/talkUs.vue
new file mode 100644
index 0000000..e17e3a8
--- /dev/null
+++ b/src/components/talkUs.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+

+
+86 138 0013 8000
+
+
+
+

+
{{ lanChange == "zh-cn" ? "微信" : "Wechat " }}
+
+
+
+

+
+ {{ lanChange == "发送邮件" ? "微信" : "Send Email" }}
+
+
+
+
+ {{ $t(`public.close`) }}
+
+
+
+
+
+
+
diff --git a/src/lang/package/en.ts b/src/lang/package/en.ts
index 8994911..1eb84f1 100644
--- a/src/lang/package/en.ts
+++ b/src/lang/package/en.ts
@@ -10,6 +10,7 @@ export default {
confirm:'Confirm',
username:'Username',
avatar:'Avatar',
+ close:"Close",
},
// 登录页面国际化
login: {
diff --git a/src/lang/package/zh-cn.ts b/src/lang/package/zh-cn.ts
index 8cb7adf..dcbc6be 100644
--- a/src/lang/package/zh-cn.ts
+++ b/src/lang/package/zh-cn.ts
@@ -10,6 +10,7 @@ export default {
confirm:'确定',
username:'用户名',
avatar:'头像',
+ close:"关闭",
},
// 登录页面国际化
login: {
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index a9766ea..3fd504e 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -34,9 +34,12 @@ declare module '@vue/runtime-core' {
IconSelect: typeof import('./../components/IconSelect/index.vue')['default']
IEpCloseBold: typeof import('~icons/ep/close-bold')['default']
IEpDelete: typeof import('~icons/ep/delete')['default']
+ IEpDocumentAdd: typeof import('~icons/ep/document-add')['default']
IEpDownload: typeof import('~icons/ep/download')['default']
IEpEdit: typeof import('~icons/ep/edit')['default']
+ IEpGoods: typeof import('~icons/ep/goods')['default']
IEpLoading: typeof import('~icons/ep/loading')['default']
+ IEpLock: typeof import('~icons/ep/lock')['default']
IEpMenu: typeof import('~icons/ep/menu')['default']
IEpSearch: typeof import('~icons/ep/search')['default']
IEpVideoPlay: typeof import('~icons/ep/video-play')['default']
@@ -50,6 +53,7 @@ declare module '@vue/runtime-core' {
SingleUpload: typeof import('./../components/Upload/SingleUpload.vue')['default']
SizeSelect: typeof import('./../components/SizeSelect/index.vue')['default']
SvgIcon: typeof import('./../components/SvgIcon/index.vue')['default']
+ TalkUs: typeof import('./../components/talkUs.vue')['default']
WangEditor: typeof import('./../components/WangEditor/index.vue')['default']
}
export interface ComponentCustomProperties {
diff --git a/src/views/myAPI/index.vue b/src/views/myAPI/index.vue
index 0061dec..896afe7 100644
--- a/src/views/myAPI/index.vue
+++ b/src/views/myAPI/index.vue
@@ -17,5 +17,6 @@
overflow-y: scroll;
background-color: #fff;
min-height: calc(100vh - 80px);
+ text-align: center;
}
diff --git a/src/views/myStore/index.vue b/src/views/myStore/index.vue
index 36f8b3e..3fa4585 100644
--- a/src/views/myStore/index.vue
+++ b/src/views/myStore/index.vue
@@ -134,7 +134,7 @@
-
+
@@ -237,6 +237,12 @@
+
+
+
@@ -245,7 +251,7 @@
import { getCurrentInstance, ref, onMounted } from "vue";
// import { packageInfoApi } from "@/apis/myStore";
import { useI18n } from "vue-i18n";
-
+import talkUs from "@/components/talkUs.vue";
import { useRoute, useRouter } from "vue-router";
const route = useRoute();
const router = useRouter();
@@ -490,7 +496,6 @@ const scrollContainerRef = ref(null);
function handleWheel(event) {
const scrollContainer = scrollContainerRef.value; // 获取滚动容器的引用
const scrollAmount = 150; // 每次滚动的距离
-
// 检查滚动方向
if (event.deltaY > 0) {
// 向右滚动
@@ -503,6 +508,13 @@ function handleWheel(event) {
}
//#endregion ------------------------------------
+//#region 联系我们弹窗
+const showTalkUsDialog = ref(false);
+const updateShowTalkUsDialog = (newValue) => {
+ showTalkUsDialog.value = newValue;
+};
+//#endregion ------------------------------------
+
//#region 页面初始化
onMounted(async () => {
// getPackageList();
@@ -529,6 +541,9 @@ onMounted(async () => {
padding: 20px;
user-select: none;
overflow: hidden;
+ ::-webkit-scrollbar {
+ display: none;
+ }
}
// 方案列表
.commoditylIst {
@@ -545,6 +560,7 @@ onMounted(async () => {
// &::-webkit-scrollbar {
// display: none; /* 隐藏滚动条(Safari、Chrome) */
// }
+
.item {
position: relative;
width: 480px;
@@ -653,6 +669,7 @@ onMounted(async () => {
cursor: pointer;
}
.description {
+ cursor: pointer;
margin-top: 50px;
margin-bottom: 30px;
width: 100%;
@@ -662,6 +679,7 @@ onMounted(async () => {
font-size: 18px;
color: #7c7c7a;
> div {
+ cursor: pointer;
margin-bottom: 20px;
}
}
@@ -795,4 +813,42 @@ onMounted(async () => {
}
}
}
+
+// 联系我们弹窗
+.TalkUsDialog {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ &-content {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ > div {
+ width: 30%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ img {
+ width: 100px;
+ height: 100px;
+ margin-bottom: 40px;
+ }
+ }
+ .sendEmail {
+ text-decoration: underline;
+ cursor: pointer;
+ }
+ }
+ .close {
+ margin-top: 50px;
+ width: 100px;
+ height: 50px;
+ font-size: 18px;
+ line-height: 50px;
+ text-align: center;
+ border-radius: 15px;
+ border: 2px solid #ccc;
+ cursor: pointer;
+ }
+}