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 @@ + + + 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; + } +}