Skip to content

Commit d8df876

Browse files
wlxuquwlxuqu
committed
1. 新增uni-app生态最强表单验证Form、Form-item，Input组件
2. 新增Select列选择器，可以单列，多列，多列联动选择 3. 新增Calendar日历组件，可以单选，范围选择日期等 4. 新增BackTop返回顶部组件 5. Icon组件新增支持图片模式，新增custom-style参数 6. Collapse折叠面板新增item-style参数，修复head-style，body-style可能无效的问题 7. 新增对象深度克隆JS工具库方法，使用方式为"this.$u.deepClone(object)" 8. 新增对象深度合并JS工具库方法，使用方式为"this.$u.deepMerge(target, source)" 9. 新增仿微信个人中心首页模板 10. 新增结合自定义键盘及验证码输入框组件的支付模板 11. 优化城市选择模板的逻辑和动画 12. 优化Radio单选框点击图标部分可能不灵敏的问题 13. 优化Checkbox单选框点击图标部分可能不灵敏的问题 14. 优化SwipeAction组件按钮可能闪一下的问题 15. 优化Http请求头信息可能由于浅合并导致的问题，修复响应拦截返回false依然进入then回调的问题 16. 优化Checkbox组件，可以无需搭配Checkbox-group而独立使用 17. 移除演示项目根目录/static中的无用图片资源，转用线上CDN资源 18. 修复Icon图标在头条，百度小程序上无法显示的问题 19. 修复MessageInput验证码输入框组件可能会在右边显示输入内容的问题 20. 优化u-border基础类的边框特殊场景可能会有边框缺失的问题 21. 优化ActionSheet的取消按钮提示，由cancel-text提供 22. 移除Model组件的content-slot组件，改由组件内部判断，原功能不受影响 23. 修复NoNetwork组件会导致状态栏文字变化的问题 24. Swiper组件新增bg-color设置背景颜色的参数 25. 优化Tabs组件动态修改list参数长度对内部Current索引的判断和修改 26. 优化Timeline组件左边图标的z-index层级的问题
1 parent e66f670 commit d8df876

File tree

42 files changed

+1030
-947
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+1030
-947
lines changed

‎pages.json

