diff --git a/src/assets/images/homePage/stulishicon.png b/src/assets/images/homePage/stulishicon.png new file mode 100644 index 00000000..b71a1a91 Binary files /dev/null and b/src/assets/images/homePage/stulishicon.png differ diff --git a/src/component/Account/frontPage/bindPage.vue b/src/component/Account/frontPage/bindPage.vue index 825781f4..b5ed644e 100644 --- a/src/component/Account/frontPage/bindPage.vue +++ b/src/component/Account/frontPage/bindPage.vue @@ -2,7 +2,26 @@
-
{{ $t('frontPage.BindWechat') }}
+
{{ $t('frontPage.InternalBind') }}
+
+
+
+
AiDA Seller
+
Not a Seller Yet
+
+ + +
+
+
+
+
Marketplace Access Active
+
+ +
+
+
+
{{ $t('frontPage.ExternalBind') }}
@@ -12,9 +31,6 @@
-
-
-
{{ $t('frontPage.BindGmail') }}
@@ -87,6 +103,9 @@ export default defineComponent({ weiXinModel:null, bindEmail:null, }) + const isSeller = computed(() => { + return store.state.seller.isSeller + }) let data = reactive({ scriptSrc:'https://accounts.google.com/gsi/client', }) @@ -156,6 +175,15 @@ export default defineComponent({ bindPageDom.bindEmail.init('Modify') } + const onEnterSeller = ()=>{ + router.push({name:'brandProfile'}) + } + const onBecomeSeller = ()=>{ + router.push({name:'BecomeSeller'}) + } + const onOpenMarketplace = ()=>{ + console.log('onOpenMarketplace') + } onMounted(async ()=>{ let GOOGLE_CLIENT_ID if(import.meta.env.VITE_USER_NODE_ENV == 'development'){ @@ -221,7 +249,11 @@ export default defineComponent({ return{ ...toRefs(accountHomeData), ...toRefs(bindPageDom), + isSeller, openWeiXinModel, + onEnterSeller, + onBecomeSeller, + onOpenMarketplace, ungroupGoogleModel, ungroupWeiXinModel, modifyEmail, @@ -241,31 +273,37 @@ export default defineComponent({ padding-bottom: 2rem; .bindPage_page_body{ .bind_item{ - margin-bottom: 4rem; + margin-bottom: 4.8rem; >.title{ - font-size: 1.6rem; - margin-bottom: 1.5rem; - font-weight: 600; + font-size: 1.8rem; + margin-bottom: 1.2rem; + // font-weight: 600; } >.box{ width: 100%; border: 2px solid #000; border-radius: 2rem; padding: 2rem; + margin-bottom: 1.2rem; display: flex; align-items: center; justify-content: space-between; >.type{ display: flex; + >.img>img, >img{ margin-right: 3rem; - width: 5rem; + width: auto; height: 5rem; } + >.img{ + width: 17rem; + } >.text{ display: flex; align-items: center; font-size: 1.8rem; + color: #000; } } .gallery_btn{ diff --git a/src/lang/cn.ts b/src/lang/cn.ts index 986ba498..3391e616 100644 --- a/src/lang/cn.ts +++ b/src/lang/cn.ts @@ -921,6 +921,8 @@ export default { jsContent13: '保存成功~' }, frontPage: { + InternalBind: '内部绑定:', + ExternalBind: '外部绑定:', BindWechat: '绑定微信', Unbound: '未绑定', BindNow: '绑定', diff --git a/src/lang/en.ts b/src/lang/en.ts index eaacc450..f46e954f 100644 --- a/src/lang/en.ts +++ b/src/lang/en.ts @@ -946,6 +946,8 @@ export default { jsContent13: 'Save successfully~' }, frontPage: { + InternalBind: 'Internal Bind:', + ExternalBind: 'External Bind:', BindWechat: 'Bind Wechat', Unbound: 'Unbound', BindNow: 'Bind Now', diff --git a/src/router/index.ts b/src/router/index.ts index 309a96a7..02740999 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -235,6 +235,11 @@ const routes: Array = [ meta: { enter: "all" }, component: () => import("@/views/SellerDashboard/index.vue"), children: [ + { + path: "", + meta: { enter: "all" }, + redirect: "/home/seller/brandProfile" + }, { path: "brandProfile", name: "brandProfile",