Merge branch 'master' of http://git.luyuan.tk/luyuan/beelink into xbx
This commit is contained in:
48
src/components/login/LoginTab.vue
Normal file
48
src/components/login/LoginTab.vue
Normal file
@@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<div class="logintab">
|
||||
<div :class="selected==1?'tab tab1':'tab'" @click="tabchange(1)">手机号登录</div>
|
||||
<div :class="selected==2?'tab tab1':'tab'" @click="tabchange(2)">账号密码登录</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent , ref} from "vue";
|
||||
|
||||
export default defineComponent({
|
||||
name: "LoginTab",
|
||||
components: {},
|
||||
|
||||
|
||||
setup(prop,context) {
|
||||
const selected=ref(1)
|
||||
function tabchange(e: number): void{
|
||||
selected.value=e
|
||||
context.emit("sel",e)
|
||||
|
||||
}
|
||||
return {
|
||||
selected,
|
||||
tabchange
|
||||
};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.logintab{
|
||||
display: flex;
|
||||
.tab{
|
||||
width: 100px;
|
||||
height: 29px;
|
||||
border-radius: 14px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.tab1{
|
||||
background: #08AE98;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user