fix

src/component/LoginPage/weiXinLogin.vue

@@ -0,0 +1,57 @@
+<template>
+    <div class="Container">
+        <div class="icon" @click="openWeiXinModel">
+			<img src="@/assets/images/loginPage/weiXinIcon.svg" alt="">
+		</div>
+		<weiXinModel ref="weiXinModel"></weiXinModel>
+    </div>
+</template>
+<script>
+	import { defineComponent, ref, reactive, watch, onMounted, nextTick, toRefs,router } from "vue";
+	import weiXinModel from "./weiXinModel.vue";
+    export default defineComponent({
+        name: "login",
+		components: {
+		    weiXinModel
+		},
+		setup() {
+			let weiXinDom = reactive({
+				weiXinModel:null
+			})
+			const openWeiXinModel = ()=>{
+				weiXinDom.weiXinModel.init()
+			}
+			onMounted(()=>{
+				
+			})
+			return {
+				...toRefs(weiXinDom),
+				openWeiXinModel,
+            }
+		},
+    })
+</script>
+<style scoped lang="less">
+.Container{
+	position: relative;
+	.icon{
+		width: 40px;
+		height: 40px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border: 1px solid #dadce0;
+		border-radius: 50%;
+		cursor: pointer;
+		&:hover{
+			background: #f8faff;
+		}
+		img{
+			width: 18px;
+			height: 18px;
+		}
+	}
+	&.Container:hover{
+	}
+}
+</style>