From a93f9ab65690f6f0a681d65375be1c1aeafa8c1e Mon Sep 17 00:00:00 2001 From: jt <jt@activesoft.com.cn> Date: 星期六, 20 七月 2024 17:43:55 +0800 Subject: [PATCH] test --- pages/modal/3018_2.vue | 114 ++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 69 insertions(+), 45 deletions(-) diff --git a/pages/modal/3018_2.vue b/pages/modal/3018_2.vue index d460002..6c5084d 100644 --- a/pages/modal/3018_2.vue +++ b/pages/modal/3018_2.vue @@ -4,7 +4,7 @@ <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" @@ -61,7 +61,7 @@ <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" @@ -1864,58 +1864,82 @@ 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, @@ -2060,7 +2084,7 @@ #dv_select { display: inline-block; - width: 66%; + // width: 66%; background: #FFF; border-radius: 0 !important; color: #2d8cf0; -- Gitblit v1.9.1