uni ui 支持的列表为方便查找

迷南。 2022-09-01 08:44 205阅读 0赞

### uni-ui 已支持的组件列表 ###

<table> 
 <thead> 
  <tr> 
   <th>组件名</th> 
   <th>组件说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>uni-badge</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-badge" rel="nofollow">数字角标</a></td> 
  </tr> 
  <tr> 
   <td>uni-calendar</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-calendar" rel="nofollow">日历</a></td> 
  </tr> 
  <tr> 
   <td>uni-card</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-card" rel="nofollow">卡片</a></td> 
  </tr> 
  <tr> 
   <td>uni-collapse</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-collapse" rel="nofollow">折叠面板</a></td> 
  </tr> 
  <tr> 
   <td>uni-combox</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-combox" rel="nofollow">组合框</a></td> 
  </tr> 
  <tr> 
   <td>uni-countdown</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-countdown" rel="nofollow">倒计时</a></td> 
  </tr> 
  <tr> 
   <td>uni-data-checkbox</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-data-checkbox" rel="nofollow">数据选择器</a></td> 
  </tr> 
  <tr> 
   <td>uni-data-picker</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-data-picker" rel="nofollow">数据驱动的picker选择器</a></td> 
  </tr> 
  <tr> 
   <td>uni-dateformat</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-dateformat" rel="nofollow">日期格式化</a></td> 
  </tr> 
  <tr> 
   <td>uni-datetime-picker</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-datetime-picker" rel="nofollow">日期选择器</a></td> 
  </tr> 
  <tr> 
   <td>uni-drawer</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-drawer" rel="nofollow">抽屉</a></td> 
  </tr> 
  <tr> 
   <td>uni-easyinput</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-easyinput" rel="nofollow">增强输入框</a></td> 
  </tr> 
  <tr> 
   <td>uni-fab</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-fab" rel="nofollow">悬浮按钮</a></td> 
  </tr> 
  <tr> 
   <td>uni-fav</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-fav" rel="nofollow">收藏按钮</a></td> 
  </tr> 
  <tr> 
   <td>uni-file-picker</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-file-picker" rel="nofollow">文件选择上传</a></td> 
  </tr> 
  <tr> 
   <td>uni-forms</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-forms" rel="nofollow">表单</a></td> 
  </tr> 
  <tr> 
   <td>uni-goods-nav</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-goods-nav" rel="nofollow">商品导航</a></td> 
  </tr> 
  <tr> 
   <td>uni-grid</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-grid" rel="nofollow">宫格</a></td> 
  </tr> 
  <tr> 
   <td>uni-group</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-group" rel="nofollow">分组</a></td> 
  </tr> 
  <tr> 
   <td>uni-icons</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-icons" rel="nofollow">图标</a></td> 
  </tr> 
  <tr> 
   <td>uni-indexed-list</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-indexed-list" rel="nofollow">索引列表</a></td> 
  </tr> 
  <tr> 
   <td>uni-link</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-link" rel="nofollow">超链接</a></td> 
  </tr> 
  <tr> 
   <td>uni-list</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-list" rel="nofollow">列表</a></td> 
  </tr> 
  <tr> 
   <td>uni-load-more</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-load-more" rel="nofollow">加载更多</a></td> 
  </tr> 
  <tr> 
   <td>uni-nav-bar</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-nav-bar" rel="nofollow">自定义导航栏</a></td> 
  </tr> 
  <tr> 
   <td>uni-notice-bar</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-notice-bar" rel="nofollow">通告栏</a></td> 
  </tr> 
  <tr> 
   <td>uni-number-box</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-number-box" rel="nofollow">数字输入框</a></td> 
  </tr> 
  <tr> 
   <td>uni-pagination</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-pagination" rel="nofollow">分页器</a></td> 
  </tr> 
  <tr> 
   <td>uni-popup</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-popup" rel="nofollow">弹出层</a></td> 
  </tr> 
  <tr> 
   <td>uni-rate</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-rate" rel="nofollow">评分</a></td> 
  </tr> 
  <tr> 
   <td>uni-row</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-row" rel="nofollow">布局-行</a></td> 
  </tr> 
  <tr> 
   <td>uni-search-bar</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-search-bar" rel="nofollow">搜索栏</a></td> 
  </tr> 
  <tr> 
   <td>Section</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-section" rel="nofollow">标题栏</a></td> 
  </tr> 
  <tr> 
   <td>uni-segmented-control</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-segmented-control" rel="nofollow">分段器</a></td> 
  </tr> 
  <tr> 
   <td>uni-steps</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-steps" rel="nofollow">步骤条</a></td> 
  </tr> 
  <tr> 
   <td>uni-swipe-action</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-swipe-action" rel="nofollow">滑动操作</a></td> 
  </tr> 
  <tr> 
   <td>uni-swiper-dot</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-swiper-dot" rel="nofollow">轮播图指示点</a></td> 
  </tr> 
  <tr> 
   <td>uni-table</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-table" rel="nofollow">表格</a></td> 
  </tr> 
  <tr> 
   <td>uni-tag</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-tag" rel="nofollow">标签</a></td> 
  </tr> 
  <tr> 
   <td>uni-title</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-title" rel="nofollow">章节标题</a></td> 
  </tr> 
  <tr> 
   <td>uni-transition</td> 
   <td><a href="https://ext.dcloud.net.cn/plugin?name=uni-transition" rel="nofollow">过渡动画</a></td> 
  </tr> 
 </tbody> 
</table>

### 组件示例 ###

[https://hellouniapp.dcloud.net.cn/pages/extUI/badge/badge][https_hellouniapp.dcloud.net.cn_pages_extUI_badge_badge]

[https_hellouniapp.dcloud.net.cn_pages_extUI_badge_badge]: https://hellouniapp.dcloud.net.cn/pages/extUI/badge/badge