@black: #000;
@white: #fff;
@gray-1: #333;
@gray-2: #666;
@gray-3: #999;
@gray-4: #eee;
@gray-5: #f8f8f8;
@red: #E91010;
@yellow:#FB8D32;
@blue: #2E93FF;
@border-color: @gray-4;
@border-width-base: 1rpx;
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.fixed-bottom {
left: 0;
right: 0;
bottom: 0;
position: fixed;
}
.inline-block {
display: inline-block;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.autowrap {
word-wrap: break-word;
word-break: normal;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.over-hidden {
overflow: hidden !important;
}
.scroll-y {
overflow-y: auto;
}
.min100{
min-height: 100vh;
}
.w100{
width: 100%;
}
.h100{
height: 100%;
}
.line-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.line-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.flex {
justify-content: space-between;
display: flex;
align-items: center;
}
.flex_l {
justify-content: flex-start;
display: flex;
align-items: center;
}
.flex_r {
justify-content: flex-end;
display: flex;
align-items: center;
}
.center {
display: flex;
align-items: center;
justify-content: center;
}
.flex1 {
display: flex;
}
.flex-inline {
display: inline-flex;
}
.flex::before,
.flex::after,
.flex-inline::before,
.flex-inline::after {
display: none;
}
.flex-left {
justify-content: flex-start;
}
.flex-center {
justify-content: center;
}
.flex-right {
justify-content: flex-end;
}
.flex-between {
justify-content: space-between;
}
.flex-around {
justify-content: space-around;
}
.flex-stretch {
align-items: stretch;
}
.flex-top {
align-items: flex-start;
}
.flex-middle {
align-items: center;
}
.flex-bottom {
align-items: flex-end;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-column {
flex-direction: column;
}
.flex-column-reverse {
flex-direction: column-reverse;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
@import url(./theme.less);
@import url(./flex.wxss);
@colors: black, white, gray-1, gray-2, gray-3, gray-4, red, blue,yellow;
each(@colors, {
.@{
value} {
color: @@value;
}
});
each(@colors, {
.bg-@{
value} {
background-color: @@value;
}
});
each(range(10,100,2), {
.size-@{
value} {
font-size: @value*1rpx;
}
})
each(range(5,30,5), {
.radius-@{
value} {
border-radius: @value*1rpx;
}
})
each(range(100), {
.pd-@{
value}, .ptb-@{
value}, .pt-@{
value} {
padding-top: @value*1rpx; }
.pd-@{
value}, .ptb-@{
value}, .pb-@{
value} {
padding-bottom: @value*1rpx; }
.pd-@{
value}, .plr-@{
value}, .pl-@{
value} {
padding-left: @value*1rpx; }
.pd-@{
value}, .plr-@{
value}, .pr-@{
value} {
padding-right: @value*1rpx; }
.mg-@{
value}, .mtb-@{
value}, .mt-@{
value} {
margin-top: @value*1rpx; }
.mg-@{
value}, .mtb-@{
value}, .mb-@{
value} {
margin-bottom: @value*1rpx; }
.mg-@{
value}, .mlr-@{
value}, .ml-@{
value} {
margin-left: @value*1rpx; }
.mg-@{
value}, .mlr-@{
value}, .mr-@{
value} {
margin-right: @value*1rpx; }
})
each(range(12), {
.flex-@{
value} {
flex: @value;
}
});
.bg{
background-color:@gray-5;
}
.bold {
font-weight: 700;
}
.bt {
border-top: @border-width-base / 2 solid @border-color;
}
.br {
border-right: @border-width-base / 2 solid @border-color;
}
.bb {
border-bottom: @border-width-base / 2 solid @border-color;
}
.bl {
border-left: @border-width-base / 2 solid @border-color;
}
.border{
border: @border-width-base / 2 solid @border-color;
}
@import 'styles/index.wxss';
page{
box-sizing: border-box;
font-size: 30rpx;
--cell-large-title-font-size:15px;
--cell-large-value-font-size:14px;
}