58 lines
1.1 KiB
Vue
58 lines
1.1 KiB
Vue
|
<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>
|