ant-mini-program / mini-antui Goto Github PK
View Code? Open in Web Editor NEWmini-antui 停止维护,可使用 mini-ali-ui ,品牌升级,功能加强,欢迎使用!
Home Page: https://github.com/Alibaba-mp/mini-ali-ui
License: MIT License
mini-antui 停止维护,可使用 mini-ali-ui ,品牌升级,功能加强,欢迎使用!
Home Page: https://github.com/Alibaba-mp/mini-ali-ui
License: MIT License
https://docs.alipay.com/mini/component-ext/tabs
tab下content是根据点击的tab动态加载的,此时如果使用swipeable
左右滑动并不会出发onTabClick
,导致左右滑动时无法加载新tab下的数据,tab样式不会定位到新的tab下。
view组件 disable-scroll属性无法禁止滚动
华为P20, 系统:EMUI版本8.1.0, Android版本8.1.0, 支付宝版本:10.1.5,组件无法显示,
支付宝小程序打开小程序官方示例,显示不正常,扩展组件打开白屏
Describe the bug
Input-item 组件 onBlur 事件对象中 dataset 为空,导致无法带出自定义数据
To Reproduce
模板中加入自定义属性
<input-item onBlur="handleBlur" data-field="abc"></input-item>
事件处理函数
handleBlur (e) {
console.log(e); // dataset 为空
}
Expected behavior
事件对象中存在有效的 dataset
Do you want to request a feature or report a bug?
bug
What is the current behavior?
语法错误
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code.
直接报错
What is the expected behavior?
index.axml
第 40 行 scroll-y={{true}}
漏掉了 }
Which versions of mini-antui
, and which version of Alipay
are affected by this issue? Did this work in previous versions of mini-antui
?
master
现在组件里面的单位都是px,具体使用时都需要自己覆盖重写成rpx,因为页面布局用的是rpx,组件使用的px,在不同分辨率下会导致同一页面字号及样式大小不一,rpx是小程序标准,请统一替换成rpx。
目前 AntUI 版本 10.1.10,请参考 https://antui.alipay.com/10.1.10/index.html
部分组件及格式缺失,请与之对齐,简单几例:
button组件没有,默认组件 button 并没有遵循 AntUI 规范,如:
诸如此类,等等等等。。
Cannot read property 'replace' of undefined
at /Users/.../node_modules/webpack/lib/NormalModuleFactory.js:106:27
at /Users/.../node_modules/webpack/lib/NormalModuleFactory.js:59:4
at applyPluginsAsyncWaterfall (/Users/.../node_modules/webpack/lib/NormalModuleFactory.js:236:4)
由于视觉给出的视觉稿常常与组件有出入,所以需要通过css覆盖来完成。但是当前tab组件处于active的tabBar并没有一个class类,所以无法通过样式覆盖来更改样式。是否可以为active的tabBar加一个class类名,便于业务开发呢?
https://docs.alipay.com/mini/component-ext/inputitem
如图所示,使用onSelect报错,应该为onPickerTap
现在首页是地图,使用运营类modal:
ide工具上可以正常显示出来;
真机显示不出来,只有在页面跳转时能看见一下
类似 https://mobile.ant.design/components/notice-bar-cn/ 的noticeBar 滚动效果,和支付宝的黄条公告保持统一
Describe the bug
步进器的step设置为小数的时候,结果不准确
To Reproduce
Steps to reproduce the behavior:
Expected behavior
3.99-0.01=3.98
10.1.10版本很多扩展插件都不显示,请问是否有什么判断标准是否可以使用扩展插件。
场景:tabs下套了vtabs,此时在vtabs上切换到任意位置,在切换tabs,此时vtabs激活状态还是刚才点击的位置。可否像tabs一样增加一个activeTab来控制,让它定位至初始状态。
RT,以list-item组件为例,各种数据可以带在props data-xxx上,为了在点击等事件时直接拿到业务数据处理业务逻辑。望尽快支持
Describe the bug
message组件type为fail的时候白屏。为success、info、warn、waiting的时候能正确显示
To Reproduce
Steps to reproduce the behavior:
<message
title="title"
subTitle="subTitle"
type="fail"
Expected behavior
正确显示结果页
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
mini-antui: 0.3.12
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
flex组件没有 justify-content:center
RT
目前 List 组件比较简单,很多无限滚动的列表下拉到底部一定距离时,需要异步加载数据,并且展示 loading 状态,或者像 antd 一样,提供 loadMore 功能。
如题
https://docs.alipay.com/mini/component-ext/swipe-action
建议restore改为restore="{{swipeIndex == null || swipeIndex !== index}}"
这样编辑和删除完之后直接this.setData({'swipeIndex': null})
即可恢复到初始状态
Is your feature request related to a problem? Please describe.
在tabs标签页中,使用了swipe-action组件,所以在滑动swipe-action组件的同时,会触发tabs的滑动切换
Describe the solution you'd like
将是否可以滑动切换tabs暴露出来成为可配置项
使用Mpvue开发支付宝小程序时使用这个UI页面不会展示任何样式。
mini-antui/src/swipe-action/index.js
Line 2 in 4f1d39d
使用 canIUse
Is your feature request related to a problem? Please describe.
有时候需要从某个页面跳转到一个包含tabs的页面,且跳转过去之后,选中除第一个以外的tab
Describe the solution you'd like
通过传入一个属性和一个方法来实现双向绑定来控制选中项
https://docs.alipay.com/mini/component/textarea
貌似textarea onBlur="bindTextAreaBlur"
不会触发
Describe the bug
自己定制化了的组件挂在了tnpm(内网), tnpm 安装后提示Component is not defined
stepper步进器达到最大值(最小)后加号会隐藏,此时setData当前值为1,加号不会自动显示,点击后可以显示。
<am-icon type="delete" size="{{24}}" color="#333" data-index="{{1}}" onTap="delOption"></am-icon>
delOption(e){ debugger const index = e.target.dataset.index; this.$spliceData({'items':[index,1]}); },
miniui版本:"version": "0.4.22"
Describe the bug
切换tab的时候,是通过translateX(-100%)来改变当前显示内容的,am-tabs-slides没有给width: 100%,所以am-tabs-slides是所有自己宽度的和,-100%就到空白部分了
Additional context
我改了下,但是不太熟github的协同工作流,所以这个提交和swipe-action的修改自动合并到一个pull request里面了
Is your feature request related to a problem? Please describe.
swipe-action在左滑点删除按钮的时候需要二次确认,现在点完一次之后就自动合上了
Describe the solution you'd like
添加类似done回调的方法,当调用done回调的时候,才去合上
onRightItemClick(index, detail, extra, done) {
setTimeout(() => {done()}, 1000);
}
search-bar支持onchange事件吗?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.