uni-app 標題欄添加自定義按鈕

uni-app實現在標題欄裏添加自定義按鈕，設置按鈕字體圖片，點擊事件。

1.下載字體圖片文件並配置到項目裏
下載字體圖片鏈接
（1）進入首頁，我下載了天貓精靈的字體圖片

（2）把想要的字體圖片點擊到購物車

（3）進入購物車

（4）添加到項目

（5）下載到本地

（6）解壓好壓縮包，修改好文件夾名稱放到項目的static目錄下

（7）項目下新建一個目錄common和一個icon.css文件

（8）複製下載字體圖片文件裏面的iconfont.css的內容，粘貼到上一步新建的icon.css文件裏

（9）修改一下icon.css文件，把多餘的url去掉

（10）將字體文件的iconfont.ttf文件複製到static目錄下

（11）在項目的App.vue文件裏引入icon.css

2.配置pages.json文件，給標題欄添加自定義按鈕
（1）打開項目的pages.json文件

上圖的字體圖片的編號是在下載好的字體文件的demo_index.html文件上的，用瀏覽器打開

瀏覽器打開demo_index.html之後，選擇Unicode，根據uni-app官方規則，寫成 /ue697

（2）標題欄按鈕的點擊事件
在index.vue文件裏添加onNavigationBarButtonTap(e) {
}
下圖的this.searhBle() 和 this.closeBLEConnection()，是我寫的藍牙方法。

用真機或模擬器仿真應該就可以看到效果了。