[TOC] > [官方文檔](https://www.uviewui.com/) ## 教程 ### js #### toast 通知 `this.$u.toast('Hello uView!');` #### Http請求 ``` // 不帶header this.$u.post('http://www.example.com', { id: 3, menu: 1 }).then(res => { console.log(res); }); // 帶上header(對象形式)，由于header為第三個參數，如果不需要請求參數，第二個參數傳一個空對象"{ }"即可 this.$u.get('http://www.example.com', {}, { token: 'xyz' }).then(res => { console.log(res); }); ``` #### API集中管理 - 封裝http 把api 放入一個文件中 [參考](https://www.uviewui.com/js/apiManage.html) ``` this.$u.api.getSearch().then(res => { console.log(res); }) ``` ### 工具庫 * [時間格式化](https://www.uviewui.com/js/time.html) * [路由跳轉](https://www.uviewui.com/js/route.html) * [數組亂序](https://www.uviewui.com/js/randomArray.html) * [全局唯一標識符](https://www.uviewui.com/js/guid.html) * [顏色轉換](https://www.uviewui.com/js/colorSwitch.html) * [顏色值](https://www.uviewui.com/js/color.html) * [對象轉URL參數](https://www.uviewui.com/js/queryParams.html) * [規則校驗](https://www.uviewui.com/js/test.html) * [md5加密](https://www.uviewui.com/js/md5.html) * [隨機數值](https://www.uviewui.com/js/random.html) * [去除空格](https://www.uviewui.com/js/trim.html) * [節點布局信息](https://www.uviewui.com/js/getRect.html) * [小程序分享](https://www.uviewui.com/js/mpShare.html) ### 頁面 * [垂直分類(類似外賣索引頁)](https://www.uviewui.com/layout/menu.html) * [提交訂單欄](https://www.uviewui.com/layout/submitBar.html) * [評論列表](https://www.uviewui.com/layout/comment.html) * [訂單列表](https://www.uviewui.com/layout/order.html) * [登錄界面](https://www.uviewui.com/layout/login.html) * [收貨地址](https://www.uviewui.com/layout/address.html) * [城市選擇](https://www.uviewui.com/layout/citySelect.html)