/**
|
* Created by c.y on 2018-3-26
|
* 文件说明: 全局覆盖样式
|
*/
|
@import './mixin.less';
|
|
// 全局的渐变 背景颜色控制
|
#app .vux-header {
|
.color-linear-gradient(@color-gradient-darkBlue-left, @color-gradient-darkBlue-right) !important;
|
}
|
|
html {
|
font-family: @fontDefault;
|
height: 100%;
|
}
|
|
body {
|
height: 100%;
|
margin: 0;
|
}
|
|
.router-view {
|
width: 100%;
|
min-height: 100%;
|
box-sizing: border-box;
|
-webkit-overflow-scrolling: touch;
|
}
|
|
// 头部样式覆盖 ============== begin=====================
|
.header-common {
|
height: 44px;
|
|
line-height: 1;
|
}
|
|
.router-view .header-common {
|
padding: 0;
|
}
|
|
.router-view .header-common .vux-header-left .left-arrow {
|
top: -6px;
|
}
|
|
.router-view .gradient-color .vux-header-left .left-arrow:before {
|
border: 2px solid @color-white;
|
border-width: 2PX 0 0 2PX;
|
}
|
|
// 头部样式覆盖 ============== end=====================
|
|
.f-footer {
|
position: fixed;
|
left: 0;
|
bottom: 0;
|
width: 100%;
|
z-index: 1000;
|
.weui-tabbar {
|
background-color: @color-white;
|
}
|
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
|
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
|
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
|
color: @color-primary;
|
}
|
input::-webkit-input-placeholder {
|
color: @color-text-third !important; /* WebKit browsers */
|
}
|
}
|
|
/**
|
* iPad 3/4 portrait
|
*/
|
@media only screen
|
and (min-device-width: 768px)
|
and (max-device-width: 1024px)
|
and (orientation: portrait)
|
and (-webkit-min-device-pixel-ratio: 2) {
|
|
}
|
|
/**
|
* iPad 1/2 landscape & portrait
|
*/
|
@media only screen
|
and (min-device-width: 768Px)
|
and (max-device-width: 1024Px)
|
and (-webkit-min-device-pixel-ratio: 1) {
|
body .router-view {
|
.vux-header {
|
.vux-header-title {
|
height: 60px;
|
line-height: 60px;
|
font-size: 28px;
|
}
|
.vux-header-left {
|
.left-arrow:before {
|
width: 20px;
|
height: 20px;
|
margin-top: 3px;
|
}
|
}
|
}
|
.f-footer {
|
.weui-tabbar {
|
.iconfont {
|
position: relative;
|
right: 5px;
|
font-size: 36px;
|
}
|
.weui-tabbar__label span {
|
font-size: 18Px;
|
}
|
}
|
}
|
}
|
}
|
|
@media only screen
|
and (min-width: 1024Px)
|
and (max-width: 1366Px)
|
and (-webkit-min-device-pixel-ratio: 1) {
|
body .router-view {
|
.vux-header {
|
.vux-header-title {
|
height: 60px;
|
line-height: 60px;
|
font-size: 28px;
|
}
|
.vux-header-left {
|
.left-arrow:before {
|
width: 20px;
|
height: 20px;
|
margin-top: 3px;
|
}
|
}
|
}
|
.f-footer {
|
.weui-tabbar {
|
.iconfont {
|
position: relative;
|
right: 5px;
|
font-size: 36px;
|
}
|
.weui-tabbar__label span {
|
font-size: 18Px;
|
}
|
}
|
}
|
}
|
}
|
