FirstUI will produce a variety of component libraries under the framework for developers to use, including uni-app, WeChat mini-program, Alipay mini-program, Taro, etc., which will be launched one after another in the future. The currently online versions include uni-app version and WeChat mini-program version!
First UI UNI version is a set of componentized, reusable, easy to expand and low coupling cross-platform mobile UI component library based on uni-app development. Fully compatible with App-Nvue, App-vue, mini programs (WeChat, Alipay, Baidu, Byte, QQ), and H5.
Official website address: https://www.firstui.cn
Document address: https://doc.firstui.cn
FirstUI-weixin is a set of component-based, reusable, easy to expand and low-coupled native WeChat applet UI component library based on WeChat applet development.
Official website address: https://www.firstui.cn
Document address: https://wxdoc.firstui.cn
====================================================================================
Before using First UI, make sure you have learned and proficient in uni-app.
// # Using npm
npm install firstui - uni // # GitHub
git clone https : //github.com/FirstUI/FirstUI.git Use components in the following way. Take Button as an example, and view other components on the corresponding document page.
import fuiButton from "@/components/firstui/fui-button/fui-button"
export default {
components : {
fuiButton
}
} Add configuration in pages.json :
// 下载安装时配置
"easycom" : {
"autoscan" : true ,
"custom" : {
"fui-(.*)" : "@/components/firstui/fui-$1/fui-$1.vue"
}
}
// 使用npm安装时配置(配置完成后重新编译运行)
"easycom" : {
"autoscan" : true ,
"custom" : {
"fui-(.*)" : "firstui-uni/firstui/fui-$1/fui-$1.vue"
}
}After introducing components, you can use components directly in the page
< fui-button text ="默认按钮" > </ fui-button >Official website address: https://www.firstui.cn
Document address: https://doc.firstui.cn
GitHub address: https://github.com/FirstUI/FirstUI
First UI is divided into开源版and商业版. Adding V to all examples or documents means that a member needs to be activated to obtain source code and the member content will not be published to any public channels.
For membership activation, copyright constraint instructions and detailed introduction, please refer to the membership introduction in the FAQ.
New international support is added, and the components are built-in processing, please refer to the documentation for details.
Added TableWeex table component, a nvue-end dedicated component, and only supports apps.
Added Parse rich text parsing component.
SearchBar search bar component optimization, adding new support for v-model bidirectional binding values.
Cascade cascade selector component optimization, the new size attribute in the options data supports setting the font size separately.
ActionSheet pull-up menu component optimization, and the new size attribute added to the itemList data supports setting the font size separately.
DropdownMenu pull-down menu component optimization, adding some new attributes to specify the convention attribute key value in options data.
DropdownList drop-down menu component optimization, adding some new attributes to specify the convention attribute key value in options data.
Gallery component optimization, adding some new attributes to specify the convention attribute key value in urls data.
Tabs tab component optimization, some new attributes are added to specify the convention attribute key value in tabs data.
DataTag tag selection component optimization, and some new attributes are added to specify the convention attribute key value in options data.
Steps component optimization, add some new attributes to specify the convention attribute key value in the item data.
Fab floating button component optimization, some new attributes are added to specify the convention attribute key value in Fabs data.
Drag drag and drop sorting component optimization, adding some new attributes to specify the convention attribute key value in itemList data.
SegmentedControl segmenter component optimization, adding some new attributes to specify the convention attribute key value in the values data.
Vtabs vertical tab component optimization, some new attributes are added to specify the convention attribute key value in vtabs data.
Tabs tab component optimization, adding the itemPadding property to set the left and right spacing of item items.
Panel panel component optimization, adding the new attribute rowReverse to set whether the image and content are arranged in the position.
UploadVideo video upload component optimization, add new deletion events, and return deleted image index information.
Upload image upload component optimization, add new deletion events, return delete image index information, and select the image to return local image File information.
Modal modal box component optimization to fix known issues.
Drag drag and drop sorting component optimization, the default behavior of blocking events when dragging elements under app-vue.
Fab floating button component optimization, fix known issues.
MovableView is a movable view container component optimization, the default behavior of blocking events when dragging elements under app-vue.
Slider slider component optimization, fix known issues.
Drag Sorting Component Optimization, whether to display the menu icon on the right when grouping the title.
Select selector component optimization fixes the problem that the list is not updated when data is passed to empty arrays, and adds a new slot list.
ActionSheet pull-up menu component optimization, some new attributes are added, see the documentation for details.
DropdownList drop-down menu component optimization, adding slot settings to custom item content, see the documentation instructions for details.
DropdownMenu pull-down menu component optimization, adding slot settings to custom item content, see the documentation instructions for details.
Collapse panel component optimization, some new properties are added, please see the documentation for details.
Landscape screen-press window component optimization, add top attribute to set the up and down offset distance, and display it in the center by default.
Modal modal box component optimization, add top attribute to set the up and down offset distance, and display it in the center by default.
DatePicker DateTime Selector component optimization, add new attribute setting interval selection, when passing in default values (value and valueEnd) is selected on the end date or the start date.
Waterfall waterfall component optimization, add new attribute settings to insert data at the starting position, see the documentation for details.
Divider split line component optimization, supports use under gradient background color, and removes some attributes.
FormField form data delivery component optimization, fixing the problem of compilation errors in the latest version of Hbuilderx (4.17.20240511+) development tool.
ImageCropper component optimization, fix known problems, add some new attributes, see the documentation for details.
SingleInput single input box component optimization fixes the problem of style errors when autofocusing on Alipay platform.
Switch switch component optimization, some new attributes are added to adjust the background color.
DigitalRoller Digital Roller Component Optimization to Fix known issues.
Table table component optimization, columnColorMethod parameter fn method adds new return column index parameters.
Footer footer component optimization, add new attributes to set bottom value, and the attribute isFixed is valid when the attribute isFixed is true.
DatePicker DateTime Selector Component Optimization to Fix known issues.
Radio radio box component optimization, add new attribute styleType to set the selected style.
Picker selector component optimization, optimization problem of the problem that the empty array data is not cleared during linkage selection.
DatePicker DateTime Selector component optimization fixes the problem of switching errors when selecting a year in interval.
SwipeAction Sliding Menu Component Optimization to Fix known issues.
DataTag Select component optimization for DataTags to fix known issues.
Form form verification component optimization to fix known issues.
Table table component optimization, adding a new @scrolltolower bottoming event, and the property height is valid when it is not 0.
NoticeBar notification bar component optimization fixes the problem of incomplete display of some text due to line height settings.
ImageCropper Image Cropper Component Optimization to Fix known issues.
Optimize some known issues.
Added Number digital component and DigitalNumbers font.
Added BackgroundImage background image component.
A new commonly used basic style class has been added for page layout. See the document for details.
Barcode barcode component optimization, new support type: Code128, and the WeChat applet has been changed to type=2d implementation.
Qrcode QR code component optimization, WeChat applet is changed to type=2d implementation.
Circle circular progress bar component optimization, and the WeChat applet terminal has been changed to type=2d implementation.
Fab floating button component optimization, add button openType attribute support, please refer to the official button button document introduction for details.
Utils tool component optimization, some new methods are added: generate random colors, convert amounts to capitalization, etc.
ShareSheet share panel component optimization, and add some new attributes and events, see the documentation for details.
Button button component optimization, some new attributes and events are added, please see the documentation for details.
Vtabs vertical tab component optimization, adding @scrolltolower event (only valid when linkage=false).
Select selector component optimization, adding @change event (only valid when type=select).
StatusBar status bar component optimization, new attribute setting is added whether to placeholder by default when isFixed is true to prevent height collapse. See the document for details.
Table Table Component Optimization Fixed the issue of resetting to empty when the value is 0.
Tabbar tab bar component optimization fixes the issue where setting the font icon size may not be centered.
ActionSheet pull-up menu component optimization, partial logic adjustment.
BottomNavbar bottom navigation bar component optimization, partial logic adjustment.
DigitalKeyboard numeric keyboard component optimization, partial logic adjustment.
Footer footer component optimization, partial logic adjustment.
Gallery Gallery component optimization, partial logic adjustment.
LicensePlate license plate number keyboard component optimization, partial logic adjustment.
SafeArea bottom security area component optimization, partial logic adjustment.
Select selector component optimization, partial logic adjustment.
ShareSheet Share panel component optimization, some logic adjustments.
Tabbar tab bar component optimization, partial logic adjustment.
Drawer drawer component optimization, partial logic adjustment.
Modal modal box component optimization, partial logic adjustment.
BottomPopup bottom popup layer component optimization, partial logic adjustment.
SegmentedControl segmenter component sample optimization, new custom height examples.
Lazyload image lazy load component optimization fixes known issues.
Dialog dialog component optimization, the default title is changed to prompt.
WhiteSpace upper and lower spacing components are optimized, with the default value adjusted to 8, 16, 24rpx.
Switch switch selector component optimization, new slots support setting the display content in the circular button, only type=switch is valid, nvue is not supported yet.
DatePicker DateTime Selector component optimization, interval selection and addition attributes are used to determine whether clicking the confirm button to automatically assign the start date or end date, and the toggle interval button to display the corresponding start date or end date.
Poster drawing sharing poster component optimization, drawing pictures supports setting whether to set equal-to-equivalent cropping parameters to ensure that the picture will not deform. See the document for details.
Table table component optimization fixes the problem that the fixed height content on the applet side may be incomplete.
Switch switch component optimization fixes the problem of not centering when there is gap at the bottom of the applet.
Request Network request component optimization, timeout value adjustment, effective when greater than 2000ms.
Global configuration file (fui-config) adjustment.
Fix other known issues.
Poster drawing and sharing poster component optimization, adding support for drawing QR codes, see the document data configuration instructions for details.
FormItem form item component optimization, structural adjustment, and partial style optimization.
Input input box component optimization, new attributes are added to set text alignment, instead of textRight attribute.
Calendar calendar component optimization, adding support for setting badge corner marks.
Icon icon component optimization, adjust some logic.
Tabbar tab bar component optimization, built-in fui-icon icon component, supports the use of font icons instead of picture icons.
Input input box component optimization fixes the problem that some browsers cannot select when the component is disabled in the selection mode.
Lottie animation component optimization, fix known issues.
SingleInput single input box component optimization fixes the problem that cannot be entered when compiled to the Android side of Alipay applet.
Form form verification component optimization, a new method is added to verify the information of a certain field separately, and a new method is added to clear all verification information (effective when used in combination with the FormItem component), and supports rules data being passed in by the FormItem component.
FormItem form item component optimization, supports incoming rules data, adds some new methods, and view the document in detail.
Animation component optimization to fix known issues.
FormItem form item component optimization, fixes the issue of warnings when used alone without combining Form components.
HorizontalScroll The view container component of horizontal scrolling is optimized, adjusting the animation effect of some platforms.
Input input box component optimization fixes the problem that placeholder does not disappear and overlap when setting default values in some platforms.
Textarea multi-line input box component optimization fixes the problem that placeholder does not disappear and overlap when setting default values in some platforms.
Fix other known issues.
Added WhiteSpace upper and lower spacing component.
Added WingBlank left and right spacing component.
Preview form preview component optimization, button data has been added to control whether clicks are disabled.
DataTag tag selection component optimization, and add the new nowrap attribute to set whether the tag list is forced to be displayed in one line (Note: the outer layer needs to add a horizontal scroll container).
The new method of Utils tool class component formatTimeAgo (how long ago the date is formatted), such as just now, 20 seconds ago, 1 minute ago, 3 days ago, 3 months ago, etc.
The Form form verification component and FormItem form item component are optimized. The verification prompt display method is added. When there is an error in the verification, the prompt information can be displayed in the error FormItem item.
Picker selector component optimization, adding a default slot custom title section to display content.
IndexList index list component optimization, adding a bottoming event.
Skeleton skeleton screen component optimization supports use within custom components. You need to call the method to display the skeleton. For details, please refer to the documentation instructions.
SwipeAction Sliding menu component optimization, adding new attribute settings to click the button to not close the menu immediately.
Input input box component optimization, the new property disabledStyle setting is added whether to enable the style in the disabled state (slightly different from the normal input box style).
Textarea multi-line input box component optimization, adding the disabledStyle property to whether to enable the style in the disabled state (slightly different from the normal multi-line input box style).
Table table component optimization, add some new attribute optimization data to display status when it is empty.
Text text component optimization, fix known issues.
Steps component optimization, add some properties, and adjust some style display.
ActionSheet pull-up menu component optimization, optimizes the nvue security area adaptation problem.
Tabbar tabbar component optimization, fix known issues.
ShareSheet shares panel component optimization, optimizes nvue security area adaptation issues.
SearchBar search bar component optimization, and new fixed attributes are added.
Picker selector component optimization fixes the issue that the change event of the TikTok applet may not be triggered.
DatePicker date and time selector component optimization fixes the issue that the change event of the TikTok applet may not be triggered.
Input input box component optimization to fix known issues.
Textarea Multi-line input box component optimization, fixing known issues.
Global configuration file (fui-config) adjustment.
Fix other known issues.
New components use FirstUI-nvue under nvue. The vue version example remains unchanged. Please read the documentation prompts first when using components. It is recommended to use them according to the documentation prompts.
DataTag tag selection component optimization, change event adds the option data item item.
LoadAni load animation component optimization, new support for nvue is added, and the usage method is consistent. See the documentation for details.
Calendar calendar component optimization, add new attributes to set up the maximum number of days, see the document description for details.
Preview form preview component optimization, add click events to list content, and add new methods to modify the content value of click rows. See the document description for details.
Badge badge component optimization, fixing the problem of truncated Chinese.
Picker selector component optimization, logical adjustment of default value settings under nvue, and some style adjustments.
DatePicker date and time selector component optimization, logical adjustment of default value settings under nvue, and some style adjustments.
ImageCropper Image Cropper Component optimization, adjust some data types, and fix the problem that the initialization of incoming image locations may display incorrectly.
Text text component optimization fixes the problem that the nvue side cannot wrap lines.
Grid grid component optimization, adding some new attributes to fix the problem that too much data on the nvue side may cause no display.
Input input box component optimization fixes the problem that NVUE side ios cannot enter. This problem is caused by solving the problem that the click event on the Android side cannot bubble.
Preview form preview component optimization fixes the problem that the content text on nvue side may not be wrapped.
Card component optimization, adjust some properties of nvue end.
Layout raster layout (fui-row) component optimization, fixing the problem of incorrect layout of .nvue page compiled to non-app pages.
Textarea Multi-line input box component optimization, adjusting some logic.
Sticky ceiling container component optimization, adjusting some logic.
Spin rotates animation components to optimize and adjust some logic.
ShareSheet Share panel component optimization and adjust some logic.
Rate scoring component optimization, adjust some logic, and add new methods to reset components.
Loading Loading component optimization and adjust some logic.
LoadMore Loads more component optimizations and adjusts some logic.
Lazyload picture lazily loads component optimization and adjusts part of the logic.
IndexList Index List component optimization, adjusting some logic.
HorizontalScroll horizontally scrolls the view container component optimization, adjusting some logic.
Fab floating button component optimization, adjusting part of the logic.
Drawer drawer components are optimized to adjust some logic.
Circle Circular progress bar component optimization, adjusting part of the logic.
Backdrop mask layer component optimization, adjusting part of the logic.
Cascade selector component optimization fixes the problem that more than one screen may not be scrolled in nvue.
Select Selector component optimization, adjust some styles.
Switch switch component optimization to fix known issues.
SearchBar search bar component optimization, if the search button text is empty, this button can be hidden.
Pagination paging component optimization to fix known issues.
Tabs tab component optimization, fix known issues.
Steps component optimization to fix known issues.
Tag tag component optimization, add new attribute settings to set whether borders are required.
Result Result page component optimization, fix known issues.
Input input box component optimization fixes the problem that the focus attribute control may not take effect under nvue.
Textarea multi-line input box component optimization fixes the issue that the focus attribute control may not take effect under nvue.
Skeleton skeleton screen component optimization, and animation effects are added to nvue.
Optimize some known issues.
Added WEEX documents to facilitate .nvue to view relevant documents when developing apps. For more documents, you can view the official documents of uniapp.
Added Section title bar component.
Added the BannerArc banner bottom arc component.
Select select component optimization, adding new attributes to set the key values of text and src agreed in options data.
Preview form preview component optimization, adding new properties to set content text alignment.
DatePicker date and time selector component optimization, maximum and minimum value format optimization, supports incoming year, year-month, year-month-day.
Tabbar tab bar component optimization, non-nvue new attribute settings to return to the fixed height of the security area at the bottom of the special-shaped screen.
Table table component optimization, new sorting function is added, see the sample program and documentation for details.
Calendar calendar component optimization, a new method is added to set the custom description content of the current month of the calendar.
Input input box component optimization fixes the problem that the click event on Android nvue side cannot bubble.
Footer footer component optimization, fixing the applet style warning problem.
Avatar avatar component optimization, fix known issues, and adjust the default value of the image zoom mode.
SearchBar search bar component optimization fixes the problem that the H5 end may need to click twice before the keyboard pops up.
SwipeAction sliding menu component optimization, adding marginTop and marginBottom attributes.
Loading load component optimization, add new attributes to set the mask background color.
ShareSheet share panel component optimization, add button openType attribute support, please refer to the official button button document introduction for details.
NavBar navigation bar component optimization, new attribute setting is added whether to placeholder by default when isFixed is true to prevent height collapse. See the document for details.
Radio radio box component optimization to fix known issues.
Preview form preview component optimization, fixing the issue that some styles may not take effect under vue3.
Panel panel component optimization fixes the problem that some styles may not take effect under vue3.
Layout raster layout component (fui-row) component optimization fixes the problem that some styles may not take effect under vue3.
Table Table Component Optimization, Fix known issues.
Steps component optimization to fix known issues.
Fab floating button component optimization.
MovableView Removable View Container Component Optimization.
Input input box component optimization, non-Nvue border colors can be modified by default through css variables.
Textarea multi-line input box component optimization, non-Nvue border colors can be modified by default through css variables.
List list component optimization.
Vtabs portrait tab component optimization.
Collapse panel component optimization.
Lazyload picture lazy load component optimization, optimization known issues.
Waterfall waterfall component optimization.
Drawer drawer component optimization to fix the problem of Nvue error reporting.
Picker selector component optimization, fix known issues.
DatePicker date and time selector component optimization fixes the problem that the change event is not triggered due to the nvue judgment error.
Input input box component optimization, when optimizing type=number, the judgment of increasing the range of safe integers.
Button button component optimization.
Optimize some known issues.
Added MovableView movable view container component.
Added the HorizontalScroll view container component for horizontal scrolling.
Global configuration fui-config has added some new content, see the documentation for details.
Optimize the error problem of using Vuex in Nvue under vue3.
Waterfall waterfall component optimization, adding new attributes to set the image height. When the image height is known and fixed, the value can be set directly, which can effectively shorten the rendering time.
Button button component optimization, optimizes the issue of submitting native form under vue3.
FormField form data delivery component optimization, removing the behaviors restrictions under vue3.
CheckBox checkbox component optimization, optimize the issue of obtaining value in vue3 combined with native form submission.
Radio radio box component optimization, optimize the issue of obtaining value in vue3 combined with native form submission.
Switch switch component optimization, removing the behaviors restrictions under vue3.
Textarea multi-line input box component optimization, removing the behaviors restrictions under vue3.
Input input box component optimization, remove the behaviors restrictions under vue3.
Button button component optimization, the new btnSize property has been added to set the button size, with priority higher than the width and height properties.
The Form form verification component and FormItem form item component are optimized. The new attribute labelWeight is added to set the label word weight, and the global configuration is used by default.
Textarea multi-line input box component optimization. When the property textareaBorder is true, it supports setting the border color, and supports displaying the border when setting the rounded corners.
Input input box component optimization. When the property inputBorder is true, it supports setting the border color and displaying the border when setting the rounded corners.
Rate scoring component optimization, optimization components are nested in the Drawer drawer component and the problem of errors in distance calculation when using the non-FirstUI drawer component. When using the non-FirstUI drawer component, please call the setParentWidth method to correct it. See the documentation for details.
Picker selector component optimization, fix known issues.
DatePicker DateTime Selector Component Optimization to Fix known issues.
SearchBar search bar component optimization, add a default slot to customize the content on the left, such as the return arrow.
OverflowHidden content exceeds hidden component sample optimization.
DatePicker DateTime Selector component optimization, logical adjustment when interval selection, and clicking the confirm button when not selected will assign the current option by default.
Table table component optimization, and the new multi-select function is added. See the document for details.
Avatar avatar component optimization, adding the block attribute setting whether it is a block element, fixing the problem of possible gaps at the bottom of the outer container when it is an in-line element.
Steps component optimization, add new attributes to set the status and color of the current step, and add new attributes to set whether the line is bold.
Fab floating button component optimization, adding the new attribute isDrag to set whether it can be dragged and moved.
Upload image upload component optimization, and new extension methods are added for uploading. In order to better meet more scenario needs, please refer to the documentation and examples for details.
UploadVideo video upload component optimization, new extension methods are added for uploading. In order to better meet more scenario needs, please refer to the documentation and examples for details.
SearchBar search bar component optimization fixes the problem that H5 and some platforms cannot pop up the keyboard once clicked, and fixes the problem of setting value value initialization error.
Gallery component optimization fixes the issue where description text may not be displayed.
BubbleBox bubble box component optimization, the default value of the right attribute is changed to 0.
Select selector component optimization to fix known issues.
Alert warning box component optimization, Nvue type main color uses the color configured in fui-config by default.
Badge badge component optimization, Nvue type main color uses the colors configured in fui-config by default.
Button button component optimization, Nvue type main color uses the color configured in fui-config by default.
Calendar calendar component optimization, the main color uses the colors configured in fui-config by default.
Cascader cascade selector component optimization, Nvue end main colors use the colors configured in fui-config by default.
CheckBox checkbox component optimization, Nvue main color uses global configuration (fui-config) color by default.
Circle Circle Progress Bar Component Optimization, the main color uses global configuration (fui-config) colors by default.
CountdownVerify verification code countdown component optimization, Nvue main color uses global configuration (fui-config) color by default.
DataTag tag selection component optimization, and the main color uses global configuration (fui-config) color by default.
DatePicker date-time selector component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Dialog dialog box component optimization, the main color uses global configuration (fui-config) color by default.
DigitalKeyboard numeric keyboard component optimization, Nvue main color uses global configuration (fui-config) colors by default.
DigitalRoller digital scroll wheel component optimization, Nvue main color uses global configuration (fui-config) colors by default.
DropdownList drop-down menu component optimization, Nvue main color uses global configuration (fui-config) colors by default.
DropdownMenu pull-down menu component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Fab floating button component optimization, Nvue main color uses global configuration (fui-config) color by default.
Footer footer component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Form form verification component optimization, Nvue main colors use global configuration (fui-config) colors by default.
FormItem form item component optimization, the main color uses global configuration (fui-config) color by default.
IndexList index list component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Input input box component optimization, the main color uses global configuration (fui-config) color by default.
LicensePlate keyboard component optimization, Nvue main color uses global configuration (fui-config) color by default.
Link hyperlink component optimization, Nvue main color uses global configuration (fui-config) colors by default.
LoadMore loads more component optimizations, and the Nvue main color uses global configuration (fui-config) colors by default.
Modal modal box component optimization, Nvue main color uses global configuration (fui-config) colors by default.
NoticeBar notification bar component optimization, Nvue main color uses global configuration (fui-config) color by default.
Pagination paging component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Picker selector component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Progress progress bar component optimization, Nvue main color uses global configuration (fui-config) colors by default.
PuzzleVerify slider puzzle verification component optimization, Nvue main color uses global configuration (fui-config) color by default.
Radio radio box component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Rate scoring component optimization, the main color uses global configuration (fui-config) colors by default.
Result result page component optimization, Nvue type main color uses global configuration (fui-config) color by default.
RotateVerify is optimized for rotation verification components, and the main color uses global configuration (fui-config) colors by default.
SearchBar search bar component optimization, Nvue main color uses global configuration (fui-config) colors by default.
SegmentedControl segmenter component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Select selector component optimization, Nvue main colors use global configuration (fui-config) colors by default.
SingleInput single input box component optimization, Nvue main color uses global configuration (fui-config) colors by default.
SlideVerify sliding verification component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Slider slider component optimization, Nvue main color uses global configuration (fui-config) colors by default.
SliderCaptcha slider puzzle verification component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Steps component optimization, Nvue main color uses global configuration (fui-config) colors by default.
SwipeAction sliding menu component optimization, the main color uses global configuration (fui-config) colors by default.
The SwiperDot carousel diagram indicates the optimization of point components, and the Nvue main color uses global configuration (fui-config) colors by default.
Switch switch component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Tabbar tab bar component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Table table component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Tabs tab component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Tag tag component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Text text component optimization, Nvue main colors use global configuration (fui-config) colors by default.
Textarea multi-line input box component optimization, Nvue main color uses global configuration (fui-config) colors by default.
UploadVideo video upload component optimization, the main color uses global configuration (fui-config) color by default.
Vtabs portrait tab component optimization, Nvue main color uses global configuration (fui-config) colors by default.
Icon icon component optimization, new color configuration is added to the global configuration.
List list component optimization, and new global configuration.
Optimize some known issues.
Added Link hyperlink component.
Added Lottie animation component.
Kuaishou applet supports optimization and documentation is adjusted accordingly.
Upload image upload component optimization, add new attribute settings, rounded corner values, plus font size, etc.
UploadVideo video upload component optimization, add new attribute settings, rounded corner values, plus font size, etc.
Text text component optimization, add unShrink attribute, and set cancel shrink under flex layout.
SingleInput Single Input Box Component Optimization to Fix known issues.
Circle circular progress bar component optimization, fixing the problem that the compiled to headlines/TikTok applets under vue3 do not display.
Poster draws and share poster component optimization, fixing the problem that the compiled to headlines/TikTok applets under vue3 do not display.
Qrcode QR code component optimization, fixing the problem that the compiled to headlines/TikTok applets under vue3 do not display.
Barcode barcode component optimization, fixing the problem that the compiled to headlines/TikTok applets under vue3 do not display.
Autograph handwritten signature component optimization, fixing the problem that the compiled to headlines/Tiktok applets under vue3 does not display.
SliderCaptcha slider puzzle verification component optimization, fixing the problem that the compiled to the headline/TikTok applet under vue3 does not display.
DataTag tag selection component optimization, and add new attributes to set the default border color.
Pagination paging component optimization, adding page number display type.
SwipeAction Sliding Menu Component Optimization to Fix known issues.
Drag drag and drop sorting component optimization, fixing the problem of initialization exception when vue2 compiles to the app.
ChatBar Chatbar optimization, fix known issues.
Circle circular progress bar component optimization, non-Nvue side supports setting gradient color.
SearchBar search bar component optimization, add reset method, and set component back to initialization state.
SearchBar search bar component optimization, Nvue style adjustment, fix the problem that Nvue clicks may not directly pop up the keyboard.
Calendar calendar component optimization fixes the problem that Nvue may not display.
SlideVerify sliding verification component optimization, fixing the problem of sliding lag when non-nvue running to the app end in vue3.
RotateVerify RotateVerify component optimization, fixing the problem of sliding lag when non-nvue runs to the app for multiple operations under vue3.
SliderCaptcha slider puzzle verification component optimization, fixing the problem of sliding lag when non-nvue runs to the app for multiple operations under vue3.
PuzzleVerify slider puzzle verification component optimization, fixing the problem of sliding lag when non-nvue runs to the app for multiple operations under vue3.
Picker selector component optimization, Nvue supports dark mode.
DatePicker date and time selector component optimization, Nvue supports dark mode.
Picker selector component optimization, too fast operation may cause incorrect return value updates. Some problems require the development tool version to Hbuilder X 3.7.13.20230411-alpha+.
Picker selector component optimization, adding isClose attribute to set whether to close the selection box immediately after clicking the confirmation button. Setting it to false requires closing it yourself (it can be used when you need to verify the selection value in the @change event).
DatePicker 日期时间选择器组件优化,新增isClose 属性设置点击确认按钮后是否立即关闭选择弹框,设置为false需要自行关闭(@change事件中需要对选择值做校验时可使用)。
Select 选择器组件优化,属性(props) options 新增disabled 属性控制是否禁用选择。
Barcode 条形码页面示例优化,调整输入框值判断出错的问题(输入框type=number时返回的是Number类型值)。
Button 按钮组件优化,新增小程序端部分事件,具体查看文档介绍。
Circle 圆形进度条组件优化,修复vue2下H5端运行控制台报错的问题。
SwipeAction 滑动菜单组件优化,修复Nvue端滑动关闭时报错的问题。
InputNumber 数字输入框组件优化,去除谷歌浏览器pc端自带默认箭头。
Select 选择器组件优化,修复Nvue端编译部分机型可能会出现header高度不正确的问题。
Switch 开关组件优化,修复vue3下编译到H5可能点击不能触发选中的问题。
Modal 模态框组件优化,修复Nvue下Android端点击按钮不触发事件的问题。
SwipeAction 滑动菜单组件优化,修复vue3下H5端禁用滑动失效的问题。
Drag 拖拽排序组件优化,修复vue3下wxs方法无法与data数据混用导致事件失效的问题,此bug为uni-app编译问题,后续若官方修复再进行优化调整。
Select 选择器组件优化,item项图片新增属性设置背景色和裁剪、缩放方式。
Grid 宫格组件优化,item项(fui-grid-item)新增click事件,原fui-grid组件事件不变。
DatePicker 日期时间选择器组件优化,修复设置最小值(minDate)和最大值(maxDate)显示不正确的问题。
BubbleBox 气泡框组件优化,position 值为absolute 时,支持设置left(right)、top(bottom)值。
优化部分已知问题。
新增聊天模板A,项目包含验证码登录、注册、选择国家或地区、输入验证码、聊天列表、聊天、联系人、个人中心、个人信息、通知等页面(物料)。
新增聊天模板B,项目包含小程序一键登录、手机号一键登录、手机验证码登录、聊天、首页、个人中心、我要合作、个人信息、支付状态、会员等页面(物料)。
FilterBar 筛选栏组件优化,新增属性coexist 设置dropdown、text、switch等类型筛选条件是否不互斥,可查看示例演示。
CheckBox 复选框组件优化,修复vue3下编译到H5可能点击不能触发选中的问题。
Radio 单选框组件优化,修复vue3下编译到H5可能点击不能触发选中的问题。
Picker 选择器组件优化,修复属性value传值为Number类型时出现警告的问题。
Tabs 标签页组件优化,新增center属性设置底部滑块是否居中显示。
FormItem 表单项组件优化,新增asteriskPosition属性设置必填星号位置,新增labelAlign属性设置label对齐方式,默认使用全局配置。
Textarea 多行输入框组件优化,新增radius属性设置圆角值。
Input 输入框组件新增passwod类型示例,可显示或隐藏密码。
Layout 栅格布局组件优化,修复Nvue端css编译报警告的问题。
DatePicker 日期时间选择器组件优化,修复已知问题。
Tabs 标签页组件优化,修复可能导致页面卡住不显示的问题。
IndexList 索引列表组件优化,修复并优化已知问题。
SingleInput 单输入框组件优化,修复nvue中可能出现输入框无法获取焦点问题。
组件文档搜索优化,能快速定位到搜索内容。
修复其他已知问题。
UploadVideo 视频上传组件优化,修复H5端无法播放非https地址视频的问题。
Layout 栅格布局组件优化,修复Nvue端css编译报错的问题。
Input 输入框组件优化,修复input组件type=digit时,小数部分无法录入0问题。
Input 输入框组件优化,App与H5端password属性使用v-bind动态绑定,为false时,不添加password属性。
Input 输入框组件优化, 新增readonly 属性,与disabled不同的是readonly属性保留了清空按钮使用,readonly优先级高于disabled。
Form 表单校验组件与FormItem 表单项优化,可在Form组件设置部分props统一控制FormItem中部分样式,优先级:FormItem组件props > Form组件props > 全局属性。
Picker 选择器组件优化,修复多级联动选择时设置默认值可能部分列不生效问题。
DatePicker 日期时间选择器组件优化,新增属性valueEnd,优化区间选择时默认值设置,起始日期与结束日期默认值分别使用属性value 与valueEnd,设置默认值后可直接点击确认按钮返回。
Calendar 日历组件优化,新增属性isMultiple,用于控制是否一次性加载一年的日历数据。
Upload 图片上传组件优化,新增默认插槽用于自定义上传加号图标。
UploadVideo 视频上传组件优化,新增默认插槽用于自定义上传加号图标。
Switch 开关组件优化。
Cascader 级联选择器组件优化。
Drag 拖拽排序组件优化,修复编译到微信小程序端内容超过一屏页面无法滚动的问题。
Avatar 头像组件优化,新增图片加载出错时@error 事件以及新增属性errorSrc 配置图片加载失败时的默认图。
Table 表格组件优化,修复vue3下事件未声明报警告的问题。
Table 表格组件增加列渲染方法,可根据当前列数据设置单元格内的文本颜色。
Table 表格header属性增加align配置,优先级大于属性align。
DataTag 标签选择组件优化,新增默认选中示例。
DataTag 标签选择组件优化,新增multipleMin属性,仅多选时有效,当选择数小于最小值时不可反选。
DataTag 标签选择组件优化,当options传值为对象数组时,对象中新增属性isAll 可设置其中一个为全选按钮标签,与其他标签操作互斥,仅多选时有效。
Drawer 抽屉组件优化,新增radius属性设置圆角值。
Modal 模态框组件优化,修复已知问题,新增padding属性。
Tabs 标签页组件优化,修复vue3 + Nvue下文字可能不显示的问题。
Request 网络请求组件优化,get请求支持参数值为数组,详见文档。
Animation 动画组件属性styles参数传值优化,默认值写入组件方法内部,styles仅做替换合并使用。
新增WATERFALL 瀑布流加载布局内容。
新增TOP TAB 顶部选项卡布局内容。
新增NEWS LIST 新闻列表布局内容。
新增PRODUCT LIST 商品列表布局内容。
新增MAP 地图布局内容-线路规划。
新增ROLL HORIZONTAL 横向滚动布局内容。
新增UploadVideo 视频上传组件(VIP组件)。
新增FormItem 表单项组件(VIP组件)。
Label 标签组件优化。
Card 卡片组件优化,新增footerLine属性。
InputNumber 数字输入框组件优化,修复最小值设为负数不生效的问题,新增type属性当设值为text则可输入负号小数点等。
Panel 面板组件优化,新增属性配置数据源键值(key)。
Preview 表单预览组件优化,新增属性配置数据源键值(key),修复部分兼容问题。
Input 输入框组件优化,新增min和max属性,当type=number、type=digit、number属性为true时生效。
LicensePlate 车牌号键盘组件优化,新增方法changeKeyboard 切换键盘显示。
ImageCropper 图片裁剪组件优化,修复已知bug。
Grid 宫格组件优化。
Textarea 多行输入框组件已知问题优化。
Input 输入框组件已知问题优化。
Text 文本组件优化,新增部分属性(props)。
Button 按钮组件优化,修复nvue端样式background加!important报错的问题。
Waterfall 瀑布流组件优化,请参考【布局-瀑布流】示例做加载刷新操作。
DatePicker 日期时间选择器组件优化,修复type=1时设置默认值失效的问题,修复区间选择设置起始日期文本出错的问题。
Landscape 压屏窗组件优化,新增属性支持absolute定位,以便用于其他组件内。
Validator 表单验证(JS)组件优化,支持校验所有元素并返回所有错误信息。
Form 表单校验组件优化,支持校验所有元素并返回所有错误信息。
Radio 单选框组件优化,修复Nvue端vue3下可能显示不正确的问题。
Checkbox 复选框组件优化,修复Nvue端vue3下可能显示不正确的问题。
Switch 开关组件优化,修复Nvue端vue3下可能显示不正确的问题。
OverflowHidden 内容超出隐藏组件优化,新增部分属性。
Lazyload 图片懒加载组件优化,新增部分属性。
修复部分已知问题。
新增组件全局配置,目前仅针对部分常用组件处理,详见文档[全局配置]。
新增Text 文本组件。
新增spin 旋转动画组件(VIP组件)。
新增SafeArea 底部安全区域组件(VIP组件)。
新增DataTag 标签选择组件(VIP组件)。
新增SubmitBar 提交订单栏布局内容(VIP)。
新增GoodsBar 商品导航栏布局内容(VIP)。
新增ChatBar 聊天栏布局内容(VIP)。
新增RollNews 滚动消息布局内容(VIP)。
新增CardSwiper 卡片轮播布局内容(VIP)。
BubbleBox 气泡框组件优化,新增内容插槽(content),可自定义气泡框内容;新增属性padding,用于调整气泡框内置内容item项padding值。
LoadMore 加载更多组件优化,新增属性state 控制组件显示状态。
Backdrop 遮罩层组件优化,Nvue端去除v-if使用,修复fixed定位时遮挡位置靠后的fixed元素问题;Nvue端新增属性full,当组件放置根元素下且为absolute定位时可设置遮罩铺满屏幕。
Poster 绘制分享海报组件优化,修复编译到微信小程序功能失效的问题。
Qrcode 二维码组件优化,修复编译到微信小程序功能失效的问题。
Barcode 条形码组件优化,修复编译到微信小程序功能失效的问题。
Autograph 手写签名组件优化,修复编译到微信小程序功能失效的问题。
Table 表格组件优化,修复设置图片类型显示错误的问题。
Textarea 多行输入框组件优化,调整maxlength设为-1时,双向绑定不生效的问题。
Button 按钮组件优化,默认调整为细边框(0.5px)。
Picker 选择器组件优化,修复已知问题。
DatePicker 日期时间选择器组件优化,修复已知问题。
Badge 徽章组件优化,修复Nvue端可能出现文本被截断的情况。
优化若干已知问题。
新增Vtabs 纵向选项卡组件(VIP组件)。
新增PuzzleVerify 滑块拼图验证组件(VIP组件),此组件为SliderCaptcha 滑块拼图验证组件的功能补充。 See details
新增Drag 拖拽排序组件(VIP组件)。
新增ImageCropper 图片裁剪组件(VIP组件)。
新增Table 表格组件(VIP组件)。
Utils 工具类组件新增函数节流方法使用案例。
Badge 徽章组件优化,新增max属性,当值超过max时使用+号代替,仅为数字时有效。
SingleInput 单输入框组件优化,新增清空方法重置输入值(结合原生键盘时使用)。
Button 按钮组件优化,修复微信小程序端@click事件中调用wx.getUserProfile无效的问题以及在subNVue中点击事件失效的问题。
Form 表单校验示例新增其他表单元素,满足更多表单需求。
Icon 图标组件优化,新增支持自定义图标,详见文档说明。
DropdownMenu 下拉菜单组件优化,支持nvue。
Input 输入框组件优化,新增number 属性,修复v-model.number在小程序平台值未转化为Number类型问题。
修复Grid 宫格组件ref 被误删除导致报错的问题。
修复并优化Circle 圆形进度条组件在nvue端出错的问题。
修复vue2下使用wxs初始化时可能报错的问题。
ActionSheet 上拉菜单组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
BottomNavbar 底部导航栏组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
BottomPopup 底部弹出层组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
DigitalKeyboard 数字键盘组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
Footer 页脚组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
Gallery 画廊组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
LicensePlate 车牌号键盘组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
Select 选择器组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
ShareSheet 分享面板组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
Tabbar 标签栏组件优化,新增属性safeArea 控制是否需要适配底部安全区域。
BottomPopup 底部弹出层组件优化,优化Nvue下设置顶部圆角值时IOS底部偶尔出现圆角的问题。
优化若干已知问题。
新增Circle 圆形进度条组件(VIP组件)。
新增Skeleton 骨架屏组件(VIP组件)。
新增CubicBezier 贝塞尔曲线组件(VIP组件)。
新增SlideVerify 滑动验证组件(VIP组件)。
新增RotateVerify 旋转验证组件(VIP组件)。
新增SliderCaptcha 滑块拼图验证组件(VIP组件)。
新增OverflowHidden 内容超出隐藏组件(VIP组件)。
新增Backtop 回到顶部组件(VIP组件)。
新增Lazyload 图片懒加载组件(VIP组件)。
新增Waterfall 瀑布流组件(VIP组件)。
优化部分组件在vue3下显示异常,控制台报出警告的问题。
优化Upload 图片上传组件。新增属性设置删除图片时是否弹框确认;图片上传数到达限制数max时隐藏选择框。
修复Preview 表单预览组件改变数据页面不更新的bug。
优化Button 按钮组件在Nvue以及PC中的点击效果。
优化Card 卡片组件在Nvue中样式显示不正确的问题。
优化Message 消息提示组件,部分props属性可在show方法中传值覆盖。
优化Select 选择器组件,修复单选时设置默认选中项无效的问题。
优化CountDown 倒计时组件,修复初始化传0触发倒计时结束事件的问题。
修复Layout 栅格布局组件属性gutter不生效的bug。
修复InputNumber 数字输入框组件在vue3下blur 事件未在emits中申明的问题。
优化若干已知问题。
新增Calendar 日历组件(VIP组件)。
新增Cascader 级联选择器组件(VIP组件)。
新增Slider 滑块组件(VIP组件)。
新增Rate 评分组件(VIP组件)。
新增Select 选择器组件(VIP组件)。
新增Upload 图片上传组件(VIP组件)。
新增Gallery 画廊组件(VIP组件)。
新增BubbleBox 气泡框组件(VIP组件)。
新增BottomNavbar 底部导航栏组件(VIP组件)。
新增CountDown 倒计时组件(VIP组件)。
新增CopyText 长按复制组件(VIP组件)。
新增Timer 计时器组件(VIP组件)。
新增Qrcode 二维码组件(VIP组件)。
新增Barcode 条形码组件(VIP组件)。
新增Autograph 手写签名组件(VIP组件)。
修复Textarea 多行输入框组件回车无法换行的问题。
优化Request 网络请求组件,新增加载中提示信息配置项。
优化Icon 图标组件,新增部分图标。
优化若干已知问题。
新增Tabbar 标签栏组件(VIP组件)。
新增ActionSheet 上拉菜单组件。
新增Toast 轻提示组件。
新增Dialog 对话框组件。
新增DropdownMenu 下拉菜单组件。
新增DropdownList 下拉菜单组件。
新增Modal 模态框组件(VIP组件)。
新增Landscape 压屏窗组件(VIP组件)。
新增Message 消息提示组件(VIP组件)。
新增BottomPopup 底部弹出层组件。
新增TopPopup 顶部弹出层组件。
新增Drawer 抽屉组件。
新增NoticeBar 通告栏组件(VIP组件)。
新增TimeAxis 时间轴组件(VIP组件)。
新增Steps 步骤条组件(VIP组件)。
新增Progress 进度条组件(VIP组件)。
新增Collapse 折叠面板组件。
新增SwiperDot 轮播图指示点组件(VIP组件)。
新增DigitalRoller 数字滚轮组件(VIP组件)。
新增DigitalKeyboard 数字键盘组件(VIP组件)。
新增LicensePlate 车牌号键盘组件(VIP组件)。
新增CountdownVerify 验证码倒计时组件(VIP组件)。
新增Sticky 吸顶容器组件(VIP组件)。
新增Fab 浮动按钮组件(VIP组件)。
新增ShareSheet 分享面板组件(VIP组件)。
新增FilterBar 筛选栏组件(VIP组件)。
新增SwipeAction 滑动菜单组件。
新增Picker 选择器组件(VIP组件)。
新增DatePicker 日期时间选择器组件(VIP组件)。
新增门户模板(物料)。
优化掉部分组件中对头条小程序做兼容的冗余代码。
优化若干已知问题。
调整组件对vue3支持与uni-app官方一致。
新增Panel 面板组件(VIP组件)。
新增Preview 表单预览组件(VIP组件)。
新增Empty 缺省页组件。
新增SegmentedControl 分段器组件。
新增Pagination 分页器组件。
新增NavBar 导航栏组件(VIP组件)。
新增Tabs 标签页组件。
新增Tag 标签组件。
新增Backdrop 遮罩层组件。
新增Result 结果页组件(VIP组件)。
新增Avatar 头像组件。
新增Form 表单校验组件(VIP组件)。
新增Validator 表单验证(JS)组件(VIP组件)。
新增SingleInput 单输入框组件(VIP组件)。
新增IndexList 索引列表组件(VIP组件)。
新增SearchBar 搜索栏组件(VIP组件)。
新增登录(A)模板(物料)。
新增登录(B)模板(物料)。
新增登录(C)模板(物料)。
新增登录(D)模板(物料)。
优化若干已知问题。
新增Color 色彩,First UI用色指南。
新增Icon 图标组件,First UI字体图标库。
新增Button 按钮组件。
新增Footer 页脚组件。
新增Animation 动画组件。
新增StatusBar 状态栏组件。
新增Layout 栅格布局组件(fui-row和fui-col)。
新增Grid 宫格组件(fui-grid和fui-grid-item)。
新增List 列表组件(fui-list和fui-list-cell)。
新增Card 卡片组件。
新增Input 输入框组件。
新增InputNumber 数字输入框组件。
新增Label 标签组件。
新增FormField 表单数据传递组件(微信/百度/QQ小程序)。
新增Radio 单选框组件。
新增Checkbox 复选框组件。
新增Switch 开关组件。
新增Textarea 多行输入框组件。
新增Loading 加载组件。
新增LoadAni 加载动画组件(VIP组件)。
新增Badge 徽章组件。
新增Alert 警告框组件。
新增Divider 分割线组件。
新增LoadMore 加载更多组件。
新增Clipboard 复制文本组件(VIP组件)。
新增Request 网络请求组件(VIP组件)。
新增Utils 工具类组件。
新增Poster 绘制分享海报组件(VIP组件)。