@import 'reset';
@import 'var';
html,
body,
#app {
width: 100%;
height: 100%;
// overflow: hidden;
}
body {
min-width: 320px;
// font-family: Arial;
}
// #app {
// position: relative;
// }
.cover-img {
width: 100%;
height: 100%;
object-fit: cover;
}
//浮动
.fl {
float: left;
}
.fr {
float: right;
}
.pointer {
cursor: pointer;
}
.hover {
color: @text_color;
cursor: pointer;
&:hover {
color: @text_color_active;
}
}
.text-left {
text-align: left;
}
.clearfix {
&:after {
display: block;
content: '';
clear: both;
}
}
//滚动条
::-webkit-scrollbar {
/*滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等*/
background-color: rgba(0, 0, 0, 0.3);
width: 5px; //纵向滚动条
border-radius: 10px;
}
::-webkit-scrollbar-button {
/*滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/
display: none;
}
::-webkit-scrollbar-track {
/*外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/
display: none;
//background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
}
::-webkit-scrollbar-track-piece {
/*内层轨道,滚动条中间部分(除去)。*/
//background-color: rgba(255, 255, 255, .1);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面可以拖动的那部分*/
background-color: rgba(255, 255, 255, 0.5);
border-radius: 10px;
}
::-webkit-scrollbar-corner {
border-radius: 10px;
}
::-webkit-resizer {
/*定义右下角拖动块的样式*/
border-radius: 10px;
}