支付页面

src/component/HomePage/Header.vue

@@ -40,6 +40,13 @@
                 >
 					Trial Approval
                 </div>
+				<div
+					class="trialApproval button_second"
+                    @click="UpgradePlan()"
+                >
+					Upgrade Plan
+                </div>
+				
             </div>
             <nav class="header_nav_content">
                 <div
@@ -166,6 +173,7 @@
                 <!-- 绑定邮箱第一步 end -->
             </div>
         </a-modal>
+		<UpgradePlan ref="UpgradePlan"></UpgradePlan>
     </div>
 </template>
 <script >
@@ -174,6 +182,7 @@ import { isEmail } from "@/tool/util";
 import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
 import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
 import Habit from "@/component/Detail/habit.vue";
+import UpgradePlan from "@/component/HomePage/UpgradePlan.vue";
 import { Https } from "@/tool/https";
 import { Modal, message } from "ant-design-vue";
 import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
@@ -184,6 +193,7 @@ export default defineComponent({
     components: {
         VerificationCodeInput,
 		Habit,
+		UpgradePlan,
     },
 	setup(){
         const store = useStore();
@@ -255,7 +265,10 @@ export default defineComponent({
             let noRefresh = name === "home" ? true : false;
             this.$router.push({ name: name, params: { noRefresh: noRefresh } });
         },
-
+		UpgradePlan(){
+			let UpgradePlan = this.$refs.UpgradePlan
+			UpgradePlan.init()
+		},
         //点击下拉图标出现操作
         changeShowOperateContent() {
             this.isShowOperate = !this.isShowOperate;