Skip to content

C
campSite
Commit c0d40e50 authored by wuwangwolihui's avatar wuwangwolihui
Browse files
Options

样式调整-lh

parent 529b0202
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 676 additions and 942 deletions
src/App.vue
View file @ c0d40e50
<template>
<div id="app">
<router-view />
<router-view/>
</div>
</template>
<script>
/* eslint-disable */
export default {
name: "recruit",
data() {
return {};
},
created() {
// window.localStorage.setItem(
// "index-identity",
// "c59086fdb37848e7a10765812d1da349"
// );
// this.getCam();
},
methods: {
// getCam() {
// getCam({}).then((res) => {
// console.log(res, "getCam");
// let root = document.querySelector(":root");
// root.style.setProperty("--color", res.data.system_color);
// root.style.setProperty("--bk_pic", res.data.background_picture); //当前营地的背景图
// //当前营地logo
// window.localStorage.setItem("system_logo", res.data.system_logo);
// window.localStorage.setItem(
// "doubt_code",
// res.data.fill_individual_Invitationcode
// ); //是否填写邀请码
// window.localStorage.setItem(
// "doubt_info",
// res.data.fill_individual_information
// ); //是否填写个人资料
// window.localStorage.setItem(
// "doubt_check",
// res.data.audit_individual_information
// ); //是否审核个人资料
// });
// },
},
};
export default {
name: "recruit",
data() {
return {};
},
created() {
},
methods: {
},
};
</script>
<style scoped lang="scss">
// @import "~a/css/base.css";
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
height: 100%;
background: #fff;
}
<style lang="scss">
@import "a/scss/index";
// @import "~a/css/base.css";
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
height: 100vh;
background: #fff;
background: #f8f8f8;
}
//滚动条的宽度
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
background-color: #cccccc;
border-radius: 4px;
}
.el-dropdown-menu {
.el-dropdown-menu__item {
padding: 0 26px !important;
&:hover {
color: #ffffff !important;
background-color: var(--color) !important;
}
}
}
.el-message-box {
width: 360px !important;
.el-message-box__header {
.el-message-box__title {
color: red;
}
.el-message-box__close{
&:hover{
color: var(--color);
}
}
}
.el-button{
&:nth-child(1):hover{
color: #fff;
background-color: var(--color);
border-color: var(--color);
opacity: 0.6;
}
&:nth-child(2) {
color: #fff;
background-color: var(--color);
border-color: var(--color);
&:hover {
color: #fff;
background-color: var(--color);
border-color: var(--color);
opacity: 0.9;
}
}
}
}
</style>
src/assets/scss/common.scss 0 → 100644
View file @ c0d40e50
.com-container{
width: 60%;
max-width: 1160px;
min-width: 1024px;
//min-width: 960px;
padding: 0 40px;
margin: 0 auto;
}
\ No newline at end of file
src/components/index/Footer.vue
View file @ c0d40e50
......@@ -2,37 +2,31 @@
<template>
<!--底部-->
<div class="footer">
<div class="content flex">
<div class="cc flex">
<div class="info">
<ul class="contact_list flex">
<li>
<i class="el-icon-message"></i
><span>考务邮箱</span>service@thussat.com
</li>
<li>
<i class="el-icon-phone-outline"></i
><span>联系电话</span>010-56218127;
</li>
<li>
<i class="el-icon-aim"></i><span>工作时间</span>周一至周五 09:00 -
12:00, 14:00 - 18:00
</li>
</ul>
</div>
<div class="line"></div>
<div class="copyRight">
<div>
<a href="">Copyright © 2021 营地系统 版权所有</a>
<a target="_blank" href="https://beian.miit.gov.cn"
>京ICP备19058825号-3</a
><a
target="_blank"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802034612"
>
京公网安备 11010802034612号</a
>
</div>
<div class="com-container content">
<ul class="contact_list">
<li>
<i class="el-icon-message"></i>
<span>考务邮箱</span>service@thussat.com
</li>
<li>
<i class="el-icon-phone-outline"></i>
<span>联系电话</span>010-56218127
</li>
<li>
<i class="el-icon-aim"></i>
<span>工作时间</span>周一至周五 09:00 - 12:00，14:00 - 18:00
</li>
</ul>
<div class="line"></div>
<div class="copyRight">
<div>
<a href="">Copyright © 2021 营地系统 版权所有</a>
<a target="_blank" href="https://beian.miit.gov.cn"
>京ICP备19058825号-3</a>
<a
target="_blank"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802034612"
>京公网安备 11010802034612号</a>
</div>
</div>
</div>
......@@ -40,95 +34,75 @@
</template>
<script>
/* eslint-disable */
export default {
name: "Footer",
};
export default {
name: "Footer",
};
</script>
<style lang="scss" scoped>
.flex {
display: flex;
}
.footer {
font-family: PingFangSC-Medium, PingFang SC;
font-size: 14px;
height: 170px;
background: #000000;
opacity: 0.9;
line-height: 60px;
// text-align: center;
border-top: 1px solid #ccc;
.content {
justify-content: center;
.cc {
width: 85%;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
}
.info {
font-weight: 500;
color: #ffffff;
line-height: 14px;
margin-top: 35px;
width: 100%;
.contact_list {
padding: 0 !important;
// width: 61%;
// justify-content: flex-start;
// justify-content: space-between;
li {
margin-bottom: 30px;
height: 18px;
line-height: 18px;
font-size: 14px;
color: #e5e5e5;
font-weight: 500;
font-family: PingFangSC-Medium, PingFang SC;
list-style-type: none;
list-style-type: none;
margin-right: 20px;
&:last-child {
margin-bottom: 0;
}
i {
opacity: 0.8;
font-size: 18px;
vertical-align: top;
font-weight: bold;
<style lang="scss" scoped>
@import "a/scss/common";
.footer {
font-family: PingFang SC;
font-size: 14px;
height: 169px;
background: #000000;
opacity: 0.9;
line-height: 60px;
border-top: 1px solid #ccc;
.content {
.contact_list {
display: flex;
flex-flow: row;
align-items: center;
height: 88px;
margin: 0;
padding: 0;
li{
font-size: 12px;
height: 14px;
line-height: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
list-style: none;
margin-right: 40px;
span{
margin: 0 15px 0 7px;
}
&:last-child{
margin-right: 0;
}
}
span {
margin: 0 5px 0 5px;
line-height: 18px;
}
.line {
width: 100%;
height: 1px;
background: #ffffff;
opacity: 0.2;
}
.copyRight {
display: flex;
flex-flow: row;
align-items: center;
height: 62px;
margin: 0;
padding: 0;
a {
font-size: 12px;
font-weight: 400;
margin-right: 20px;
color: #333333;
text-decoration: none;
img {
width: 15px;
margin-top: -3px;
}
&:hover {
text-decoration: underline;
}
}
}
}
}
}
.line {
width: 100%;
height: 1px;
background: #ffffff;
opacity: 0.2;
// margin-top: 50px;
}
a {
font-weight: 400;
margin-right: 20px;
color: #333333;
text-decoration: none;
img {
width: 15px;
margin-top: -3px;
}
&:hover {
text-decoration: underline;
}
}
.copyRight {
width: 100%;
}
</style>
src/components/index/Header.vue
View file @ c0d40e50
<template>
<div class="Header">
<div class="H_content flex">
<div class="cc flex">
<div class="H_content com-container">
<div class="image">
<img :src="system_logo" alt="" />
</div>
<div class="right">
<span @click="toLogin">登录</span>
<span @click="toRegister">注册</span>
<span @mouseenter="onMouserEnter(false)" :class="isHover?'':'is-hover'" @click="toLogin">登录</span>
<span @mouseenter="onMouserEnter(true)" :class="isHover?'is-hover':''" @click="toRegister">注册</span>
</div>
</div>
</div>
</div>
</template>
......@@ -19,6 +17,7 @@ export default {
name: "Header",
data() {
return {
isHover: true,
system_logo: window.localStorage.getItem("system_logo"),
};
},
......@@ -30,49 +29,47 @@ export default {
toRegister() {
this.$router.replace({ name: "index-register" });
},
onMouserEnter(val){
this.isHover = val;
},
},
};
</script>
<style lang="scss" scoped>
.flex {
display: flex;
}
.Header {
font-family: PingFangSC-Medium, PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
.H_content {
justify-content: center;
.cc {
width: 100%;
justify-content: space-around;
@import "a/scss/common";
.Header {
font-family: PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
.H_content {
height: 100%;
display: flex;
flex-flow: row;
align-items: center;
div {
flex-direction: column;
justify-content: space-between;
.image img {
width: 318px;
height: 62px;
}
.right {
span {
font-size: 15px;
font-weight: 500;
color: #666666;
line-height: 21px;
padding: 10px 36px;
border-radius: 4px;
border: 2px solid transparent;
&:last-child {
margin-left: 10px;
}
&.is-hover{
cursor: pointer;
color: var(--color);
border-color: var(--color);
}
}
}
}
}
.image img {
width: 318px;
height: 62px;
}
.right {
span {
font-size: 15px;
font-weight: 500;
color: #666666;
line-height: 21px;
}
:last-child {
font-weight: 500;
color: var(--color);
line-height: 21px;
padding: 10px 36px;
border-radius: 4px;
border: 2px solid var(--color);
margin-left: 50px;
}
}
}
</style>
src/components/index/SignUp/Header.vue
View file @ c0d40e50
<template>
<div class="Header">
<div class="H_content flex">
<div class="cc flex">
<div class="image" @click="toRecruit">
<img :src="system_logo" alt="" />
</div>
<div class="right">
<el-dropdown @command="handleCommand" trigger="click">
<div class="el-dropdown-link flex">
<div>
<img src="@/assets/img/default.svg" class="img_user" />
</div>
<div style="line-height: 64px">
<span class="phone">{{ phone }}</span>
<i class="el-icon-arrow-down el-icon--right"></i>
</div>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="H_content com-container">
<div class="image" @click="toRecruit">
<img :src="system_logo" alt=""/>
</div>
<div class="right">
<el-dropdown @command="handleCommand" trigger="click">
<div class="el-dropdown-link">
<img src="@/assets/img/default.svg" class="img_user"/>
<span class="phone">{{ phone }}</span>
<i class="el-icon-arrow-down el-icon--right"></i>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</div>
</template>
<script>
/* eslint-disable */
import { logout } from "r/index/login";
export default {
name: "Header",
data() {
return {
phone: window.localStorage.getItem("phone"),
system_logo: window.localStorage.getItem("system_logo"),
};
},
methods: {
handleCommand(command) {
if (command == 1) {
this.logout();
}
},
// 退出
async logout() {
const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
closeOnClickModal: false,
type: "warning",
}).catch((err) => err);
if (confirmResult !== "confirm")
return this.$message.info("您取消了退出");
/* eslint-disable */
import {logout} from "r/index/login";
await logout({});
// if (res.code !== 200) return this.$message.error(res.message);
// 清除本地的 token
window.localStorage.clear();
this.$store.state.token = "";
// 使用编程式导航跳转到登录页面
this.$router.replace({ name: "recruit" });
export default {
name: "Header",
data() {
return {
phone: window.localStorage.getItem("phone"),
system_logo: window.localStorage.getItem("system_logo"),
};
},
// 点击图片跳转到招生简章页面
toRecruit() {
// 清除本地的 token
window.localStorage.clear();
this.$store.state.token = "";
this.$router.replace({ name: "recruit" });
methods: {
handleCommand(command) {
if (command == 1) {
this.logout();
}
},
// 退出
async logout() {
const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
closeOnClickModal: false,
type: "warning",
}).catch((err) => err);
if (confirmResult !== "confirm")
return this.$message.info("您取消了退出");
await logout({});
// if (res.code !== 200) return this.$message.error(res.message);
// 清除本地的 token
window.localStorage.clear();
this.$store.state.token = "";
// 使用编程式导航跳转到登录页面
this.$router.replace({name: "recruit"});
},
// 点击图片跳转到招生简章页面
toRecruit() {
// 清除本地的 token
window.localStorage.clear();
this.$store.state.token = "";
this.$router.replace({name: "recruit"});
},
},
},
};
};
</script>
<style lang="scss" scoped>
.flex {
display: flex;
}
.Header {
font-family: PingFangSC-Medium, PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
.H_content {
justify-content: center;
.cc {
width: 100%;
justify-content: space-around;
}
}
<style lang="scss" scoped>
@import "a/scss/common";
.image img {
width: 318px;
height: 62px;
cursor: pointer;
}
.right {
.el-dropdown {
float: right;
&:hover {
cursor: pointer;
}
.img_user {
width: 34px;
height: 34px;
background-color: #d8d8d8;
border-radius: 50%;
float: left;
margin: 15px 0 0 0;
}
.phone {
margin: 0 10px 0 12px;
.Header {
font-family: PingFang SC;
height: 80px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
.H_content {
height: 100%;
display: flex;
flex-flow: row;
align-items: center;
justify-content: space-between;
.image img {
width: 318px;
height: 62px;
}
}
}
::v-deep .el-dropdown-menu__item {
padding: 0 26 px !important;
}
::v-deep .el-dropdown-item {
display: inline-block;
}
.right {
height: 80px;
::v-deep .el-dropdown-menu__item:hover {
color: #ffffff;
background-color: var(--color);
}
::v-deep .el-dropdown {
height: 80px;
::v-deep .el-message-box {
width: 1000px !important;
.el-message-box__header {
.el-message-box__title {
color: red !important;
.el-dropdown-link {
height: 80px;
display: flex;
flex-flow: row;
align-items: center;
.img_user {
width: 34px;
height: 34px;
background-color: #d8d8d8;
border-radius: 50%;
}
.phone {
margin: 0 10px 0 12px;
}
}
&:hover {
cursor: pointer;
}
}
}
}
.el-button--primary {
color: #fff;
background-color: var(--color);
border-color: var(--color);
}
}
}
</style>
src/router/index.js
View file @ c0d40e50
......@@ -39,8 +39,8 @@ const routes = [{
import('v/index/camp/Index.vue'),
children: [...indexCamp]
}
]
const originalPush = VueRouter.prototype.push
......@@ -62,6 +62,11 @@ router.onError((error) => {
router.replace(targetPath)
}
})
// 页面跳转之后页面回滚到顶部
router.afterEach((to, from, next) => {
window.scrollTo(0, 0)
});
// router.beforeEach((to, from, next) => {
// // 记录上一页
// if (from) {
......
src/views/index/Index.vue
View file @ c0d40e50
......@@ -26,10 +26,10 @@ export default {
},
created() {
console.log('created')
},
methods: {
},
};
</script>
......
src/views/index/camp/Index.vue
View file @ c0d40e50
<template>
<div class="camp-index">
<Header> </Header>
<div class="content flex">
<div class="cc flex">
<el-header height="104px">
<Header></Header>
<div class="bg-top"></div>
</el-header>
<div class="com-container">
<div class="index-container">
<div class="camp_left">
<ul class="camp_left_box">
<ul class="camp_left_box" ref="leftBox" :class="{
'is-fixed':isPosition==1,
'is-absolute':isPosition==2,
}">
<li @click="ToSignUp" :class="type == 1 ? 'active' : ''">
<img src="@/assets/img/signUp/icon-bm.png" />营地报名
<img src="@/assets/img/signUp/icon-bm.png"/>营地报名
</li>
<li @click="ToHomework" :class="type == 2 ? 'active' : ''">
<img src="@/assets/img/signUp/icon-zs.png" />营地作业
<img src="@/assets/img/signUp/icon-zs.png"/>营地作业
</li>
<li @click="ToCertificate" :class="type == 3 ? 'active' : ''">
<img src="@/assets/img/signUp/icon-zy.png" />营地证书
<img src="@/assets/img/signUp/icon-zy.png"/>营地证书
</li>
</ul>
</div>
<div class="camp_right">
<router-view />
<div class="camp_right" ref="rightBox">
<router-view/>
</div>
</div>
</div>
<Footer> </Footer>
<Footer></Footer>
</div>
</template>
<script>
/* eslint-disable */
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
export default {
name: "campIndex",
components: {
Header,
Footer,
},
data() {
return {
type: 1,
};
},
methods: {
ToSignUp() {
this.$router.replace({ name: "index-signUp" });
this.type = 1;
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
export default {
name: "campIndex",
components: {
Header,
Footer,
},
data() {
return {
type: 1,
isPosition: 0,// 左侧box是否浮动
pageYOffset: 0,// 左侧box浮动时，滚动的高度
scorllHeight: 0,// 最大滚动高度
};
},
mounted() {
window.addEventListener('scroll', this.handleScrollX, true);
},
ToHomework() {
this.$router.replace({ name: "index-homework" });
this.type = 2;
beforeDestroy() {
window.removeEventListener('scroll', this.handleScrollX, true);
},
ToCertificate() {
this.$router.replace({ name: "index-certificate" });
this.type = 3;
methods: {
// 页面滚动事件
handleScrollX() {
let top = document.documentElement.scrollTop || document.body.scrollTop;
let refLeft = this.$refs['leftBox'];
let refRight = this.$refs['rightBox'];
if (top > 0) {
if (this.isPosition == 0) {
this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight;
}
this.isPosition = 1;
}else{
if(this.isPosition = 1){
this.isPosition = 0;
}
}
if (top >= this.scorllHeight) {
if (this.isPosition == 1) {
this.isPosition = 2;
}
}else if(top < this.scorllHeight) {
if (this.isPosition == 2) {
this.isPosition = 1;
}
}
},
ToSignUp() {
this.$router.replace({name: "index-signUp"});
this.type = 1;
},
ToHomework() {
this.$router.replace({name: "index-homework"});
this.type = 2;
},
ToCertificate() {
this.$router.replace({name: "index-certificate"});
this.type = 3;
},
},
},
};
};
</script>
<style lang="scss" scoped>
.camp-index {
background: #f8f8f8;
.content {
justify-content: center;
.cc {
width: 60%;
justify-content: space-around;
// align-items: center;
margin: 30px 0 50px 0;
}
}
.tab {
width: 280px;
height: 320px;
background: #ffffff;
position: relative;
top: 0;
// position: relative;
// top: -544px;
li {
height: 52px;
background: #f8f8f8;
}
}
@import "a/scss/common";
.camp_left {
position: relative;
width: 24%;
max-width: 280px;
min-width: 240px;
/*height: 340px;*/
border-radius: 8px;
margin-right: 30px;
.camp_left_box {
max-width: 280px;
min-width: 240px;
height: 300px;
.camp-index {
background: #f8f8f8;
.el-header {
position: fixed;
width: 100%;
padding: 0;
background-color: #ffffff;
border-radius: 8px;
padding: 20px 0;
margin: 0;
&.is-fixed {
position: fixed;
top: 92px;
width: 24%;
max-width: 280px;
min-width: 240px;
}
&.is-absolute {
position: absolute;
bottom: 0;
width: 100%;
z-index: 10000;
.bg-top {
height: 24px;
background-color: #f8f8f8;
}
li {
}
.index-container {
padding: 104px 0 70px 0;
display: flex;
flex-flow: row;
.camp_left {
position: relative;
padding: 0 23px;
height: 44px;
line-height: 44px;
margin: 10px 0;
font-size: 15px;
list-style: none;
img {
vertical-align: middle;
margin: -3px 8px 0 0;
width: 20px;
}
width: 24%;
max-width: 280px;
min-width: 200px;
border-radius: 8px;
margin-right: 24px;
.camp_left_box {
max-width: 280px;
min-width: 200px;
height: 300px;
background-color: #ffffff;
border-radius: 8px;
padding: 20px 0;
margin: 0;
&.active,
&:hover {
cursor: pointer;
background-color: #F8F8F8;
// border-right: 4px solid #3c0664;
&.is-fixed {
position: fixed;
top: 104px;
width: 14.4%;
max-width: 280px;
min-width: 216px;
}
&.is-absolute {
position: absolute;
bottom: 0;
width: 100%;
}
li {
position: relative;
padding: 0 23px;
height: 44px;
line-height: 44px;
margin: 10px 0;
font-size: 15px;
list-style: none;
img {
vertical-align: middle;
margin: -3px 8px 0 0;
width: 20px;
}
&.active,
&:hover {
cursor: pointer;
background-color: #F8F8F8;
}
}
}
}
.camp_right {
flex: 1;
border-radius: 8px;
background-color: #ffffff;
}
}
}
}
</style>
src/views/index/camp/SignUp.vue
View file @ c0d40e50
......@@ -146,8 +146,8 @@ export default {
}
.signUp {
background: #ffffff;
width: 856px;
/*background: #ffffff;*/
/*width: 856px;*/
.signUp_titile {
font-size: 24px;
font-weight: 500;
......
src/views/index/login/Index.vue
View file @ c0d40e50
<template>
<div class="login-index">
<div class="ConDivContent_bg">
<router-view />
<div class="big-img">
<img :src="bigImg" />
</div>
<div class="big-right">
<div class="info-box">
<router-view />
</div>
</div>
</div>
</template>
<script>
/* eslint-disable */
export default {
name: "loginIndex",
data() {
return {
bigImg: window.localStorage.getItem('bk_pic')
};
},
created() {
this.$emit("getStatus", false);
let bk_pic = window.localStorage.getItem('bk_pic');
if(bk_pic){
this.bigImg = bk_pic;
}
},
methods: {
this.$emit("getStatus", false);
},
};
</script>
<style scoped lang="scss">
.login-index {
// height: 1080px;
position: relative;
min-width: 1104px;
background: #f8f8f8;
.ConDivContent_bg {
height: 1080px;
background: url("../../../assets/img/login/left@2x.png") no-repeat;
background-size: 100% 100%;
width: 30%;
display: flex;
flex-flow: row;
.big-img{
width: (500/1920*100%);
min-width: 350px;
/*height: 100%;*/
img{
width: 100%;
/*height: 100%;*/
}
}
.big-right{
flex: 1;
position: relative;
.info-box{
width: 520px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
// @media screen and (max-width: 1600px) {
// .ConDivContent_bg {
// max-height: 600px;
// }
// }
}
</style>
src/views/index/login/Login.vue
View file @ c0d40e50
<template>
<div>
<div style="border: none">
<div class="container">
<div class="title">账号密码登录</div>
<div class="line"></div>
......@@ -59,12 +57,9 @@
</div>
</el-form>
</div>
</div>
</div>
</template>
<script>
/* eslint-disable */
import { login } from "r/index/login";
import { mobileCheck } from "@/common/utils.js";
......@@ -128,9 +123,9 @@ export default {
},
],
},
};
},
created() {
......@@ -175,7 +170,7 @@ export default {
);
// 跳转到报名
this.$router.push({ path: "/signUp/examInfo" });
});
});
},
......@@ -184,109 +179,12 @@ export default {
</script>
<style scoped lang="scss">
// 内容区域
.box_content {
.content {
max-width: 1150px;
margin: 40px auto;
padding: 0 50px;
overflow: auto;
.floatL {
float: left;
width: 670px;
h3 {
font-size: 20px;
color: #4c4c4c;
font-weight: inherit;
padding-bottom: 15px;
margin-bottom: 23px;
border-bottom: 4px solid #e0823d;
}
ul {
li {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ddd;
a {
display: inline-block;
width: 100%;
font-size: 16px;
color: #34538b;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
.ContentLReg {
height: 60px;
color: #333333;
font-size: 14px;
span {
cursor: pointer;
color: #563279;
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.img_box {
width: 100%;
height: 156px;
text-align: center;
img {
&:nth-child(1) {
margin-right: 40px;
}
}
}
}
.floatR {
float: right;
width: 374px;
ul {
margin-top: 36px;
margin-left: 87px;
li {
font-size: 16px;
width: 100%;
height: 45px;
line-height: 45px;
padding-left: 70px;
margin-bottom: 35px;
// &:nth-child(1) {
// background: url("../../../assets/images/weidu.png") no-repeat 0px
// center;
// }
// &:nth-child(2) {
// background: url("../../../assets/images/fangshi.png") no-repeat 0px
// center;
// }
// &:nth-child(3) {
// background: url("../../../assets/images/xingtai.png") no-repeat 0px
// center;
// }
}
}
}
}
}
.container {
width: 440px;
// height: 640px;
background: #ffffff;
box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
border-radius: 8px;
position: absolute;
top: 50%;
right: 18%;
// left: 10%;
transform: translate(0, -50%);
padding: 60px;
padding: 40px 60px;
margin-top: 0;
// background: url("../../../assets/images/loginbgp.png") no-repeat 0 center;
overflow: hidden;
.title {
margin: 19px 0 6px 0;
......@@ -385,19 +283,4 @@ export default {
}
}
}
@media screen and (max-width: 1601px) {
.container {
right: 18%;
}
}
@media screen and (max-width: 1501px) {
.container {
right: 16%;
}
}
@media screen and (max-width: 1401px) {
.container {
right: 14%;
}
}
</style>
src/views/index/login/Register.vue
View file @ c0d40e50
......@@ -276,121 +276,13 @@ export default {
</script>
<style scoped lang="scss">
// 内容区域
.box_content {
.content {
max-width: 1150px;
margin: 40px auto;
padding: 0 50px;
overflow: auto;
.floatL {
float: left;
width: 670px;
h3 {
font-size: 20px;
color: #4c4c4c;
font-weight: inherit;
padding-bottom: 15px;
margin-bottom: 23px;
border-bottom: 4px solid #e0823d;
}
ul {
li {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ddd;
a {
display: inline-block;
width: 100%;
font-size: 16px;
color: #34538b;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
.ContentLReg {
height: 60px;
color: #333333;
font-size: 14px;
span {
cursor: pointer;
color: #563279;
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.img_box {
width: 100%;
height: 156px;
text-align: center;
img {
&:nth-child(1) {
margin-right: 40px;
}
}
}
}
.floatR {
float: right;
width: 374px;
ul {
margin-top: 36px;
margin-left: 87px;
li {
font-size: 16px;
width: 100%;
height: 45px;
line-height: 45px;
padding-left: 70px;
margin-bottom: 35px;
// &:nth-child(1) {
// background: url("../../../assets/images/weidu.png") no-repeat 0px
// center;
// }
// &:nth-child(2) {
// background: url("../../../assets/images/fangshi.png") no-repeat 0px
// center;
// }
// &:nth-child(3) {
// background: url("../../../assets/images/xingtai.png") no-repeat 0px
// center;
// }
}
}
}
}
}
// 注册输入
.container {
width: 440px;
// height: 640px;
background: #ffffff;
box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
border-radius: 8px;
position: absolute;
top: 50%;
right: 18%;
transform: translate(0, -50%);
padding: 60px;
padding: 40px 60px;
margin-top: 0;
overflow: hidden;
......
src/views/index/login/Reset.vue
View file @ c0d40e50
......@@ -268,121 +268,13 @@ export default {
</script>
<style scoped lang="scss">
// 内容区域
.box_content {
.content {
max-width: 1150px;
margin: 40px auto;
padding: 0 50px;
overflow: auto;
.floatL {
float: left;
width: 670px;
h3 {
font-size: 20px;
color: #4c4c4c;
font-weight: inherit;
padding-bottom: 15px;
margin-bottom: 23px;
border-bottom: 4px solid #e0823d;
}
ul {
li {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ddd;
a {
display: inline-block;
width: 100%;
font-size: 16px;
color: #34538b;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
.ContentLReg {
height: 60px;
color: #333333;
font-size: 14px;
span {
cursor: pointer;
color: #563279;
font-weight: bold;
&:hover {
text-decoration: underline;
}
}
}
.img_box {
width: 100%;
height: 156px;
text-align: center;
img {
&:nth-child(1) {
margin-right: 40px;
}
}
}
}
.floatR {
float: right;
width: 374px;
ul {
margin-top: 36px;
margin-left: 87px;
li {
font-size: 16px;
width: 100%;
height: 45px;
line-height: 45px;
padding-left: 70px;
margin-bottom: 35px;
// &:nth-child(1) {
// background: url("../../../assets/images/weidu.png") no-repeat 0px
// center;
// }
// &:nth-child(2) {
// background: url("../../../assets/images/fangshi.png") no-repeat 0px
// center;
// }
// &:nth-child(3) {
// background: url("../../../assets/images/xingtai.png") no-repeat 0px
// center;
// }
}
}
}
}
}
// 注册输入
.container {
width: 440px;
// height: 640px;
background: #ffffff;
box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
border-radius: 8px;
position: absolute;
top: 50%;
right: 18%;
transform: translate(0, -50%);
padding: 60px;
padding: 40px 60px;
margin-top: 0;
overflow: hidden;
......
src/views/index/recruit/Index.vue
View file @ c0d40e50
This diff is collapsed.
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