123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- .u-block{
- padding: 14px;
- &__section{
- margin-bottom:10px;
- }
- &__title {
- margin-top:10px;
- font-size: 15px;
- color: $u-content-color;
- margin-bottom:10px;
- }
- &__flex{
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- }
- }
- // 使用了cell组件的icon图片样式
- .u-cell-icon {
- width: 36rpx;
- height: 36rpx;
- margin-right: 8rpx;
- }
- .u-page {
- padding: 15px 15px 40px 15px;
- }
- .u-demo-block {
- flex: 1;
- margin-bottom: 23px;
-
- &__content {
- @include flex(column);
- }
-
- &__title {
- font-size: 14px;
- color: rgb(143, 156, 162);
- margin-bottom: 8px;
- @include flex;
- }
- }
- .bg-blue {
- background-color: #0081ff !important;
- color: #ffffff;
- }
- .bg-blue_default {
- background-color: #36a7f3 !important;
- color: #ffffff;
- }
- .u-form{
- padding-top: 25rpx;
- padding-left: 30rpx;
- padding-right: 30rpx;
- }
- .padding-xl {
- padding: 50upx;
- }
- .lines-gray {
- color: #aaaaaa;
- }
- .text-sm {
- font-size: 22upx;
- }
- .ellipsis-description {
- font-size: 22upx;
- display: -webkit-box;/*作为弹性伸缩盒子模型显示*/
- -webkit-line-clamp: 1; /*显示的行数;如果要设置2行加...则设置为2*/
- overflow: hidden; /*超出的文本隐藏*/
- text-overflow: ellipsis; /* 溢出用省略号*/
- -webkit-box-orient: vertical;/*伸缩盒子的子元素排列:从上到下*/
- }
- .text-bold {
- font-weight: bold;
- }
- .text-center {
- text-align: center;
- }
- uni-button.buttonBox {
- border-radius: 0 !important;
-
- }
- uni-button.buttonBox:after {
- border-radius: 0 !important;
- }
- .bottom-wrap{
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- background: rgba(0,0,0,.50);
- -webkit-box-shadow: 0 -3px 5px 0 rgba(0,0,0,.12);
- box-shadow: 0 -3px 5px 0 rgba(0,0,0,.12);
- z-index: 999;
- }
- .flex {
- display: flex;
- }
- .flex-sub {
- flex: 1;
- }
|