在 HBuilderX 中新建 uni-app 項目，進入項目目錄，執行：
npm init -y
安裝 uni-ui
npm install @dcloudio/uni-ui
| uniBadge | '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue' | 數字角標 |
| uniCalendar | '@dcloudio/uni-ui/lib/uni-calendar/uni-calendar.vue' | 日歷 |
| uniCard | '@dcloudio/uni-ui/lib/uni-card/uni-card.vue' | 卡片 |
| uniCollapse | '@dcloudio/uni-ui/lib/uni-collapse/uni-collapse.vue' | 折疊面板 |
| uniCombox | '@dcloudio/uni-ui/lib/uni-combox/uni-combox.vue' | 組合框 |
| uniCountdown | '@dcloudio/uni-ui/lib/uni-countdown/uni-countdown.vue' | 倒計時 |
| uniDrawer | '@dcloudio/uni-ui/lib/uni-drawer/uni-drawer.vue' | 抽屜 |
| uniFab | '@dcloudio/uni-ui/lib/uni-fab/uni-fab.vue' | 懸浮按鈕 |
| uniFav | '@dcloudio/uni-ui/lib/uni-fav/uni-fav.vue' | 收藏按鈕 |
| uniGoodsNav | '@dcloudio/uni-ui/lib/uni-goods-nav/uni-goods-nav.vue' | 商品導航 |
| uniGrid | '@dcloudio/uni-ui/lib/uni-grid/uni-grid.vue' | 宮格 |
| uniIcons | '@dcloudio/uni-ui/lib/uni-icons/uni-icons.vue' | 圖標 |
| uniIndexedList | '@dcloudio/uni-ui/lib/uni-indexed-list/uni-indexed-list.vue' | 索引列表 |
| uniList | '@dcloudio/uni-ui/lib/uni-list/uni-list.vue' | 列表 |
| uniLoadMore | '@dcloudio/uni-ui/lib/uni-load-more/uni-load-more.vue' | 加載更多 |
| uniNavBar | '@dcloudio/uni-ui/lib/uni-nav-bar/uni-nav-bar.vue' | 自定義導航欄 |
| uniNoticeBar | '@dcloudio/uni-ui/lib/uni-notice-bar/uni-notice-bar.vue' | 通告欄 |
| uniNumberBox | '@dcloudio/uni-ui/lib/uni-number-box/uni-number-box.vue' | 數字輸入框 |
| uniPagination | '@dcloudio/uni-ui/lib/uni-pagination/uni-pagination.vue' | 分頁器 |
| uniPopup | '@dcloudio/uni-ui/lib/uni-popup/uni-popup.vue' | 彈出層 |
| uniRate | '@dcloudio/uni-ui/lib/uni-rate/uni-rate.vue' | 評分 |
| uniSearchBar | '@dcloudio/uni-ui/lib/uni-search-bar/uni-search-bar.vue' | 搜索欄 |
| uniSegmentedControl | '@dcloudio/uni-ui/lib/uni-segmented-control/uni-segmented-control.vue' | 分段器 |
| uniSteps | '@dcloudio/uni-ui/lib/uni-steps/uni-steps.vue' | 步驟條 |
| uniSwipeAction | '@dcloudio/uni-ui/lib/uni-swipe-action/uni-swipe-action.vue' | 滑動操作 |
| uniSwiperDot | '@dcloudio/uni-ui/lib/uni-swiper-dot/uni-swiper-dot.vue' | 輪播圖指示點 |
| uniTag | '@dcloudio/uni-ui/lib/uni-tag/uni-tag.vue' | 標簽 |
| uniTitle | '@dcloudio/uni-ui/lib/uni-title/uni-title.vue' | 章節標題 |
| uniTransition | '@dcloudio/uni-ui/lib/uni-transition/uni-transition.vue' | 過渡動畫 |
uni-app :https://uniapp.dcloud.io/component/navigation-bar
報錯 代碼使用了scss/sass語言，但未安裝相應編譯器
解決 ：https://www.jianshu.com/p/d2e251c9d960