firstui / firstui Goto Github PK
View Code? Open in Web Editor NEWFirst UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序(微信、支付宝、百度、字节、QQ)、H5。文档地址:https://doc.firstui.cn (当前为vue版本示例)
License: Apache License 2.0
First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序(微信、支付宝、百度、字节、QQ)、H5。文档地址:https://doc.firstui.cn (当前为vue版本示例)
License: Apache License 2.0
在我查看/使用(如rate)一些组件时,mounted中以下代码返回值有可能会出现不可被使用(不被正常逻辑认可)的情况
uni.createSelectorQuery().in(this)..select('xxx').boundingClientRect().exec(callback)
普遍做法是使用timeout(并且我已经发现一些组件是这样做的),但是效果可能不太理想,是否可以使用updated代替mounted?因为在一些数据没有被页面使用时,不会导致页面二次刷新。又或者在timeout中的方法再次使用timeout(0)来重新规划时间片,来避免此问题发生?
页面:nvue
vue版本:vue2
编译平台:安卓
设备:Redmi Note9
MIUI版本:MIUI 12.5.9
Android版本:11
firstui版本:v1.7.0
现象:设置默认值后,第一次点击正常,选择时间后在回调函数中修改默认值为选中时间,再次点击,显示的时间对不准,比如日这个显示的就不是准确的日期
关键代码:
<fui-date-picker :show="startShow" :value="startTime" type="3" :minDate="minDate" :confirmText="i18n.confirm" :cancelText="i18n.cancel" :confirmColor="COLORS.base" @change="selectStartTime" @cancel="closeStartTime"></fui-date-picker>
closeStartTime() { this.startShow = false; }, selectStartTime(e) { this.startShow = false; this.startTime = e.result; },
想请问下,组件库文档右边的H5预览地址是如何用iframe内嵌进去的?组件库文档能开源共享下不
支持小红书么?
vue3 uniapp 已经支持编译到小红书了,FirstUI 是否支持小红书了
如果组件单独引入 样式会错乱
希望大家们能够贡献优秀的项目案例,采纳后将用于 文档介绍 中展示及推荐,当然需要大家提供案例二维码、案例名称,感谢支持。
求支持taro框架 react版本 >_<
建议少量部分收费并且降低收费
是否有考虑用ts覆写呢?
vue3.2版本,fui-swipe-action 左滑 时报错
当前项目是uni + vue3 + vite , 由于要兼容h5,市面上没有合适的组件库(vant的使用小程序与h5使用不一样),在掘进上看到了这个组件库很适合,可惜要收费;可以理解,希望未来能开源,这样更多的人就能用起来了。
可以参考uviewui.
感觉这个组件还是挺好用的,避免大量重复代码
不能设置负数,设置了最小值为-99999,也不能输入-号,而且按减少按钮也不能把值减为负数
<fui-textarea
:adjust-position="false"
:showConfirmBar="false"
:focus="textareaFocus"
:borderTop="false"
:isCounter="true"
:maxlength="500"
:borderBottom="false"
:padding="[0 ,0, 0, 0]"
@focus="focus"
@blur="blur"
v-model="textStr"
placeholder="输入需要翻译的文本"
class="textarea"
></fui-textarea>
https://doc.firstui.cn/docs/started.html
就像 uni-ui 一样 从插件市场下载插件并导入HBuilderX
想购买
导入官方实例代码后在阿里小程序中grid无法显示出来
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.