|
@@ -41,12 +41,170 @@
|
|
display: flex;
|
|
display: flex;
|
|
background-color: #F8F8F8;
|
|
background-color: #F8F8F8;
|
|
}
|
|
}
|
|
- .isIPXup{
|
|
|
|
- padding-bottom: 64rpx !important;
|
|
|
|
- }
|
|
|
|
/* 登录页是否记住密码多选框样式 */
|
|
/* 登录页是否记住密码多选框样式 */
|
|
uni-checkbox.login-form-checkbox .uni-checkbox-input{
|
|
uni-checkbox.login-form-checkbox .uni-checkbox-input{
|
|
width: 24upx !important;
|
|
width: 24upx !important;
|
|
height: 24upx !important;
|
|
height: 24upx !important;
|
|
}
|
|
}
|
|
|
|
+ .isIPXup{
|
|
|
|
+ padding-bottom: 64rpx !important;
|
|
|
|
+ }
|
|
|
|
+ /* form表单样式 */
|
|
|
|
+ .form-box{
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ padding: 0 30rpx;
|
|
|
|
+ }
|
|
|
|
+ .form-input {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ text-align: right;
|
|
|
|
+ width: 95%;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ height: 60rpx;
|
|
|
|
+ line-height: 60rpx;
|
|
|
|
+ &.textarea{
|
|
|
|
+ height: 240rpx;
|
|
|
|
+ padding: 24rpx 0;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .form-input-placeholder {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ color: #999;
|
|
|
|
+ }
|
|
|
|
+ .form-textarea{
|
|
|
|
+ height: 240rpx;
|
|
|
|
+ padding: 24rpx 0;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ .form-number-input{
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ }
|
|
|
|
+ .u-required{
|
|
|
|
+ position: relative;
|
|
|
|
+ }
|
|
|
|
+ .u-required:before{
|
|
|
|
+ content: '*';
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: -8px;
|
|
|
|
+ top: 10upx;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #fa3534;
|
|
|
|
+ height: 9px;
|
|
|
|
+ line-height: 1;
|
|
|
|
+ }
|
|
|
|
+ /* 元素宽度 百分比 */
|
|
|
|
+ .uni-col-1{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 10%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-2{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 20%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-3{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 30%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-4{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 40%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-5{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 50%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-6{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 60%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-7{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 70%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-8{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 80%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-9{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 90%;
|
|
|
|
+ }
|
|
|
|
+ .uni-col-10{
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ /* felx布局 */
|
|
|
|
+ .flex{
|
|
|
|
+ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
|
|
|
|
+ display: -moz-flex; /* Firefox 18+ */
|
|
|
|
+ display: -ms-flexbox; /* IE 10 */
|
|
|
|
+ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
|
|
|
|
+ }
|
|
|
|
+ /*伸缩流方向*/
|
|
|
|
+ .flex_column{
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -ms-flex-direction: column;
|
|
|
|
+ -webkit-flex-direction: column;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ }
|
|
|
|
+ /*主轴对齐*/
|
|
|
|
+ .justify_center{
|
|
|
|
+ -webkit-box-pack: center;
|
|
|
|
+ -ms-flex-pack: center;
|
|
|
|
+ -webkit-justify-content: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
|
|
+ .justify_end{
|
|
|
|
+ -webkit-box-pack: end;
|
|
|
|
+ -ms-flex-pack: end;
|
|
|
|
+ -webkit-justify-content: flex-end;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ }
|
|
|
|
+ .justify_between{
|
|
|
|
+ -webkit-box-pack: justify;
|
|
|
|
+ -ms-flex-pack: justify;
|
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ }
|
|
|
|
+ /*侧轴对齐*/
|
|
|
|
+ .align_start{
|
|
|
|
+ -webkit-box-align: start;
|
|
|
|
+ -ms-flex-align: start;
|
|
|
|
+ -webkit-align-items: flex-start;
|
|
|
|
+ align-items: flex-start;
|
|
|
|
+ }
|
|
|
|
+ .align_end{
|
|
|
|
+ -webkit-box-align: end;
|
|
|
|
+ -ms-flex-align: end;
|
|
|
|
+ -webkit-align-items: flex-end;
|
|
|
|
+ align-items: flex-end;
|
|
|
|
+ }
|
|
|
|
+ .align_center{
|
|
|
|
+ -webkit-box-align: center;
|
|
|
|
+ -ms-flex-align: center;
|
|
|
|
+ -webkit-align-items: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+ .align_baseline{
|
|
|
|
+ -webkit-box-align: baseline;
|
|
|
|
+ -ms-flex-align: baseline;
|
|
|
|
+ -webkit-align-items: baseline;
|
|
|
|
+ align-items: baseline;
|
|
|
|
+ }
|
|
|
|
+ /*伸缩性*/
|
|
|
|
+ .flex_auto{
|
|
|
|
+ -webkit-box-flex: 1;
|
|
|
|
+ -ms-flex: auto;
|
|
|
|
+ -webkit-flex: auto;
|
|
|
|
+ flex: auto;
|
|
|
|
+ }
|
|
|
|
+ .flex_1{
|
|
|
|
+ -webkit-box-flex: 1;
|
|
|
|
+ -ms-flex: 1;
|
|
|
|
+ -webkit-flex: 1;
|
|
|
|
+ flex: 1;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|