stellar-ui-v2 1.40.20 → 1.40.22
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/components/ste-app-share/ste-app-share.vue +4 -4
- package/components/ste-app-update/ste-app-update.vue +1 -1
- package/components/ste-search/ste-search.vue +36 -50
- package/package.json +1 -1
- package/static/app_update_img.png +0 -0
- package/static/haibao.png +0 -0
- package/static/lianjie.png +0 -0
- package/static/qq.png +0 -0
- package/static/qqkj.png +0 -0
- package/static/shoucang.png +0 -0
- package/static/weixin.png +0 -0
- package/static/wxpyq.png +0 -0
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
<scroll-view class="footer-scroll-view" scroll-x="true">
|
|
15
15
|
<view class="footer-share-list">
|
|
16
16
|
<view class="footer-item" @click="handShare('WXSceneSession')">
|
|
17
|
-
<image class="footer-icon" src="
|
|
17
|
+
<image class="footer-icon" src="https://image.whzb.com/chain/StellarUI/font/weixin.png" mode="widthFix"></image>
|
|
18
18
|
<text>微信好友</text>
|
|
19
19
|
</view>
|
|
20
20
|
<view class="footer-item" @click="handShare('WXSceneTimeline')">
|
|
21
|
-
<image class="footer-icon" src="
|
|
21
|
+
<image class="footer-icon" src="https://image.whzb.com/chain/StellarUI/font/wxpyq.png" mode="widthFix"></image>
|
|
22
22
|
<text>朋友圈</text>
|
|
23
23
|
</view>
|
|
24
24
|
<view class="footer-item" @click="handShare('WXSceneFavorite')">
|
|
25
|
-
<image class="footer-icon" src="
|
|
25
|
+
<image class="footer-icon" src="https://image.whzb.com/chain/StellarUI/font/shoucang.png" mode="widthFix"></image>
|
|
26
26
|
<text>微信收藏</text>
|
|
27
27
|
</view>
|
|
28
28
|
<view class="footer-item" @click="downloadPoster" v-if="viewPoster">
|
|
29
|
-
<image class="footer-icon" src="
|
|
29
|
+
<image class="footer-icon" src="https://image.whzb.com/chain/StellarUI/font/haibao.png" mode="widthFix"></image>
|
|
30
30
|
<text>生成海报</text>
|
|
31
31
|
</view>
|
|
32
32
|
</view>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="update-mask flex-center" v-if="open">
|
|
3
3
|
<view class="update-content">
|
|
4
|
-
<image class="update-image" src="
|
|
4
|
+
<image class="update-image" src="https://image.whzb.com/chain/StellarUI/font/app_update_img.png"></image>
|
|
5
5
|
|
|
6
6
|
<view class="update-title">发现新版本</view>
|
|
7
7
|
<view class="update-version">v{{ data.name }}</view>
|
|
@@ -30,16 +30,7 @@
|
|
|
30
30
|
<slot name="suffix"></slot>
|
|
31
31
|
</template>
|
|
32
32
|
</ste-input>
|
|
33
|
-
<swiper
|
|
34
|
-
v-if="cmpShowSwitch"
|
|
35
|
-
class="placeholder-list"
|
|
36
|
-
:current="switchIndex"
|
|
37
|
-
:autoplay="internalAutoplay"
|
|
38
|
-
:interval="interval"
|
|
39
|
-
circular
|
|
40
|
-
vertical
|
|
41
|
-
@change="onSwitchChange"
|
|
42
|
-
>
|
|
33
|
+
<swiper v-if="cmpShowSwitch" class="placeholder-list" :current="switchIndex" :autoplay="internalAutoplay" :interval="interval" circular vertical @change="onSwitchChange">
|
|
43
34
|
<swiper-item class="placeholder-item" v-for="(item, i) in hotWords" :key="i">
|
|
44
35
|
{{ item }}
|
|
45
36
|
</swiper-item>
|
|
@@ -52,11 +43,7 @@
|
|
|
52
43
|
</view>
|
|
53
44
|
<view class="nav-box" data-test="nav-box" v-if="type === 'nav'" />
|
|
54
45
|
<!-- 输入建议 -->
|
|
55
|
-
<view
|
|
56
|
-
v-if="suggestionList.length > 0"
|
|
57
|
-
class="suggestions-box"
|
|
58
|
-
:class="showSuggestionsBox == null ? '' : showSuggestionsBox ? 'show' : 'hide'"
|
|
59
|
-
>
|
|
46
|
+
<view v-if="suggestionList.length > 0" class="suggestions-box" :class="showSuggestionsBox == null ? '' : showSuggestionsBox ? 'show' : 'hide'">
|
|
60
47
|
<scroll-view scroll-y class="scroll-box">
|
|
61
48
|
<view class="item" @click="handleSuggestionClick(item)" v-for="(item, key) in suggestionList" :key="key">
|
|
62
49
|
{{ item.label }}
|
|
@@ -115,130 +102,130 @@ export default {
|
|
|
115
102
|
// 组件类型,"default":正常搜索,"nav":导航栏
|
|
116
103
|
type: {
|
|
117
104
|
type: [String, null],
|
|
118
|
-
default: () => 'default'
|
|
105
|
+
default: () => 'default',
|
|
119
106
|
},
|
|
120
107
|
// 当前值(支持v-model双向绑定)
|
|
121
108
|
value: {
|
|
122
109
|
type: [String, null],
|
|
123
|
-
default: () => ''
|
|
110
|
+
default: () => '',
|
|
124
111
|
},
|
|
125
112
|
// 占位提示符
|
|
126
113
|
placeholder: {
|
|
127
114
|
type: [String, null],
|
|
128
|
-
default: () => ''
|
|
115
|
+
default: () => '',
|
|
129
116
|
},
|
|
130
117
|
// 热词列表
|
|
131
118
|
hotWords: {
|
|
132
119
|
type: [Array, null],
|
|
133
|
-
default: () => []
|
|
120
|
+
default: () => [],
|
|
134
121
|
},
|
|
135
122
|
// 热词列表自动切换时间间隔`
|
|
136
123
|
interval: {
|
|
137
124
|
type: [Number, null],
|
|
138
|
-
default: () => 3000
|
|
125
|
+
default: () => 3000,
|
|
139
126
|
},
|
|
140
127
|
// 热词列表是否自动切换
|
|
141
128
|
autoplay: {
|
|
142
129
|
type: [Boolean, null],
|
|
143
|
-
default: () => true
|
|
130
|
+
default: () => true,
|
|
144
131
|
},
|
|
145
132
|
// 是否禁用状态
|
|
146
133
|
disabled: {
|
|
147
134
|
type: [Boolean, null],
|
|
148
|
-
default: () => false
|
|
135
|
+
default: () => false,
|
|
149
136
|
},
|
|
150
137
|
// 是否隐藏分割线
|
|
151
138
|
hiddenLine: {
|
|
152
139
|
type: [Boolean, null],
|
|
153
|
-
default: () => false
|
|
140
|
+
default: () => false,
|
|
154
141
|
},
|
|
155
142
|
// 是否隐藏搜索按钮
|
|
156
143
|
hiddenBtn: {
|
|
157
144
|
type: [Boolean, null],
|
|
158
|
-
default: () => false
|
|
145
|
+
default: () => false,
|
|
159
146
|
},
|
|
160
147
|
// 搜索按钮文字
|
|
161
148
|
btnText: {
|
|
162
149
|
type: [String, null],
|
|
163
|
-
default: () => '搜索'
|
|
150
|
+
default: () => '搜索',
|
|
164
151
|
},
|
|
165
152
|
// 是否隐藏输入框
|
|
166
153
|
hiddenInput: {
|
|
167
154
|
type: [Boolean, null],
|
|
168
|
-
default: () => false
|
|
155
|
+
default: () => false,
|
|
169
156
|
},
|
|
170
157
|
// 是否可清空
|
|
171
158
|
clearable: {
|
|
172
159
|
type: [Boolean, null],
|
|
173
|
-
default: () => true
|
|
160
|
+
default: () => true,
|
|
174
161
|
},
|
|
175
162
|
// 是否允许输入空格
|
|
176
163
|
allowSpace: {
|
|
177
164
|
type: [Boolean, null],
|
|
178
|
-
default: () => true
|
|
165
|
+
default: () => true,
|
|
179
166
|
},
|
|
180
167
|
// 边框颜色
|
|
181
168
|
borderColor: {
|
|
182
169
|
type: [String, null],
|
|
183
|
-
default: () => '#dddddd'
|
|
170
|
+
default: () => '#dddddd',
|
|
184
171
|
},
|
|
185
172
|
// 背景
|
|
186
173
|
background: {
|
|
187
174
|
type: [String, null],
|
|
188
|
-
default: () => '#ffffff'
|
|
175
|
+
default: () => '#ffffff',
|
|
189
176
|
},
|
|
190
177
|
// 前置图标颜色
|
|
191
178
|
prefixIconColor: {
|
|
192
179
|
type: [String, null],
|
|
193
|
-
default: () => '#bbbbbb'
|
|
180
|
+
default: () => '#bbbbbb',
|
|
194
181
|
},
|
|
195
182
|
// 占位符字体颜色
|
|
196
183
|
placeholderColor: {
|
|
197
184
|
type: [String, null],
|
|
198
|
-
default: () => '#bbbbbb'
|
|
185
|
+
default: () => '#bbbbbb',
|
|
199
186
|
},
|
|
200
187
|
// 输入框文字颜色
|
|
201
188
|
inputTextColor: {
|
|
202
189
|
type: [String, null],
|
|
203
|
-
default: () => '#000000'
|
|
190
|
+
default: () => '#000000',
|
|
204
191
|
},
|
|
205
192
|
// 清除图标颜色
|
|
206
193
|
clearIconColor: {
|
|
207
194
|
type: [String, null],
|
|
208
|
-
default: () => '#bbbbbb'
|
|
195
|
+
default: () => '#bbbbbb',
|
|
209
196
|
},
|
|
210
197
|
// 搜索按钮背景
|
|
211
198
|
btnBackground: {
|
|
212
|
-
type: [String, null]
|
|
199
|
+
type: [String, null],
|
|
213
200
|
},
|
|
214
201
|
// 搜索按钮文字颜色
|
|
215
202
|
btnTextColor: {
|
|
216
203
|
type: [String, null],
|
|
217
|
-
default: () => '#0090FF'
|
|
204
|
+
default: () => '#0090FF',
|
|
218
205
|
},
|
|
219
206
|
// 高度
|
|
220
207
|
height: {
|
|
221
208
|
type: [Number, null],
|
|
222
|
-
default: () => 64
|
|
209
|
+
default: () => 64,
|
|
223
210
|
},
|
|
224
211
|
// 圆角弧度
|
|
225
212
|
radius: {
|
|
226
213
|
type: [Number, null],
|
|
227
|
-
default: () => 32
|
|
214
|
+
default: () => 32,
|
|
228
215
|
},
|
|
229
216
|
// 聚焦
|
|
230
217
|
focus: {
|
|
231
218
|
type: [Boolean, null],
|
|
232
|
-
default: () => false
|
|
219
|
+
default: () => false,
|
|
233
220
|
},
|
|
234
221
|
suggestionList: {
|
|
235
222
|
type: [Array, null],
|
|
236
|
-
default: () => []
|
|
237
|
-
}
|
|
223
|
+
default: () => [],
|
|
224
|
+
},
|
|
238
225
|
},
|
|
239
226
|
model: {
|
|
240
227
|
prop: 'value',
|
|
241
|
-
event: 'input'
|
|
228
|
+
event: 'input',
|
|
242
229
|
},
|
|
243
230
|
data() {
|
|
244
231
|
return {
|
|
@@ -247,7 +234,7 @@ export default {
|
|
|
247
234
|
showSuggestionsBox: null,
|
|
248
235
|
cursorNumber: 0,
|
|
249
236
|
curSuggestion: '',
|
|
250
|
-
internalAutoplay: this.autoplay
|
|
237
|
+
internalAutoplay: this.autoplay,
|
|
251
238
|
};
|
|
252
239
|
},
|
|
253
240
|
computed: {
|
|
@@ -258,7 +245,7 @@ export default {
|
|
|
258
245
|
'--search-btn-text-color': this.btnTextColor,
|
|
259
246
|
'--search-placeholder-color': this.placeholderColor,
|
|
260
247
|
'--search-input-color': this.inputTextColor,
|
|
261
|
-
'--search-border-color': this.borderColor
|
|
248
|
+
'--search-border-color': this.borderColor,
|
|
262
249
|
};
|
|
263
250
|
},
|
|
264
251
|
cmpPlaceholder() {
|
|
@@ -281,21 +268,21 @@ export default {
|
|
|
281
268
|
},
|
|
282
269
|
cmpRootPadding() {
|
|
283
270
|
return this.hiddenBtn && this.hiddenInput ? {} : { padding: '0 8rpx 0 16rpx' };
|
|
284
|
-
}
|
|
271
|
+
},
|
|
285
272
|
},
|
|
286
273
|
watch: {
|
|
287
274
|
value: {
|
|
288
275
|
handler(val) {
|
|
289
276
|
this.dataValue = val;
|
|
290
277
|
},
|
|
291
|
-
immediate: true
|
|
278
|
+
immediate: true,
|
|
292
279
|
},
|
|
293
280
|
hotWords() {
|
|
294
281
|
this.switchIndex = 0;
|
|
295
282
|
},
|
|
296
283
|
autoplay(val) {
|
|
297
284
|
this.internalAutoplay = val;
|
|
298
|
-
}
|
|
285
|
+
},
|
|
299
286
|
},
|
|
300
287
|
// #ifdef MP-WEIXIN
|
|
301
288
|
mounted() {
|
|
@@ -346,7 +333,6 @@ export default {
|
|
|
346
333
|
this.switchIndex = v.detail.current;
|
|
347
334
|
},
|
|
348
335
|
onClick() {
|
|
349
|
-
if (this.disabled) return;
|
|
350
336
|
let searchValue = this.dataValue;
|
|
351
337
|
if (!searchValue && this.hotWords.length) {
|
|
352
338
|
searchValue = this.hotWords[this.switchIndex];
|
|
@@ -368,8 +354,8 @@ export default {
|
|
|
368
354
|
setTimeout(() => {
|
|
369
355
|
this.cursorNumber = item.label.length;
|
|
370
356
|
}, 50);
|
|
371
|
-
}
|
|
372
|
-
}
|
|
357
|
+
},
|
|
358
|
+
},
|
|
373
359
|
};
|
|
374
360
|
</script>
|
|
375
361
|
|
package/package.json
CHANGED
|
Binary file
|
package/static/haibao.png
DELETED
|
Binary file
|
package/static/lianjie.png
DELETED
|
Binary file
|
package/static/qq.png
DELETED
|
Binary file
|
package/static/qqkj.png
DELETED
|
Binary file
|
package/static/shoucang.png
DELETED
|
Binary file
|
package/static/weixin.png
DELETED
|
Binary file
|
package/static/wxpyq.png
DELETED
|
Binary file
|