diff --git a/components/common-nav/common-nav.vue b/components/common-nav/common-nav.vue index a823a19..0bc67be 100644 --- a/components/common-nav/common-nav.vue +++ b/components/common-nav/common-nav.vue @@ -9,12 +9,12 @@ @@ -26,9 +26,13 @@ name:"common-nav", data() { return { - + currentPage: '' }; }, + mounted() { + const routes = getCurrentPages() + this.currentPage = getCurrentPages()[routes.length - 1].route + }, methods:{ jump(url){ vk.navigateTo({ diff --git a/pages/store/store.vue b/pages/store/store.vue new file mode 100644 index 0000000..09c7512 --- /dev/null +++ b/pages/store/store.vue @@ -0,0 +1,669 @@ + + + + + \ No newline at end of file diff --git a/pages/user/components/yaoqing.vue b/pages/user/components/yaoqing.vue index 48e7721..ac6a854 100644 --- a/pages/user/components/yaoqing.vue +++ b/pages/user/components/yaoqing.vue @@ -25,8 +25,25 @@ 复制邀请码 - 兑换会员 + 兑换会员 + + + + + {{item.title}} + {{item.subtitle}} + + + + 取 消 + 确定兑换 + + @@ -39,11 +56,21 @@ {title:'铂金vip LV1',subtitle:'邀请6人可兑换'}, {title:'钻石vip LV1',subtitle:'邀请9人可兑换'}, ], - p:45 + p:45, + current: 0, + dialogVisible: false } }, methods: { - + openDuihuan(){ + this.dialogVisible = true + }, + handleClose(){ + this.dialogVisible = false + }, + onSelect(index){ + this.current = index + } } } @@ -82,22 +109,26 @@ .p3{ margin-top: 80upx; display: flex; + justify-content: space-around; .item{ width: 250upx; height: 180upx; border-radius: 10upx; - box-shadow: 1px 1px 15px 1px #A92924; + box-shadow: 1px 1px 5px 1px #A92924; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24upx; color: #A92924; - margin-right: 100upx; .t{ font-size: 30upx; } } + .active{ + background-color: #A92924; + color: #ffffff; + } } .p4{ @@ -136,20 +167,23 @@ margin-top: 80upx; display: flex; .btn{ - width: 400upx; - height: 120upx; + width: 360upx; + height: 80upx; display: flex; justify-content: center; align-items: center; - font-size: 50upx; + font-size: 30upx; border: 1px solid #A92924; } .btn.red{ - margin-left: 100upx; + margin-left: 200upx; color: #fff; background-color: #A92924; } } } - + .dialog-select{ + .item{ + } + }