Skip to content

D
digital-operation-platform
Commit 66ccebd3 by lixiaomin
Options

登录页

parent 2cf2fba3
Showing with 71 additions and 21 deletions
src/assets/logincharacter.svg 0 → 100644
<svg width="289" height="61" viewBox="0 0 289 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.5922 22.6315C28.2402 27.6875 27.1842 31.7835 25.1682 35.2395C26.6722 37.0635 28.5282 38.5995 30.7042 39.8795L29.5842 44.0395C26.8642 42.5035 24.6242 40.7115 22.8002 38.5355C20.9442 40.6795 18.5762 42.5355 15.6642 44.2315L14.5762 40.3275C17.0082 38.7915 18.9922 37.1595 20.5602 35.3035C19.4402 33.2875 18.5762 31.0155 17.9362 28.4235C17.5522 28.8715 17.1362 29.3195 16.7202 29.7355L15.6002 25.5435C17.8722 22.8555 19.0562 19.0795 19.3122 14.9195H23.0242C22.9602 16.5195 22.7682 17.9915 22.4802 19.3675H30.6402V22.6315H28.5922ZM25.0402 22.6315H21.5202C21.2642 23.2395 21.0082 23.8155 20.7202 24.3595C21.0402 27.1755 21.7762 29.6395 22.8642 31.7835C24.1762 29.1915 24.8482 26.2155 25.0402 22.6315ZM12.8802 36.0715L16.5602 35.3355V38.8875L2.70423 41.8315L1.87223 38.3115L3.69623 37.9275V23.4315H7.21623V37.2235L9.16823 36.8395V20.1355H2.92823L2.60823 17.0635H16.7842V20.1355H12.8802V26.6955H15.7282V29.8955H12.8802V36.0715ZM33.6802 24.4555C39.4082 21.9915 43.4082 19.0795 46.4802 14.9195H49.8402C52.9442 19.1115 57.2962 22.0555 62.7682 24.4555L61.8082 28.0395C55.8882 25.6395 51.3442 22.4075 48.1762 18.3115C45.2642 22.4075 40.4002 25.6395 34.6402 28.0395L33.6802 24.4555ZM51.1842 39.2075H62.0962V42.5355H34.1922L33.8722 39.2075H38.1282V27.8795H41.9042V39.2075H47.2802V23.4955H51.1842V29.5115H58.9922V32.7115H51.1842V39.2075ZM76.4322 19.4315L77.7442 15.5915H80.9762L79.6642 19.4315H76.4322ZM71.0562 19.4315H67.7922L66.4802 15.5915H69.7442L71.0562 19.4315ZM93.2002 22.4715C92.8802 27.7195 91.8882 31.9755 89.9362 35.5275C91.2482 37.2235 93.0082 38.6635 95.2162 40.0075L94.0642 43.8475C91.5042 42.3435 89.4562 40.6475 87.8242 38.6635C86.2242 40.6475 84.2402 42.4075 81.8082 44.0075L80.8482 40.2635C82.9282 38.9195 84.5602 37.3835 85.8402 35.6875C84.6242 33.4795 83.7922 30.8875 83.2482 27.8155C82.8002 28.4235 82.2882 29.0315 81.7442 29.6075L80.5602 25.1915C82.2242 23.8155 83.8882 19.5275 84.2402 14.8235H87.8562C87.7282 16.3595 87.5362 17.8315 87.2162 19.2075H95.1522V22.4715H93.2002ZM89.7442 22.4715H86.2242C85.8402 23.4635 85.3922 24.3915 84.9122 25.2875H86.4162C86.6082 27.9435 87.0882 30.1835 87.8882 32.1035C89.1362 29.2555 89.6482 26.0555 89.7442 22.4715ZM77.6482 38.7595C78.6082 39.2075 79.5682 39.6555 80.4322 40.1035L79.9842 43.4315C78.2242 42.5675 76.4642 41.7355 74.8322 40.9355C72.7202 42.1835 70.0002 43.1435 66.4482 43.8795L65.5522 40.4875C67.7602 40.2955 69.5842 39.8475 71.1202 39.2395C70.2562 38.8555 69.4882 38.5035 68.7842 38.1835C67.4082 37.5755 66.9602 36.4555 67.6002 35.2075C67.7282 34.9515 67.9522 34.5035 68.1762 33.9595H66.1282L65.8722 30.8555H69.4562C69.6802 30.2155 69.8722 29.6715 69.9682 29.2555H73.7442C73.5522 29.7355 73.3282 30.3115 73.0722 30.8555H78.3522C80.4642 30.8555 81.2642 32.4235 80.4962 34.2795C79.7922 36.0075 78.8642 37.5115 77.6482 38.7595ZM75.6642 24.6475V28.6795H71.9522V26.1195C70.8322 27.4635 69.2322 28.5195 66.5122 29.5115L65.5522 26.4395C67.6322 25.7995 69.2642 24.6795 70.4482 23.3035H66.1922L65.8722 20.4235H71.9522V14.9195H75.6642V20.4235H81.2642V23.3035H75.6642V24.1355H78.7362L80.5282 28.6795H77.1362L75.6642 24.6475ZM74.3522 37.1915C75.4402 36.2315 76.1762 35.1115 76.6882 33.9595H71.7602C71.4722 34.5995 71.2802 35.1115 71.1842 35.3675C71.0882 35.5275 71.1842 35.7195 71.4082 35.8155C72.2402 36.1995 73.2642 36.6795 74.3522 37.1915ZM123.76 16.5835C125.2 16.5835 126 17.3835 126 18.8235V26.5035C126 27.9435 125.232 28.7435 123.76 28.7435H116.24C114.768 28.7435 114 27.9115 114 26.5035V18.8235C114 17.3515 114.768 16.5835 116.24 16.5835H123.76ZM118.128 19.7835C117.84 19.7835 117.648 20.0075 117.648 20.2635V25.0635C117.648 25.3195 117.84 25.5435 118.128 25.5435H121.872C122.16 25.5435 122.352 25.3195 122.352 25.0635V20.2315C122.352 19.9755 122.192 19.7835 121.904 19.7835H118.128ZM120.4 38.1195H104.496V39.3995C104.496 39.6875 104.688 39.8795 104.976 39.8795H119.888C120.176 39.8795 120.4 39.6875 120.4 39.3995V38.1195ZM120.4 35.0475V33.7675C120.4 33.5115 120.176 33.2875 119.888 33.2875H104.976C104.688 33.2875 104.496 33.5115 104.496 33.7675V35.0475H120.4ZM108.08 19.5595V20.7755C108.08 21.0955 108.08 21.4155 108.048 21.7355H112.848V24.8395H107.312C107.216 25.0635 107.12 25.2555 107.024 25.4795H110.192L113.36 29.3515H109.136L106.608 26.1835C105.648 27.7515 104.208 29.0955 102.352 30.1835C102.608 30.1195 102.928 30.0875 103.248 30.0875H121.616C123.344 30.0875 124.24 31.0155 124.24 32.6795V40.4875C124.24 42.1835 123.344 43.0795 121.616 43.0795H103.248C101.52 43.0795 100.656 42.1835 100.656 40.4875V32.6795C100.656 31.8475 100.88 31.2075 101.296 30.7595C100.592 31.1115 99.8242 31.4635 98.9922 31.7515L98.0642 28.3275C100.144 27.5275 101.872 26.3435 102.96 24.8395H98.6402L98.3202 21.7355H104.24C104.272 21.4155 104.304 21.0955 104.304 20.7755V19.5595H102.096C101.84 20.1035 101.52 20.6475 101.168 21.1275H97.9042C99.1202 19.3675 100.08 16.9675 100.56 14.9195H103.792C103.696 15.3995 103.536 15.9435 103.376 16.4555H112.24V19.5595H108.08ZM147.92 32.0075V38.3755C147.92 39.3355 148.368 39.9115 149.36 40.0395C150.576 40.1995 151.952 40.1995 153.136 40.0395C154.192 39.9115 154.704 39.3035 154.704 38.2795V33.9595L158.608 34.4715V39.3995C158.608 41.5435 157.456 43.0795 154.832 43.3675C152.464 43.6235 149.872 43.6235 147.568 43.3675C145.456 43.1435 144.016 41.5435 144.016 39.3995V34.3435C142.768 35.0155 141.456 35.6235 140.048 36.2315L139.024 32.4235C140.848 31.6555 142.512 30.8555 144.016 29.9595V14.9195H147.92V27.2395C150.896 24.7755 152.976 21.9275 154.352 18.7595H158.448C156.464 24.2315 153.008 28.5195 147.92 32.0075ZM133.072 26.3115H135.728C137.168 26.3115 137.968 27.1115 137.968 28.5515V43.7195H134.064V28.9035H130.544L129.36 25.2235C133.296 21.8635 135.504 18.3435 136.4 14.9195H140.528C139.376 19.4315 136.912 23.3355 133.072 26.3115ZM169.616 20.5515L162.864 18.3755V14.9835L169.616 17.1595V20.5515ZM188.656 16.2315V19.5595H172.848L172.528 16.2315H188.656ZM180.208 26.5035C179.6 28.9675 178.32 31.7515 176.368 33.7675H185.36L182.576 28.2635H186.512L189.488 33.9275C190.48 35.7515 189.68 37.0315 187.568 37.0315H171.472L171.184 33.7675H172.432C174.16 31.4955 175.376 28.7755 175.952 26.5035H170.768L170.448 23.1755H190.48V26.5035H180.208ZM168.912 34.6635C169.36 38.6955 171.792 39.8155 175.184 39.8155H191.056L190.224 43.1755H175.12C170.992 43.1755 168.432 41.6395 167.28 39.1115C166.736 40.6475 165.04 42.4715 162.48 43.8795L161.392 40.6475C163.44 39.3995 164.976 37.1915 165.2 35.0155V26.6955C165.2 26.3755 164.976 26.1515 164.656 26.1515H162.256L161.936 22.9515H166.384C168.048 22.9515 168.912 23.8155 168.912 25.4475V34.6635ZM202.32 29.0315C202 29.0315 201.84 29.1915 201.84 29.5115V30.2795C201.84 30.5995 202 30.7595 202.32 30.7595H214.352C214.672 30.7595 214.832 30.5995 214.832 30.2795V29.5115C214.832 29.1915 214.672 29.0315 214.352 29.0315H202.32ZM200.048 37.9275C199.728 37.9275 199.568 38.0875 199.568 38.4075V39.5915C199.568 39.9115 199.728 40.0715 200.048 40.0715H216.496C216.816 40.0715 216.976 39.9115 216.976 39.5915V38.4075C216.976 38.0875 216.816 37.9275 216.496 37.9275H200.048ZM218.256 34.9835C219.984 34.9835 220.816 35.8155 220.816 37.5435V40.4555C220.816 42.1835 219.984 43.0155 218.256 43.0155H198.288C196.56 43.0155 195.728 42.1835 195.728 40.4555V37.5435C195.728 35.8155 196.56 34.9835 198.288 34.9835H218.256ZM218.384 27.4635C218.544 27.8155 218.608 28.2635 218.608 28.7755V31.0155C218.608 32.7435 217.776 33.5755 216.048 33.5755H200.624C198.896 33.5755 198.064 32.7435 198.064 31.0155V28.7755C198.064 28.2635 198.128 27.8155 198.288 27.4635H194.576V24.2635C194.576 22.7275 195.6 21.7035 197.136 21.7035H219.344C220.88 21.7035 221.904 22.7275 221.904 24.2635V27.4635H218.384ZM218.064 26.9515V25.1915C218.064 24.9035 217.872 24.7115 217.584 24.7115H198.896C198.608 24.7115 198.416 24.9035 198.416 25.1915V27.2075C198.8 26.5355 199.536 26.2155 200.624 26.2155H216.048C216.976 26.2155 217.648 26.4395 218.064 26.9515ZM215.536 19.6875V21.0315H211.696V19.6875H204.784V21.0315H200.944V19.6875H194.224L193.904 16.6155H200.944V14.9195H204.784V16.6155H211.696V14.9195H215.536V16.6155H222.64V19.6875H215.536ZM251.696 21.2875L249.616 28.7435H245.808L247.888 21.2875H251.696ZM228.208 21.2875H232.048L234.128 28.7435H230.288L228.208 21.2875ZM241.904 34.1515V43.7195H237.936V34.1515H226.256L225.936 30.8235H237.936V19.3675H227.344L227.024 16.1675H253.168V19.3675H241.904V30.8235H254.768V34.1515H241.904ZM281.808 30.1835C283.344 30.1835 284.368 31.2075 284.368 32.7435V40.5195C284.368 42.0555 283.344 43.0795 281.808 43.0795H262.704C261.168 43.0795 260.144 42.0555 260.144 40.5195V32.7435C260.144 31.2075 261.168 30.1835 262.704 30.1835H281.808ZM280.592 33.8635C280.592 33.5755 280.4 33.3835 280.112 33.3835H264.4C264.112 33.3835 263.92 33.5755 263.92 33.8635V39.3995C263.92 39.6875 264.112 39.8795 264.4 39.8795H280.112C280.4 39.8795 280.592 39.6875 280.592 39.3995V33.8635ZM264.528 24.1995H280.72L274.832 17.1275H279.216L284.848 23.5915C286.448 25.5115 285.232 27.5275 282.736 27.5275H259.152L258.832 24.1995H259.728C262.864 21.7035 265.296 18.6315 266.96 14.9195H271.216C269.968 18.2795 267.824 21.4155 264.528 24.1995Z" fill="#333333"/>
</svg>
src/views/login.vue
<template>
<div class="login">
<div class="login_box">
<div style="position: absolute;top: 38px;left: 36px;">
<div style="display:flex;justify-content:center;align-items: center;">
<img src="@/assets/loginleft.svg"/>
<div style="height:28px;border:1px #C3C3C3 solid;margin-left:16px;margin-right:16px;"></div>
<img src="@/assets/logincharacter.svg"/>
</div>
</div>
<div class="gradient-text">科技领航 创新未来</div>
<div style=" position: absolute;top: 256px;left: 300px;font-size: 18px">以科技为驱动力，以创新为引擎，打造数智化平台，助力政企高质量发展</div>
<div class="login">
<div class="login_box">
<div style="font-size:30px;line-height: 30px">欢迎来到政企数智化运营平台</div>
<div class="login_account_text">账号登录</div>
<el-form :model="loginForm">
<el-form-item>
<el-input v-model="loginForm.loginName" placeholder="用户名" />
<el-input v-model="loginForm.loginName" placeholder="请输入用户名" />
</el-form-item>
<el-form-item>
<el-input v-model="loginForm.loginPwd" type="password" placeholder="密码" />
<el-input v-model="loginForm.loginPwd" type="password" placeholder="请输入密码" />
</el-form-item>
<el-form-item>
<el-input v-model="loginForm.code" placeholder="请输入验证码" style="width:305px;"/>
<img style="height: 78px;" src="@/assets/code.png"/>
</el-form-item>
<div style="margin-bottom: 40px">
<el-checkbox checked>记住密码</el-checkbox>
</div>
<div>
<el-button type="primary" @click="goHome" class="login_btn">登录</el-button>
</div>
</el-form>
</div>
</div>
......@@ -23,7 +42,8 @@
const loginForm = reactive({
loginName: 'admin',
loginPwd: 'admin',
loginPwd: 'adminadmin',
code: '',
})
const router = useRouter();
const goHome = () => {
......@@ -74,29 +94,56 @@
<style scoped>
.login{
display: flex;
justify-content: center;
justify-content: right;
align-items: center;
height: 100vh;
background-image: url(@/assets/login_bg.jpg);
background-image: url(@/assets/login_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.el-form-item__label{
width: 60px;
}
:deep(.el-input__wrapper){
border-radius: 32px;
}
.login_box{
width: 300px;
height: 200px;
box-shadow: 0px 0px 3px 3px #fff;
padding: 20px;
border-radius: 3px;
height: 630px;
background-color: white;
padding: 78px 45px 0px 45px;
margin-right: 182px;
margin-top: 167px;
margin-bottom: 182px;
border-radius: 10px
}
.login_account_text{
width: 88px;
height: 31px;
margin-top: 63px;
margin-bottom: 30px;
color: rgb(10, 119, 255);
font-size: 22px;
line-height: 30px
}
.login_box .el-input{
width: 439px;
height: 58px;
}
.login_box .el-form-item {
margin-bottom: 40px
}
.login_btn{
width: 100%;
border-radius: 32px;
margin-top: 40px;
width: 439px;
height: 58px;
font-size: 22px;
border-radius: 10px
}
.gradient-text {
background: linear-gradient(to right,#4788DC, #A164FA);
-webkit-background-clip: text;
color: transparent;
background-clip: text;
font-size: 48px;
position: absolute;
top: 180px;
left: 380px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment