Initial import: H5 front-end and houtai backend (exclude secrets and uploads).
Made-with: Cursor
This commit is contained in:
apple
19
h5/static/style/mixin/size.scss
Executable file
19
h5/static/style/mixin/size.scss
Executable file
@@ -0,0 +1,19 @@
|
||||
// 页面字体，按钮等字体大小
|
||||
page {
|
||||
font-size: $font-size-32;
|
||||
.b-btn.b-btn-md {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
.b-btn.b-btn-sm {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
.u-form .u-form-item {
|
||||
font-size: $font-size-32;
|
||||
}
|
||||
.u-form .u-input__textarea {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
.u-form .u-input__input {
|
||||
font-size: $font-size-30;
|
||||
}
|
||||
}
|
||||
80
h5/static/style/mixin/space.scss
Executable file
80
h5/static/style/mixin/space.scss
Executable file
@@ -0,0 +1,80 @@
|
||||
// 定义内外边距 1-80(可以等于80)之间的偶数(双数)（补充uview边距类）
|
||||
// 能被5除尽的1-80之间的数，如5，10，15，35等
|
||||
// u-padding-x == u-p-x
|
||||
// u-padding-left-x == u-p-l-x ...
|
||||
// u-margin-x == u-m-x
|
||||
// u-margin-left-x == u-m-l-x ...
|
||||
@for $i from 0 through 80 {
|
||||
// 只要双数和能被5除尽的数
|
||||
@if $i % 2 == 0 or $i % 5 == 0 {
|
||||
// 缩写版，结果如： u-m-l-30
|
||||
// 定义外边距
|
||||
.u-m-tb-#{$i} {
|
||||
margin-top: $i + rpx!important;
|
||||
margin-bottom: $i + rpx!important;
|
||||
}
|
||||
.u-m-lr-#{$i} {
|
||||
margin-left: $i + rpx!important;
|
||||
margin-right: $i + rpx!important;
|
||||
}
|
||||
// 定义内边距
|
||||
.u-p-tb-#{$i} {
|
||||
padding-top: $i + rpx!important;
|
||||
padding-bottom: $i + rpx!important;
|
||||
}
|
||||
// 定义内边距
|
||||
.u-p-lr-#{$i} {
|
||||
padding-left: $i + rpx!important;
|
||||
padding-right: $i + rpx!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// /* 间距大小 10rpx ~ 50rpx */
|
||||
// @for $i from 1 to 6{
|
||||
// .m-#{$i*10} {
|
||||
// margin: $i * 10rpx;
|
||||
// }
|
||||
// .mt-#{$i*10} {
|
||||
// margin-top: $i * 10rpx;
|
||||
// }
|
||||
// .ml-#{$i*10} {
|
||||
// margin-left: $i * 10rpx;
|
||||
// }
|
||||
// .mr-#{$i*10} {
|
||||
// margin-right: $i * 10rpx;
|
||||
// }
|
||||
// .mb-#{$i*10} {
|
||||
// margin-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .mlr-#{$i*10} {
|
||||
// margin-left: $i * 10rpx;
|
||||
// margin-right: $i * 10rpx;
|
||||
// }
|
||||
// .mtb-#{$i*10} {
|
||||
// margin-top: $i * 10rpx;
|
||||
// margin-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .pt-#{$i*10} {
|
||||
// padding-top: $i * 10rpx;
|
||||
// }
|
||||
// .pl-#{$i*10} {
|
||||
// padding-left: $i * 10rpx;
|
||||
// }
|
||||
// .pr-#{$i*10} {
|
||||
// padding-right: $i * 10rpx;
|
||||
// }
|
||||
// .pb-#{$i*10} {
|
||||
// padding-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .plr-#{$i*10} {
|
||||
// padding-left: $i * 10rpx;
|
||||
// padding-right: $i * 10rpx;
|
||||
// }
|
||||
// .ptb-#{$i*10} {
|
||||
// padding-top: $i * 10rpx;
|
||||
// padding-bottom: $i * 10rpx;
|
||||
// }
|
||||
// .p-#{$i*10} {
|
||||
// padding: $i * 10rpx;
|
||||
// }
|
||||
// }
|
||||
113
h5/static/style/mixin/u-rest.scss
Executable file
113
h5/static/style/mixin/u-rest.scss
Executable file
@@ -0,0 +1,113 @@
|
||||
// :fixed="false"下自动填充高度
|
||||
.z-auto-height {
|
||||
.zp-paging-container-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.z-paging-content {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
.u-numberbox {
|
||||
border: 1rpx solid #EEEEEE;
|
||||
border-radius: 4rpx;
|
||||
.u-number-input {
|
||||
margin: 0 !important;
|
||||
background: #FFFFFF !important;
|
||||
}
|
||||
}
|
||||
|
||||
.uni-input-input:disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.u-search .u-input {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.u-collapse-head {
|
||||
font-size: 28rpx !important;
|
||||
}
|
||||
|
||||
.u-rate {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.b-btn {
|
||||
// height: 64rpx;
|
||||
// font-size: 24rpx;
|
||||
}
|
||||
.b-btn.b-btn-md {
|
||||
height: 64rpx;
|
||||
}
|
||||
.b-btn.b-btn-sm {
|
||||
height: 44rpx;
|
||||
font-size: 22rpx;
|
||||
padding: 0;
|
||||
}
|
||||
.b-btn.b-btn-md {
|
||||
min-width: 190rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
.b-btn.b-btn-sm-d {
|
||||
height: 44rpx;
|
||||
font-size: 22rpx;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
|
||||
.b-popup-content .icon-close {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.u-form {
|
||||
.u-form-item {
|
||||
padding: 10rpx 0 !important;
|
||||
.b-flex-shrink {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
.u-form-item--left {
|
||||
width: auto !important;
|
||||
flex: unset !important;
|
||||
}
|
||||
// .u-form-item--left,
|
||||
.u-form-item--left__content__label{
|
||||
min-width: 4em;
|
||||
flex-shrink: 0;
|
||||
margin-right: 10rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
.form-right .u-form-item--right__content__slot {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
&.u-required-r {
|
||||
// 必填 *的样式
|
||||
.u-form-item--left__content--required {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: -4rpx;
|
||||
}
|
||||
.u-form-item--left__content {
|
||||
flex: unset;
|
||||
}
|
||||
.u-form-item--left__content__label {
|
||||
min-width: auto;
|
||||
}
|
||||
}
|
||||
.flex-column .u-form-item__body {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
.flex-column .u-form-item--right__content__slot {
|
||||
flex-direction: column !important;
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
.form-textarea .u-form-item__body {
|
||||
align-items: flex-start;
|
||||
textarea {
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user