xianniu-ui 0.3.29 → 0.3.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/style/basic.css +1 -1
- package/lib/style/index.css +1 -1
- package/lib/style/search.css +1 -1
- package/lib/xianniu-ui.common.js +37 -25
- package/lib/xianniu-ui.umd.js +37 -25
- package/lib/xianniu-ui.umd.min.js +2 -2
- package/package.json +1 -1
- package/packages/search/main.vue +17 -5
- package/packages/style/src/basic.scss +12 -9
- package/packages/style/src/search.scss +5 -0
package/package.json
CHANGED
package/packages/search/main.vue
CHANGED
|
@@ -97,7 +97,8 @@
|
|
|
97
97
|
</el-col>
|
|
98
98
|
</template>
|
|
99
99
|
<el-col v-bind="{ ...col }">
|
|
100
|
-
<el-form-item
|
|
100
|
+
<!-- <el-form-item label-width="0"> -->
|
|
101
|
+
<el-form-item class="xn-search-searchbtn" :style="{ 'padding-left': `${labelWidth}` }">
|
|
101
102
|
<el-button type="primary" icon="el-icon-search" @click="onSearch"
|
|
102
103
|
>查询</el-button
|
|
103
104
|
>
|
|
@@ -107,7 +108,7 @@
|
|
|
107
108
|
type="text"
|
|
108
109
|
@click="isColl = !isColl"
|
|
109
110
|
>
|
|
110
|
-
<template v-if="
|
|
111
|
+
<template v-if="_showColl">
|
|
111
112
|
<span>{{ isColl ? "收起" : "高级查询" }}</span
|
|
112
113
|
><i class="ml-5" :class="toggle"></i>
|
|
113
114
|
</template>
|
|
@@ -139,12 +140,23 @@ export default {
|
|
|
139
140
|
type: Boolean,
|
|
140
141
|
default: true,
|
|
141
142
|
},
|
|
142
|
-
defaultColl:{
|
|
143
|
+
defaultColl: {
|
|
143
144
|
type: Number,
|
|
144
145
|
default: 3,
|
|
145
|
-
}
|
|
146
|
+
},
|
|
146
147
|
},
|
|
147
148
|
computed: {
|
|
149
|
+
_showColl() {
|
|
150
|
+
const {
|
|
151
|
+
form: { value },
|
|
152
|
+
defaultColl,
|
|
153
|
+
showColl,
|
|
154
|
+
} = this;
|
|
155
|
+
if (value.length <= defaultColl) {
|
|
156
|
+
return false;
|
|
157
|
+
}
|
|
158
|
+
return showColl;
|
|
159
|
+
},
|
|
148
160
|
col() {
|
|
149
161
|
const { span } = this;
|
|
150
162
|
return {
|
|
@@ -224,7 +236,7 @@ export default {
|
|
|
224
236
|
this.form.value = [];
|
|
225
237
|
for (let i = 0, formData = this.formData; i < formData.length; i++) {
|
|
226
238
|
const item = formData[i];
|
|
227
|
-
item.isShow = i
|
|
239
|
+
item.isShow = i >= this.defaultColl && this.showColl ? false : true;
|
|
228
240
|
this.form.value.push({
|
|
229
241
|
...item,
|
|
230
242
|
key: item.prop,
|
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
.text-success{color: $--color-success!important;}
|
|
4
4
|
.text-danger{color: $--color-danger!important;}
|
|
5
5
|
.text-warning{color: $--color-warning!important;}
|
|
6
|
+
|
|
7
|
+
.fw-1{font-weight: 100 !important;}
|
|
8
|
+
.fw-2{font-weight: 200 !important;}
|
|
9
|
+
.fw-3{font-weight: 300 !important;}
|
|
10
|
+
.fw-4{font-weight: 400 !important;}
|
|
11
|
+
.fw-5{font-weight: 500 !important;}
|
|
12
|
+
.fw-6{font-weight: 600 !important;}
|
|
13
|
+
.fw-7{font-weight: 700 !important;}
|
|
14
|
+
|
|
6
15
|
@for $i from 0 through 30 {
|
|
7
16
|
.m-#{$i} {
|
|
8
17
|
margin: ($i) + px !important;
|
|
@@ -53,12 +62,6 @@
|
|
|
53
62
|
line-clamp: 2;
|
|
54
63
|
-webkit-box-orient: vertical;
|
|
55
64
|
}
|
|
56
|
-
.text-right {
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
.text-center {
|
|
60
|
-
text-align: center;
|
|
61
|
-
}
|
|
62
|
-
.text-left {
|
|
63
|
-
text-align: left;
|
|
64
|
-
}
|
|
65
|
+
.text-right {text-align: right !important;}
|
|
66
|
+
.text-center {text-align: center !important;}
|
|
67
|
+
.text-left {text-align: left !important;}
|