登录页

src/components/login/LoginTab.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="logintab">
+      <div class="tab">手机号登录</div>
+      <div class="tab ">账号密码登录</div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  name: "LoginTab",
+  components: {},
+  setup() {
+    const selected: number =1
+    return {
+      selected
+    };
+  },
+});
+</script>
+<style lang="scss" scoped>
+.logintab{
+    display: flex;
+    .tab{
+        width: 100px;
+        height: 28px;
+        border-radius: 14px;
+        
+        font-weight: bold;
+        text-align: center;
+        font-size: 11px;
+        line-height: 28px;
+    }
+    .tab1{
+        background: #08AE98;
+        color: white;
+    }
+}
+</style>