Giter Club home page Giter Club logo

firstui / firstui Goto Github PK

View Code? Open in Web Editor NEW
354.0 4.0 47.0 954 KB

First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。全面兼容App-Nvue、App-vue、小程序(微信、支付宝、百度、字节、QQ)、H5。文档地址:https://doc.firstui.cn (当前为vue版本示例)

License: Apache License 2.0

Vue 88.26% CSS 0.86% JavaScript 8.45% HTML 0.07% SCSS 2.37%
firstui uni-app nvue wei-xin alipay tou-tiao baidu h5 app-nvue android

firstui's People

Contributors

dessli avatar firstui avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

firstui's Issues

在某些组件的初始化中,boundingClientRect方法出现的问题

在我查看/使用(如rate)一些组件时,mounted中以下代码返回值有可能会出现不可被使用(不被正常逻辑认可)的情况

uni.createSelectorQuery().in(this)..select('xxx').boundingClientRect().exec(callback)

普遍做法是使用timeout(并且我已经发现一些组件是这样做的),但是效果可能不太理想,是否可以使用updated代替mounted?因为在一些数据没有被页面使用时,不会导致页面二次刷新。又或者在timeout中的方法再次使用timeout(0)来重新规划时间片,来避免此问题发生?

[bug] DatePicker 日期时间选择器在nvue页面多次选择修改默认值后,显示日期不准确

页面:nvue
vue版本:vue2
编译平台:安卓
设备:Redmi Note9
MIUI版本:MIUI 12.5.9
Android版本:11
firstui版本:v1.7.0
现象:设置默认值后,第一次点击正常,选择时间后在回调函数中修改默认值为选中时间,再次点击,显示的时间对不准,比如日这个显示的就不是准确的日期

IMG_20221004_103608

关键代码:
<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; },

760E5A05D340D26A7E52BB12E68CB6AE

19A8D598E61517C044A51030DCDCB3DA

如果能使用iconify图标就好了

这UI确实挺不错,接入简单,不像uview如要配置四五个地方。而且也能给组件class,真不错,uview就不能
image

重点是我引入了unocss,居然不报错。uview报错报到我以为uniapp就不能引😂
image

能再支持iconify图标那就太完美了

FirstUI 案例征集!

希望大家们能够贡献优秀的项目案例,采纳后将用于 文档介绍 中展示及推荐,当然需要大家提供案例二维码、案例名称,感谢支持。

收费太贵了

  1. 收费太贵
  2. 近一半的组件都收费

建议少量部分收费并且降低收费

部分组件收费不敢使用

当前项目是uni + vue3 + vite , 由于要兼容h5,市面上没有合适的组件库(vant的使用小程序与h5使用不一样),在掘进上看到了这个组件库很适合,可惜要收费;可以理解,希望未来能开源,这样更多的人就能用起来了。

fui-input-number组件

不能设置负数,设置了最小值为-99999,也不能输入-号,而且按减少按钮也不能把值减为负数

fui-textarea @input、v-model 无效

<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>

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.