Lines changed: 51 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22
"easycom": {
33
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
44
},
5-
"condition": { //模式配置，仅开发期间生效
6-
"current": 0, //当前激活的模式(list 的索引项)
7-
"list": [{
8-
"name": "test", //模式名称
9-
"path": "pages/componentsA/calendar/index", //启动页面，必选
10-
"query": "id=1&name=2" //启动参数，在页面的onLoad函数里面得到
11-
}]
12-
},
5+
// "condition": { //模式配置，仅开发期间生效
6+
// "current": 0, //当前激活的模式(list 的索引项)
7+
// "list": [{
8+
// "name": "test", //模式名称
9+
// "path": "pages/componentsA/form/index", //启动页面，必选
10+
// "query": "id=1&name=2" //启动参数，在页面的onLoad函数里面得到
11+
// }]
12+
// },
1313
"pages": [
1414
// 演示-组件
1515
{
@@ -218,6 +218,28 @@
218218
{
219219
"root": "pages/template",
220220
"pages": [
221+
// wxCenter 仿微信个人中心
222+
{
223+
"path": "wxCenter/index",
224+
"style": {
225+
"navigationBarTitleText": "wxCenter 仿微信个人中心",
226+
"navigationStyle": "custom"
227+
}
228+
},
229+
// keyboardPay 自定义键盘支付
230+
{
231+
"path": "keyboardPay/index",
232+
"style": {
233+
"navigationBarTitleText": "keyboardPay 自定义键盘支付"
234+
}
235+
},
236+
// // douyin 仿抖音
237+
// {
238+
// "path": "douyin/index",
239+
// "style": {
240+
// "navigationBarTitleText": "douyin 仿抖音"
241+
// }
242+
// },
221243
// mallMenu商城分类
222244
{
223245
"path": "mallMenu/index2",
@@ -306,6 +328,20 @@
306328
{
307329
"root": "pages/library",
308330
"pages": [
331+
// deepClone-对象深度克隆
332+
{
333+
"path": "deepClone/index",
334+
"style": {
335+
"navigationBarTitleText": "deepClone-对象深度克隆"
336+
}
337+
},
338+
// deepMerge-对象深度合并
339+
{
340+
"path": "deepMerge/index",
341+
"style": {
342+
"navigationBarTitleText": "deepMerge-对象深度合并"
343+
}
344+
},
309345
// getRect-元素节点
310346
{
311347
"path": "getRect/index",
@@ -450,6 +486,13 @@
450486
{
451487
"root": "pages/componentsA",
452488
"pages": [
489+
// backTop-返回顶部
490+
{
491+
"path": "backTop/index",
492+
"style": {
493+
"navigationBarTitleText": "backTop-返回顶部"
494+
}
495+
},
453496
// calendar-日历
454497
{
455498
"path": "calendar/index",
@@ -680,12 +723,6 @@
680723
"style": {
681724
"navigationBarTitleText": "upload-上传"
682725
}
683-
}, // validation表单验证
684-
{
685-
"path": "validation/index",
686-
"style": {
687-
"navigationBarTitleText": "validation-表单验证"
688-
}
689726
}, // waterfall瀑布流
690727
{
691728
"path": "waterfall/index",

‎pages/componentsA/backTop/index.vue

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<template>
2+
<view class="u-demo">
3+
<view class="u-demo-wrap">
4+
<view class="u-demo-title">演示效果</view>
5+
<view class="u-demo-area">
6+
<view class="u-no-demo-here">滚动页面即可在右下角看到返回顶部的按钮</view>
7+
</view>
8+
<u-back-top :scrollTop="scrollTop" :mode="mode"
9+
:bottom="bottom" :right="right" :top="top" :icon="icon" :custom-style="customStyle"
10+
:icon-style="iconStyle" :tips="tips"
11+
>
12+
</u-back-top>
13+
</view>
14+
<view class="u-config-wrap">
15+
<view class="u-config-title u-border-bottom">
16+
参数配置
17+
</view>
18+
<view class="u-config-item">
19+
<view class="u-item-title">模式</view>
20+
<u-subsection vibrateShort :list="['圆形', '方形']" @change="modeChange"></u-subsection>
21+
</view>
22+
<view class="u-config-item">
23+
<view class="u-item-title">组件位置</view>
24+
<u-subsection vibrateShort :list="['默认', '自定义']" @change="positionChange"></u-subsection>
25+
</view>
26+
<view class="u-config-item">
27+
<view class="u-item-title">显示组件的滚动条距离</view>
28+
<u-subsection vibrateShort current="1" :list="['200', '400', '600']" @change="scrollTopChange"></u-subsection>
29+
</view>
30+
<view class="u-config-item">
31+
<view class="u-item-title">自定义样式</view>
32+
<u-subsection vibrateShort current="1" :list="['是', '否']" @change="styleChange"></u-subsection>
33+
</view>
34+
</view>
35+
</view>
36+
</template>
37+
38+
<script>
39+
export default {
40+
data() {
41+
return {
42+
scrollTop: 0,
43+
mode: 'circle',
44+
bottom: 200,
45+
right: 40,
46+
top: 400,
47+
icon: 'arrow-upward',
48+
iconStyle: {
49+
color: '#909399',
50+
fontSize: '38rpx'
51+
},
52+
customStyle: {},
53+
tips: ''
54+
}
55+
},
56+
methods: {
57+
modeChange(index) {
58+
this.mode = !index ? 'circle' : 'square';
59+
},
60+
positionChange(index) {
61+
if(index == 0) {
62+
this.bottom = 200;
63+
this.right = 40;
64+
} else {
65+
this.bottom = 400;
66+
this.right = 80;
67+
}
68+
},
69+
scrollTopChange(index) {
70+
this.top = [200, 400, 600][index];
71+
},
72+
styleChange(index) {
73+
if(index == 0) {
74+
this.icon = 'arrow-up';
75+
this.iconStyle = {
76+
color: '#2979ff',
77+
fontSize: '34rpx'
78+
};
79+
this.customStyle = {
80+
backgroundColor: '#a0cfff',
81+
color: '#2979ff'
82+
};
83+
this.tips = '顶部';
84+
} else {
85+
this.icon = 'arrow-upward';
86+
this.iconStyle = {
87+
color: '#909399',
88+
fontSize: '38rpx'
89+
};
90+
this.customStyle = {};
91+
this.tips = '';
92+
}
93+
}
94+
},
95+
onPageScroll(e) {
96+
this.scrollTop = e.scrollTop;
97+
}
98+
}
99+
</script>
100+
101+
<style lang="scss" scoped>
102+
.u-demo {
103+
height: 200vh;
104+
}
105+
</style>

‎pages/componentsA/calendar/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
export default {
4343
data() {
4444
return {
45-
show: true,
45+
show: false,
4646
mode: 'range',
4747
arrowType: 1,
4848
minDate: "1920-01-01",

‎pages/componentsA/empty/index.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@
33
<view class="u-demo-wrap">
44
<view class="u-demo-title">演示效果</view>
55
<view class="u-demo-area">
6+
<view class="u-no-demo-here">
7+
滚动页面，在由下角即可看到返回顶部按钮
8+
</view>
69
<u-empty :mode="mode">
710
<u-button v-if="slot" slot="bottom" size="medium">
811
slot按钮

0 commit comments

Comments
 (0)