From eb61399c8a9d52d55af7fe86930e6a591de9f3d6 Mon Sep 17 00:00:00 2001
From: jt <jt@activesoft.com>
Date: 星期一, 28 十一月 2022 11:17:14 +0800
Subject: [PATCH] test
---
pages/modal/classAttr.vue | 65 ++++++++++++++++++++++++++++++--
1 files changed, 60 insertions(+), 5 deletions(-)
diff --git a/pages/modal/classAttr.vue b/pages/modal/classAttr.vue
index d1142bb..56a1c62 100644
--- a/pages/modal/classAttr.vue
+++ b/pages/modal/classAttr.vue
@@ -96,10 +96,10 @@
width: 100%;
}
.tx_title{
- font-size: 36rpx;
+ font-size: 32rpx;
}
.tx_title2{
- font-size: 36rpx;
+ font-size: 32rpx;
text-align: right;
display: inline-block;
vertical-align: -2px;
@@ -146,12 +146,30 @@
transition-duration: 0.1s;
}
button.btn_add {
+ width:49.5%;
margin-top: 50rpx;
padding: 20rpx;
line-height: 1.5;
background: #27A6E1;
border: none;
color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: right;
+ display: inline-block;
+ }
+ button.btn_cancel {
+ width:49.5%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ background: #27A6E1;
+ border: none;
+ color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: left;
+ display: inline-block;
}
.i_tishi{
color: red;
@@ -165,6 +183,27 @@
vertical-align: middle;
margin-left: 8px;
/* width: 71%; */
+ }
+
+ .input_vallist {
+ max-height: 350rpx;
+ overflow-y:auto;
+ display: none;
+ }
+ .input_vallist ul{
+ /* border: 1px solid red; */
+ padding: 0 20rpx;
+ }
+ .input_vallist ul li{
+ list-style: none;
+ padding: 20rpx;
+ border-bottom: 1px solid #ccc;
+ }
+ .input_vallist ul li a{
+ float: right;
+ }
+ .input_vallist ul li a i {
+ font-size: 45rpx;
}
</style>
@@ -190,6 +229,12 @@
<input type="text" :value="attr.Value" @focus="ontap" @blur="onevent" v-if="attr.Height=='1'" :data-index="index" :data-iindex="iindex" :style="{'width':attr.Width}" :disabled="attr.edit?false:true" > <!-- =='flase'?true:false -->
<textarea :value="attr.Value" @focus="ontap" @blur="onevent" v-else-if="attr.Height=='2'" :data-index="index":data-iindex="iindex" style="height:60px;" :style="{'width':attr.Width}" :disabled="attr.edit?false:true"></textarea>
<textarea :value="attr.Value" @focus="ontap" @blur="onevent" v-else-if="attr.Height=='3'" :data-index="index":data-iindex="iindex" style="height:90px;" :style="{'width':attr.Width}" :disabled="attr.edit?false:true"></textarea>
+ <!-- 鎵爜鍚庝簨浠惰繑鍥�-->
+ <div class="input_vallist" >
+ <ul v-for="(inputval,vindex) in inputValList">
+ <li><span>{{inputval.Name}}</span><a href="javascript:;" @tap="inputValListIsDel(vindex)"><i class="ace-icon fa fa-times"></i></a></li>
+ </ul>
+ </div>
</view>
<view v-if="classattr.control_style=='宸﹀彸甯冨眬'">
<p class="tx_title2" :style="{'width':classattr.title_p_wdith+'%'}">{{attr.DispName}}:</p>
@@ -330,9 +375,9 @@
</div>
</div>
-
- <button type="default" @tap="sava" class="btn_add">{{title}}</button>
</view>
+ <button type="default" @tap="cancel" class="btn_cancel">鍙栨秷</button>
+ <button type="default" @tap="sava" class="btn_add">{{title}}</button>
</view>
</template>
@@ -354,7 +399,7 @@
edit_compose_cls_id:"",
global_attr:[],
refdatastore: [], //寮曠敤鏁版嵁瀛樺偍鍖�/ {attr:'G_PRJ_' + bindattr + '_ID', value:info.id}
-
+ inputValList:[{Name:"test"},{Name:"test2"},{Name:"test3"},{Name:"test4"},{Name:"test5"},{Name:"test6"},{Name:"test7"}],
}
},
onLoad(options) {
@@ -403,6 +448,11 @@
},
methods: {
+ cancel(e){
+ uni.navigateBack({
+ delta:1 //杩斿洖灞傛暟锛�鍒欎笂涓婇〉
+ });
+ },
async classGridStyleInfo(){
var $this = this;
var gridstyleInfo = {
@@ -650,6 +700,11 @@
}
},
+ inputValListIsDel(index){
+ // console.log(index);
+ this.$data.inputValList.splice(index, 1); //鍒犻櫎tabPagejson鐨勫唴瀹�+ // console.log(this.$data.inputValList);
+ },
addresschange(e) {
// console.log(e.target);
console.log(e.data.join(';'))
--
Gitblit v1.9.1