1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- @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;
- }
|