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.
175 lines
3.4 KiB
175 lines
3.4 KiB
page { |
|
color: $u-main-color; |
|
font-size: 28rpx; |
|
} |
|
|
|
/* start--去除webkit的默认样式--start */ |
|
.u-fix-ios-appearance { |
|
-webkit-appearance:none; |
|
} |
|
/* end--去除webkit的默认样式--end */ |
|
|
|
/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */ |
|
.u-icon-wrap { |
|
display: flex; |
|
align-items: center; |
|
} |
|
/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */ |
|
|
|
/* start--iPhoneX底部安全区定义--start */ |
|
.safe-area-inset-bottom { |
|
padding-bottom: 0; |
|
padding-bottom: constant(safe-area-inset-bottom); |
|
padding-bottom: env(safe-area-inset-bottom); |
|
} |
|
/* end-iPhoneX底部安全区定义--end */ |
|
|
|
/* start--各种hover点击反馈相关的类名-start */ |
|
.u-hover-class { |
|
// background-color: #f7f8f9!important; |
|
opacity: 0.6; |
|
} |
|
|
|
.u-cell-hover { |
|
background-color: #f7f8f9!important; |
|
} |
|
/* end--各种hover点击反馈相关的类名--end */ |
|
|
|
/* start--文本行数限制--start */ |
|
.u-line-1 { |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
|
|
.u-line-2 { |
|
-webkit-line-clamp: 2; |
|
} |
|
|
|
.u-line-3 { |
|
-webkit-line-clamp: 3; |
|
} |
|
|
|
.u-line-4 { |
|
-webkit-line-clamp: 4; |
|
} |
|
|
|
.u-line-5 { |
|
-webkit-line-clamp: 5; |
|
} |
|
|
|
.u-line-2, .u-line-3, .u-line-4, .u-line-5 { |
|
overflow: hidden; |
|
word-break: break-all; |
|
text-overflow: ellipsis; |
|
display: -webkit-box; // 弹性伸缩盒 |
|
-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式 |
|
} |
|
|
|
/* end--文本行数限制--end */ |
|
|
|
|
|
/* start--Retina 屏幕下的 1px 边框--start */ |
|
.u-border, |
|
.u-border-bottom, |
|
.u-border-left, |
|
.u-border-right, |
|
.u-border-top, |
|
.u-border-top-bottom { |
|
position: relative |
|
} |
|
|
|
.u-border-bottom:after, |
|
.u-border-left:after, |
|
.u-border-right:after, |
|
.u-border-top-bottom:after, |
|
.u-border-top:after, |
|
.u-border:after { |
|
/* #ifndef APP-NVUE */ |
|
content: ' '; |
|
/* #endif */ |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
pointer-events: none; |
|
box-sizing: border-box; |
|
-webkit-transform-origin: 0 0; |
|
transform-origin: 0 0; |
|
// 多加0.1%，能解决有时候边框缺失的问题 |
|
width: 199.8%; |
|
height: 199.7%; |
|
transform: scale(0.5, 0.5); |
|
border: 0 solid $u-border-color; |
|
z-index: 2; |
|
} |
|
|
|
.u-border-top:after { |
|
border-top-width: 1px |
|
} |
|
|
|
.u-border-left:after { |
|
border-left-width: 1px |
|
} |
|
|
|
.u-border-right:after { |
|
border-right-width: 1px |
|
} |
|
|
|
.u-border-bottom:after { |
|
border-bottom-width: 1px |
|
} |
|
|
|
.u-border-top-bottom:after { |
|
border-width: 1px 0 |
|
} |
|
|
|
.u-border:after { |
|
border-width: 1px |
|
} |
|
/* end--Retina 屏幕下的 1px 边框--end */ |
|
|
|
|
|
/* start--clearfix--start */ |
|
.u-clearfix:after, |
|
.clearfix:after { |
|
/* #ifndef APP-NVUE */ |
|
content: ''; |
|
/* #endif */ |
|
display: table; |
|
clear: both |
|
} |
|
/* end--clearfix--end */ |
|
|
|
/* start--高斯模糊tabbar底部处理--start */ |
|
.u-blur-effect-inset { |
|
width: 750rpx; |
|
height: var(--window-bottom); |
|
background-color: #FFFFFF; |
|
} |
|
/* end--高斯模糊tabbar底部处理--end */ |
|
|
|
/* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */ |
|
/* #ifdef H5 */ |
|
uni-toast { |
|
z-index: 10090; |
|
} |
|
uni-toast .uni-toast { |
|
z-index: 10090; |
|
} |
|
/* #endif */ |
|
/* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */ |
|
|
|
/* start--去除button的所有默认样式--start */ |
|
.u-reset-button { |
|
padding: 0; |
|
font-size: inherit; |
|
line-height: inherit; |
|
background-color: transparent; |
|
color: inherit; |
|
} |
|
|
|
.u-reset-button::after { |
|
border: none; |
|
} |
|
/* end--去除button的所有默认样式--end */ |
|
|
|
|