<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>
