From 383ee0c1bf3819d66829cb388f5a81378449a62e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BE=90=E8=BE=89=E8=BE=89?= <3548508071@qq.com> Date: Tue, 30 Nov 2021 13:07:51 +0800 Subject: [PATCH] commit --- 04.系统编码/Frontend/.idea/workspace.xml | 10 +- .../Frontend/public/images/lock.png | Bin 0 -> 469 bytes .../Frontend/src/components/Login.vue | 103 +++++++++++++----- 3 files changed, 83 insertions(+), 30 deletions(-) create mode 100644 04.系统编码/Frontend/public/images/lock.png diff --git a/04.系统编码/Frontend/.idea/workspace.xml b/04.系统编码/Frontend/.idea/workspace.xml index 6be951b..a54bfd2 100644 --- a/04.系统编码/Frontend/.idea/workspace.xml +++ b/04.系统编码/Frontend/.idea/workspace.xml @@ -21,10 +21,15 @@ <property name="RunOnceActivity.ShowReadmeOnStart" value="true" /> <property name="WebServerToolWindowFactoryState" value="false" /> <property name="nodejs_package_manager_path" value="npm" /> - <property name="settings.editor.selected.configurable" value="vcs.Git" /> + <property name="settings.editor.selected.configurable" value="preferences.pluginManager" /> <property name="ts.external.directory.path" value="D:\project\NanJingLamanRadarProject\04.系统编码\Frontend\node_modules\typescript\lib" /> <property name="vue.rearranger.settings.migration" value="true" /> </component> + <component name="RecentsManager"> + <key name="MoveFile.RECENT_KEYS"> + <recent name="D:\project\NanJingLamanRadarProject\04.系统编码\Frontend\public\images" /> + </key> + </component> <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="应用程序级" UseSingleDictionary="true" transferred="true" /> <component name="TaskManager"> <task active="true" id="Default" summary="默认任务"> @@ -39,7 +44,8 @@ <workItem from="1638178911648" duration="1742000" /> <workItem from="1638188568745" duration="5341000" /> <workItem from="1638233761575" duration="1033000" /> - <workItem from="1638235051409" duration="42000" /> + <workItem from="1638235051409" duration="129000" /> + <workItem from="1638235200843" duration="11502000" /> </task> <servers /> </component> diff --git a/04.系统编码/Frontend/public/images/lock.png b/04.系统编码/Frontend/public/images/lock.png new file mode 100644 index 0000000000000000000000000000000000000000..c887d2432a9a24f694b5caee04f59d89f73e509e GIT binary patch literal 469 zcmV;`0V@89P)<h;3K|Lk000e1NJLTq000sI000&U1^@s6&0owx00001b5ch_0Itp) z=>Px$k4Z#9R5(wyltEU)Fc60GXOXQO!5fGtu$(|WfpkO4N^YRu09Pbz3MWucAl#td zz$3txMaDOMiKeurz<XxbWb(~F&HMw=vSzc{P)hkIgy{Q_LI^R{S}&WfV1F~u^WJW^ z`-}klA%#+Ekf!M-KB$3=F$I7t4kDrt04smtP6%-m)M>4+TS2~@+y}g9t)JsyYb}32 z@t$)o9goM0a9&YljClueOGIB;mW6*)DJ>{wwON+2%5qge)><xu<=51N3&xl!0DgqE z);c*G6qWanp!s~>cg}H169AV)w2EG<@{fop0gw>UH}{p4ay=T23hcd9TYnzh=NE*v zmK*EhEW+QV4TGoyvi0W&lN|%P_n@~!2|Gc~xd8*Dl<dFOh1gq7QAdK-3<{mvnC%!4 z5xw&BCmphR4)JRAo;UEI^jhSxbGo3kN(u7Aj63zze%dOfE_ulPx}R;r);IySWvj3~ zYGcGJn+hQwI%-@hr6%#Xt&Lg+coPo+u*zPU5!et>A*Ead6>+j3{o2YrVULt;00000 LNkvXXu0mjfYhBOQ literal 0 HcmV?d00001 diff --git a/04.系统编码/Frontend/src/components/Login.vue b/04.系统编码/Frontend/src/components/Login.vue index ac81dee..e51c94e 100644 --- a/04.系统编码/Frontend/src/components/Login.vue +++ b/04.系统编码/Frontend/src/components/Login.vue @@ -1,42 +1,54 @@ <template> <div class="box"> - - - <div class="loginInput"> <div class="litterSemicircle"><img src="/images/logo.png"/> </div> - <div class="importInput"> - <div> <h1>南京生态环境评估决策平台</h1> - <el-input v-model="input4" placeholder="请输入账户" class="input"> + <el-input placeholder="请输入账户" type="text" class="input" v-model="inputName"> + <template #prefix> + <el-icon ><img src="/images/pen.png"></el-icon> + </template> + </el-input> + <el-input placeholder="请输入登录密码" type="password" v-model="inputPassword" class="input" > <template #prefix> - <el-icon class="el-input__icon"><search /></el-icon> + <el-icon><img src="/images/lock.png"></el-icon> </template> </el-input> - </div> + <el-button type="primary" class="btn" @click="onLoginClick">登录</el-button> </div> - - - - </div> - - + </div> </div> </template> <script lang="ts"> +import {reactive, toRefs} from "vue"; +import { ElMessageBox, ElMessage } from 'element-plus' export default { name: 'Login', setup() { - return {} + let option = reactive({ + inputName: null, + inputPassword: null, + centerDialogVisible:false + }) + + const onLoginClick = () => { + if(option.inputName==null || option.inputPassword==null){ + ElMessageBox.alert('请完善信息', '提示', { + confirmButtonText: '确认', + }) + } + } + + return { + ...toRefs(option), + onLoginClick + } } } </script> -<style lang="less" scoped> - .box { - +<style lang="less" scoped> .loginInput { width: 651px; height: 689px; @@ -60,7 +72,6 @@ export default { justify-content: center; left: 50%; transform: translate(-50%, -50%); - } .importInput { @@ -71,10 +82,13 @@ export default { opacity: 1; border-radius: 10px; display: flex; + flex-wrap: wrap; justify-content: center; + align-content: flex-start; h1 { width: 393px; + height: 40px; font-size: 30px; font-family: Microsoft YaHei; font-weight: bold; @@ -83,20 +97,53 @@ export default { text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); opacity: 1; margin-top: 120px; + margin-bottom: 52px; + padding-left: 12px; + } + + :deep(.input) { + width: 496px; + height: 69px; + background: #FFFFFF; + border: 1px solid #BCBCBC; + opacity: 1; + margin-bottom: 71px; + + .el-input__inner{ + height: 100% !important; + position: relative; + border: none; + font-size: 18px; + font-family: Microsoft YaHei; + font-weight: 400; + line-height: 24px; + color: #999999; + padding-left: 54px; + } + } - } + img { + width: 18px; + height: 17.92px; + position: absolute; + top: -7px; + } + } + } img { width: 157.33px; height: 157.15px; margin-top: 35px; } - - } - } - - - - - + .btn{ + width: 496px; + height: 69px; + background: #498DF0; + opacity: 1; + color: #FFFFFF; + border: none; + font-size: 22px; + margin-bottom: 127px; + } </style>