You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
zhishifufei_uniapp/static/style/base.scss

137 lines
2.2 KiB

// #ifdef MP
input {
min-height: auto;
}
// #endif
.fixed {
position: fixed;
}
.flex {
display: flex;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-column {
flex-flow: column;
}
.flex-right {
justify-content: flex-end;
}
.flex-center {
justify-content: center;
align-items: center;
}
.flex-center-x {
align-items: center;
}
.flex-center-y {
justify-content: center;
}
.flex-between {
justify-content: space-between;
}
.flex-auto {
flex: 1;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.pos {
position: relative;
}
.abs {
position: absolute;
}
.sticky {
position: -webkit-sticky;
position: sticky;
}
.full {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.scroll-view_H {
white-space: nowrap;
width: 100%;
}
/*每个页面公共css */
/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN || APP-PLUS */
::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
color: transparent;
}
/* #endif */
/* 解决H5 的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
/* 隐藏滚动条,但依旧具备可以滚动的功能 */
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
color: transparent;
}
.swiper-wrapper::-webkit-scrollbar {
/* 隐藏滚动条,但依旧具备可以滚动的功能 */
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
color: transparent;
}
/* #endif */
::-webkit-input-placeholder {
color: #ccc;
font-size: 26rpx;
}
:-moz-placeholder {
color: #ccc;
font-size: 26rpx;
}
::-moz-placeholder {
color: #ccc;
font-size: 26rpx;
}
:-ms-input-placeholder {
color: #ccc;
font-size: 26rpx;
}
.more {
width: 14rpx;
height: 14rpx;
border-width: 2px 2px 0 0;
border-color: #ccc;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
vertical-align: top;
margin-left: auto;
}