| | |
| | | <uni-forms ref="baseForm" label-align="right"> |
| | | <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items"> |
| | | <!-- 普通布局 --> |
| | | <uni-forms-item v-if="item.name != 'Layout'&& item.show==true" :label="item.label +':' " |
| | | <uni-forms-item class="head-form" v-if="item.name != 'Layout'&& item.show==true" :label="item.label +':' " |
| | | :label-width="item.labelWidth+'px'"> |
| | | <!-- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text> --> |
| | | <span class="form-item-span" v-if="item.disabled" |
| | |
| | | <uni-row class="demo-uni-row" v-if="item.name=='Layout' && item.show==true"> |
| | | <uni-col v-for="(cols,key) in item.setting.colList" |
| | | :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col"> |
| | | <uni-forms-item v-if="cols!=null" :label="col.label +':'" :label-width="col.labelWidth+'px'"> |
| | | <uni-forms-item class="head-form" v-if="cols!=null" :label="cols.label +':'" :label-width="cols.labelWidth+'px'"> |
| | | <!-- <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text> --> |
| | | <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span> |
| | | <view class="input-wrapper" |
| | |
| | | width: 98%; |
| | | } |
| | | |
| | | .v-headStyle:first-child { |
| | | margin-top: 15rpx; |
| | | // .v-headStyle:first-child { |
| | | // margin-top: 15rpx; |
| | | // } |
| | | |
| | | // .v-headStyle .txt_title { |
| | | // font-size: 34rpx; |
| | | // text-align: right; |
| | | // display: inline-block; |
| | | // /* vertical-align: 24rpx; */ |
| | | |
| | | // /* border: 0.1rpx solid red; */ |
| | | // } |
| | | |
| | | // .v-headStyle input { |
| | | // vertical-align: middle; |
| | | // display: inline-block; |
| | | // /* border: 1px solid #d5d5d5; */ |
| | | // /* width: 65%; */ |
| | | // width: 85%; |
| | | // height: 52rpx; |
| | | // line-height: 34rpx; |
| | | // background: #FFF; |
| | | // border-radius: 0 !important; |
| | | // color: #2d8cf0; |
| | | // padding: 10rpx 8rpx 12rpx; |
| | | // font-size: 34rpx; |
| | | // font-family: inherit; |
| | | // box-shadow: none !important; |
| | | // transition-duration: 0.1s; |
| | | // margin-top: 4rpx; |
| | | // } |
| | | |
| | | // .v-headStyle input::-webkit-input-placeholder { |
| | | // font-size: 12rpx; |
| | | // } |
| | | |
| | | .v-headStyle .head-form { |
| | | // border: 0.5px solid red; |
| | | margin-bottom: 11rpx; |
| | | } |
| | | |
| | | .v-headStyle .txt_title { |
| | | font-size: 34rpx; |
| | | text-align: right; |
| | | display: inline-block; |
| | | /* vertical-align: 24rpx; */ |
| | | |
| | | /* border: 0.1rpx solid red; */ |
| | | } |
| | | |
| | | .v-headStyle input { |
| | | vertical-align: middle; |
| | | display: inline-block; |
| | | /* border: 1px solid #d5d5d5; */ |
| | | /* width: 65%; */ |
| | | width: 85%; |
| | | height: 52rpx; |
| | | line-height: 34rpx; |
| | | background: #FFF; |
| | | border-radius: 0 !important; |
| | | color: #2d8cf0; |
| | | padding: 10rpx 8rpx 12rpx; |
| | | font-size: 34rpx; |
| | | font-family: inherit; |
| | | box-shadow: none !important; |
| | | transition-duration: 0.1s; |
| | | margin-top: 4rpx; |
| | | } |
| | | |
| | | .v-headStyle input::-webkit-input-placeholder { |
| | | font-size: 12rpx; |
| | | } |
| | | |
| | | .v-headStyle .form-item-span { |
| | | /* vertical-align:top; */ |
| | | // border: 0.5px solid red; |
| | | padding:7rpx 0; |
| | | color: #2d8cf0; |
| | | white-space: normal; |
| | | word-break: break-all; |
| | | display: inline-block; |
| | | |
| | | /* border: 0.1rpx solid red; */ |
| | | // width: calc(100% - 100px); |
| | | } |
| | | |
| | | |
| | | // .input-wrapper { |
| | | // border: 1px solid #d5d5d5; |
| | | // display: inline-block; |
| | | // width: 100%; |
| | | // line-height: 22rpx; |
| | | // vertical-align: middle; |
| | | // } |
| | | .input-wrapper { |
| | | border: 1px solid #d5d5d5; |
| | | display: inline-block; |
| | | width: 100%; |
| | | line-height: 22rpx; |
| | | vertical-align: middle; |
| | | display: flex; |
| | | flex-direction: row; |
| | | |
| | | .uni-input { |
| | | color: #2d8cf0; |
| | | flex: 1; |
| | | padding: 10rpx 8rpx; |
| | | // height: 40rpx; |
| | | // line-height: 40rpx; |
| | | } |
| | | |
| | | .uni-icon { |
| | | padding: 8rpx; |
| | | font-size: 32rpx; |
| | | color: rgb(192, 196, 204); |
| | | } |
| | | } |
| | | |
| | | .check_rememberPwd, |
| | |
| | | |
| | | #dv_select { |
| | | display: inline-block; |
| | | width: 66%; |
| | | // width: 66%; |
| | | background: #FFF; |
| | | border-radius: 0 !important; |
| | | color: #2d8cf0; |