登录页面

src/views/RealNameAuth.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="LoginPageBackground">
+        <div class="LoginPage">
+            <p>正在登录到  长沙市统一认证平台</p>
+            <el-tabs stretch v-model="activeName" style="width: 600px; height: 400px; position: relative;top: 30px;">
+                <el-tab-pane label="个人登录" name="first"><PersonLogin/></el-tab-pane>
+                <el-tab-pane label="法人登录" name="second"><CorporateLogin/></el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue'
+import PersonLogin from './components/PersonLogin.vue';
+import CorporateLogin from './components/CorporateLogin.vue';
+const activeName = ref('first')
+</script>
+<style lang="scss" scoped>
+.LoginPageBackground{
+    width: 1200px; 
+    height: 617px;  
+    background-color: #2281cfc4; 
+    position: relative; 
+    top: -17px;
+}
+p{
+    font-size: 25px;
+    font-weight: 600;
+    position: relative;
+    top:40px;
+    left: 120px;
+}
+
+.LoginPage{
+    width: 600px; 
+    height: 555px;
+    background-color:white;
+    position: relative; 
+    top: 60px; 
+    left: 300px;
+}
+::v-deep  .el-tabs__content{
+    height: 300px;
+}
+</style>