由于內置組件不能滿足日常開發需要，uniapp官方也提供了眾多的擴展組件供我們使用。由于不是內置組件，需要安裝才能使用。

一、安裝擴展插件

安裝方法：

1.訪問uniapp官方文檔組件部分：組件使用的入門教程 | uni-app官網

點擊左側菜單欄中的擴展組件，就可以看到各個組件了。點擊需要的組件，在右側點擊下載安裝：

在打開的頁面右側點擊下載插件并導入，需要本地安裝HBuilder X和登錄。

點擊會打開本地安裝的HBuilder X，在彈出的窗口中選擇需要導入組件的項目：

等待安裝完成即可。?

二、使用擴展插件

復制文檔中基本方法中的代碼到本地項目中：

主要屬性有：

LoadMore Props

屬性名	類型	可選值	默認值	說明
iconSize	Number	-	24	指定圖標大小
status	String	more/loading/noMore	more	loading 的狀態
showIcon	Boolean	-	true	是否顯示 loading 圖標
showText	Boolean	-	true	**[1.3.3新增]**是否顯示文本
iconType	String	snow/circle/auto	auto	指定圖標樣式
color	String	-	#777777	圖標和文字顏色
contentText	Object	-	{contentdown: "上拉顯示更多",contentrefresh: "正在加載...",contentnomore: "沒有更多數據了"}	各狀態文字說明

Status Options

參數名稱	說明
more	加載前
loading	加載中
no-more	沒有更多數據

將上面代碼復制到項目中

<view class="loadMore"><uni-load-more status="loading"></uni-load-more>
</view>

更多擴展組件的使用：

<view class="item" @click="onRefresh"><uni-icons type="refreshempty" size="25" color="#888"></uni-icons>
</view>
<view class="item" @click="toTop"><uni-icons type="arrow-up" size="25" color="#888"></uni-icons>
</view>

?size：可以設置圖標的大小，color:#888讓顏色淡一些。

?效果：

三、小tips：調整網絡加載速度

在使用谷歌瀏覽器調試，有時頁面一閃而過不方便查看，可以通過Network中調整加載速度。

?

?