second commit - style
This commit is contained in:
xuyucheng
parent
fcd93abb28
commit
3de47fbc28
|
|
@ -0,0 +1,41 @@
|
|||
.el-container {
|
||||
height: 100%;
|
||||
.el-main {
|
||||
height: calc(100% - 80px);
|
||||
background-color: #00102b;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
|
||||
.form-box {
|
||||
position: relative;
|
||||
bottom: 80px;
|
||||
|
||||
::v-deep .el-radio__inner {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-form {
|
||||
width: 600px;
|
||||
padding: 50px;
|
||||
background-color: #fff;
|
||||
|
||||
.el-form-item {
|
||||
padding: 10px 0;
|
||||
|
||||
::v-deep .el-input__inner {
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
border-bottom: 1px solid #707070;
|
||||
font-family: "SR";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -18,7 +18,16 @@ const router = new Router({
|
|||
requireAuth: false
|
||||
},
|
||||
component: () => import("view/home/index")
|
||||
}
|
||||
}, {
|
||||
path: '/login',
|
||||
name: 'login',
|
||||
component: () => import("view/user/login")
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
name: 'register',
|
||||
component: () => import("view/user/register")
|
||||
},
|
||||
],
|
||||
mode: 'history',
|
||||
})
|
||||
|
|
|
|||
|
|
@ -0,0 +1,44 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-main style="background:#A3AAB1">
|
||||
<div class="form-box">
|
||||
<h2 style="color: #fff">LOGIN</h2>
|
||||
<el-form ref="form" :model="form" style="width:500px">
|
||||
<el-form-item>
|
||||
<el-input placeholder="NAME"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input placeholder="PASSWORD"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-radio label="1">同意上述条例和协议</el-radio>
|
||||
</el-form-item>
|
||||
<el-row style="margin-top: 20px">
|
||||
<el-col :span="11"
|
||||
><el-button size="large" type="info">SIGN IN</el-button></el-col
|
||||
>
|
||||
<el-col :span="11" :offset="2"
|
||||
><el-button size="large" type="info">LOGIN</el-button></el-col
|
||||
>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang='scss' scoped>
|
||||
@import "assets/style/user.scss";
|
||||
</style>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-main>
|
||||
<div class="form-box">
|
||||
<h2 style="color: #fff">REGISTER</h2>
|
||||
<el-form ref="form" :model="form">
|
||||
<el-form-item>
|
||||
<el-input placeholder="NAME"></el-input>
|
||||
</el-form-item>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item>
|
||||
<el-input placeholder="PASSWORD"></el-input> </el-form-item
|
||||
></el-col>
|
||||
<el-col :span="11" :offset="2">
|
||||
<el-form-item>
|
||||
<el-input
|
||||
placeholder="CONFIRM PASSWORD"
|
||||
></el-input> </el-form-item
|
||||
></el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item>
|
||||
<el-input placeholder="COMPANY"></el-input> </el-form-item
|
||||
></el-col>
|
||||
<el-col :span="11" :offset="2">
|
||||
<el-form-item>
|
||||
<el-input placeholder="JOB TITLE"></el-input> </el-form-item
|
||||
></el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item>
|
||||
<el-input placeholder="EMAIL"></el-input> </el-form-item
|
||||
></el-col>
|
||||
<el-col :span="11" :offset="2">
|
||||
<el-form-item>
|
||||
<el-input placeholder="PHONE"></el-input> </el-form-item
|
||||
></el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-radio label="1">同意上述条例和协议</el-radio>
|
||||
</el-row>
|
||||
<el-row style="margin-top:20px">
|
||||
<el-col :span="11"
|
||||
><el-button size="large" type="info">SIGN IN</el-button></el-col
|
||||
>
|
||||
<el-col :span="11" :offset="2"
|
||||
><el-button size="large" type="info">LOGIN</el-button></el-col
|
||||
>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang='scss' scoped>
|
||||
@import "assets/style/user.scss";
|
||||
</style>
|
||||
|
|
@ -25,6 +25,7 @@ module.exports = {
|
|||
},
|
||||
},
|
||||
devServer: {
|
||||
disableHostCheck:true,
|
||||
open: false,//open 在devServer启动且第一次构建完成时，自动用我们的系统的默认浏览器去打开要开发的网页
|
||||
host: 'localhost',//默认是 localhost。如果你希望服务器外部可访问，指定如下 host: '0.0.0.0'，设置之后之后可以访问ip地址
|
||||
port: 8081,
|
||||
|
|
@ -33,7 +34,7 @@ module.exports = {
|
|||
hotOnly: false,// hot 和 hotOnly 的区别是在某些模块不支持热更新的情况下，前者会自动刷新页面，后者不会刷新页面，而是在控制台输出热更新失败
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://116.63.130.34:30000/', //目标接口域名
|
||||
target: 'http://o339q23220.goho.co/', //目标接口域名
|
||||
secure: false, //false为http访问，true为https访问
|
||||
changeOrigin: true, //是否跨域
|
||||
pathRewrite: {
|
||||
|
|
|
|||
Loading…
Reference in New Issue