Skip to content

肖康 / cloudSystem

Go to a project
Commit 5a67727f by liangjianmin
Options

css

parent 0961ec19
Inline Side-by-side
Showing with 365 additions and 35 deletions
src/assets/css/login/index.less 0 → 100644
.user-box {
.head-box {
height: 80px;
background: #FFFFFF;
.head-wrap {
width: 1190px;
margin: 0 auto;
.logo {
width: 81px;
height: 39px;
img {
width: 81px;
height: 39px;
}
}
.text {
.t1 {
font-size: 14px;
color: #333333;
line-height: 19px;
margin-bottom: 4px;
}
.t2 {
font-size: 12px;
color: #666666;
}
}
}
}
}
\ No newline at end of file
src/assets/css/login/index.min.css 0 → 100644
.user-box .head-box {
height: 80px;
background: #FFFFFF;
}
.user-box .head-box .head-wrap {
width: 1190px;
margin: 0 auto;
}
.user-box .head-box .head-wrap .logo {
width: 81px;
height: 39px;
}
.user-box .head-box .head-wrap .logo img {
width: 81px;
height: 39px;
}
.user-box .head-box .head-wrap .text .t1 {
font-size: 14px;
color: #333333;
line-height: 19px;
margin-bottom: 4px;
}
.user-box .head-box .head-wrap .text .t2 {
font-size: 12px;
color: #666666;
}
/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
src/assets/css/login/index.min.css.map 0 → 100644
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,SACE;EACE,YAAA;EACA,mBAAA;;AAHJ,SACE,UAGE;EACE,aAAA;EACA,cAAA;;AANN,SACE,UAGE,WAIE;EACE,WAAA;EACA,YAAA;;AAVR,SACE,UAGE,WAIE,MAIE;EACE,WAAA;EACA,YAAA;;AAdV,SACE,UAGE,WAcE,MACE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;;AAvBV,SACE,UAGE,WAcE,MAQE;EACE,eAAA;EACA,cAAA","file":"index.min.css"}
\ No newline at end of file
src/assets/css/public/common.less
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html * {
outline: 0;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body, body,
dl, dl,
dt, dt,
...@@ -9,12 +20,11 @@ pre, ...@@ -9,12 +20,11 @@ pre,
form, form,
input, input,
p, p,
th, th,
td { td {
font-weight: 400; font-weight: 400;
margin : 0; margin: 0;
padding : 0; padding: 0;
} }
h1, h1,
...@@ -23,58 +33,129 @@ h3, ...@@ -23,58 +33,129 @@ h3,
h4, h4,
h4, h4,
h5 { h5 {
margin : 0; margin: 0;
padding: 0; padding: 0;
} }
body { body {
background-color: #f1f4fa; background-color: #f1f4fa;
color : #333; color: #333;
font-family : "微软雅黑"; font-family: "微软雅黑";
font-size : 12px; font-size: 12px;
text-align : left; text-align: left;
} }
select { select {
font-size: 12px; font-size: 12px;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
} }
img { img {
border: 0 none; border: 0 none;
} }
em, em,
strong, strong,
th, th,
i { i {
font-style : normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
ol, ol,
ul { ul {
list-style-image : none; list-style-image: none;
list-style-position: outside; list-style-position: outside;
list-style-type : none; list-style-type: none;
} }
caption, caption,
th { th {
text-align: left; text-align: left;
}
a {
text-decoration: none;
transition: color 0.2s ease;
}
img {
border: none;
}
em {
font-style: normal;
}
.clr {
zoom: 1;
}
.clr:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.fl {
float: left;
_display: inline;
} }
.fr {
float: right;
_display: inline;
}
.lineBlock {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
}
.emptys {
margin-left: -1px;
width: 1px;
height: 100%;
font-size: 0;
vertical-align: middle;
}
.va-t {
vertical-align: top;
}
.va-m {
vertical-align: middle;
}
.va-b {
vertical-align: bottom;
}
/**element-ui 样式重写**/ /**element-ui 样式重写**/
.el-message--info{ .el-message--info {
min-width:auto!important; min-width: auto !important;
border:0px!important; border: 0px !important;
background: rgba(0,0,0,0.4)!important; background: rgba(0, 0, 0, 0.4) !important;
.el-icon-info{
display: none; .el-icon-info {
} display: none;
.el-message__content{ }
color:#fff!important;
} .el-message__content {
color: #fff !important;
}
} }
\ No newline at end of file
src/assets/css/public/common.min.css
body,dl,dt,dd,ul,ol,li,pre,form,input,p,th,td{font-weight:400;margin:0;padding:0}h1,h2,h3,h4,h4,h5{margin:0;padding:0}body{background-color:#f1f4fa;color:#333;font-family:"微软雅黑";font-size:12px;text-align:left}select{font-size:12px}table{border-collapse:collapse}img{border:0 none}em,strong,th,i{font-style:normal;font-weight:400}ol,ul{list-style-image:none;list-style-position:outside;list-style-type:none}caption,th{text-align:left}.el-message--info{min-width:auto!important;border:0px!important;background:rgba(0,0,0,0.4) !important}.el-message--info .el-icon-info{display:none}.el-message--info .el-message__content{color:#fff !important} html {
\ No newline at end of file -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html * {
outline: 0;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
input,
p,
th,
td {
font-weight: 400;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h4,
h5 {
margin: 0;
padding: 0;
}
body {
background-color: #f1f4fa;
color: #333;
font-family: "微软雅黑";
font-size: 12px;
text-align: left;
}
select {
font-size: 12px;
}
table {
border-collapse: collapse;
}
img {
border: 0 none;
}
em,
strong,
th,
i {
font-style: normal;
font-weight: 400;
}
ol,
ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
caption,
th {
text-align: left;
}
a {
text-decoration: none;
transition: color 0.2s ease;
}
img {
border: none;
}
em {
font-style: normal;
}
.clr {
zoom: 1;
}
.clr:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.fl {
float: left;
_display: inline;
}
.fr {
float: right;
_display: inline;
}
.lineBlock {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
}
.emptys {
margin-left: -1px;
width: 1px;
height: 100%;
font-size: 0;
vertical-align: middle;
}
.va-t {
vertical-align: top;
}
.va-m {
vertical-align: middle;
}
.va-b {
vertical-align: bottom;
}
/**element-ui 样式重写**/
.el-message--info {
min-width: auto !important;
border: 0px !important;
background: rgba(0, 0, 0, 0.4) !important;
}
.el-message--info .el-icon-info {
display: none;
}
.el-message--info .el-message__content {
color: #fff !important;
}
/*# sourceMappingURL=common.min.css.map */
\ No newline at end of file
src/assets/css/public/common.min.css.map 0 → 100644
{"version":3,"sources":["common.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,gBAAA;EACA,SAAA;EACA,UAAA;;AAGF;AACA;AACA;AACA;AACA;AACA;EACE,SAAA;EACA,UAAA;;AAGF;EACE,yBAAA;EACA,WAAA;EACA,aAAa,MAAb;EACA,eAAA;EACA,gBAAA;;AAGF;EACE,eAAA;;AAGF;EACE,yBAAA;;AAGF;EACE,cAAA;;AAGF;AACA;AACA;AACA;EACE,kBAAA;EACA,gBAAA;;AAGF;AACA;EACE,sBAAA;EACA,4BAAA;EACA,qBAAA;;AAGF;AACA;EACE,gBAAA;;AAGF;EACE,qBAAA;EACA,2BAAA;;AAGF;EACE,YAAA;;AAGF;EACE,kBAAA;;AAGF;EACE,OAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;;AAIF;EACE,0BAAA;EACA,sBAAA;EACA,8BAAA;;AAHF,iBAKE;EACE,aAAA;;AANJ,iBASE;EACE,WAAA","file":"common.min.css"}
\ No newline at end of file
src/router/index.js
import Vue from 'vue' import Vue from 'vue'
import VueRouter from 'vue-router' import VueRouter from 'vue-router'
Vue.use(VueRouter)
Vue.use(VueRouter);
const routes = [ const routes = [
//首页 //首页
{ {
...@@ -12,13 +14,22 @@ const routes = [ ...@@ -12,13 +14,22 @@ const routes = [
}, },
component: () => import('../views/Index/index.vue') component: () => import('../views/Index/index.vue')
}, },
{
path: '/login',
name: 'Login',
meta: {
title: '猎芯网 - 云芯系统登录',
back: true
},
component: () => import('../views/User/login.vue')
},
/**错误页面重定向到首页**/ /**错误页面重定向到首页**/
{ {
path: '*', path: '*',
redirect: '/', redirect: '/',
} }
] ]
const router = new VueRouter({ const router = new VueRouter({
......
src/views/User/login.vue 0 → 100644
<template>
<div class="user-box">
<div class="head-box">
<div class="head-wrap">
<a href="" class="logo">
<img src="../../assets/images/logo.png" alt=""/>
</a>
<div class="text">
<p class="t1">云芯商家</p>
<p class="t2">连接终端需求</p>
</div>
</div>
</div>
</div>
</template>
<script>
import Vue from 'vue';
export default {
name: "index",
data() {
return {};
},
watch: {},
created() {
},
computed: {},
methods: {}
};
</script>
<style scoped>
@import "../../assets/css/login/index.min.css";
</style>
\ No newline at end of file
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 sign in to comment