vue-iscroll-list
Version:
A Vue.js project
92 lines (80 loc) • 2.16 kB
CSS
/* 全局body背景 */
body {
background-color: #efeff4;
font-family: 'Helvetica', 'PingFang SC Regular', '华文细黑' ;
}
/*h3 h4标签清除字体加粗样式*/
h3,h4{
font-weight: normal;
}
/* 一般添加到body上,以禁止页面滑动 */
.scroll-forbid {
width: 100%;
position: fixed ;
}
/* 滚动条 */
.scroll-x {
overflow-y: hidden;
}
.scroll-y {
overflow-x: hidden;
}
/*************************************************************
* 原子类
*************************************************************/
.blod { font-family: 'Helvetica', 'PingFang SC Medium', '华文细黑'; }
.ml0 { margin-left: 0px ; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }
.mt20 { margin-top: 20px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pt10 { padding-top: 10px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.pt15 { padding-top: 15px; }
.mt40 { margin-top: 40px; }
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; }
.fr { float: right; }
.font-color-666 { color: #666; }
.font-color-999 { color: #999; }
.font-color-fff { color: #fff; }
.font-color-link { color: #419bf9; }
.number-font { font-family: "Helvetica" ;}
.light-color { color: #ff8200; }
.circle { border-radius: 50%; overflow: hidden; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.clearfix:after {
content: '';
display: block;
clear: both;
}
.mask {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
outline: 0;
-webkit-overflow-scrolling: touch;
background-color: rgb(0, 0, 0);
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, 0.6);
z-index: 15;
}