uni-app 頂部配置搜索框和左右圖標


頂部的圖標只支持本地圖片哈,所以你要將阿里巴巴上的圖標下載到本地,
然后只要XXX.ttf這個文件就行了 然后放在static這個文件中
在pages.json中fontSrc進行引入。
text:使用unicode編碼的時候,必須是\u開頭哈。
配置時,層級不要寫錯了;否則就是現實不出來哈!
我因為層級寫錯 整了好久了。

代碼如下 在pages.json文件的配置哈

// 搜索配置
		"titleNView":{
			"searchInput":{
				"align":"center",
				"backgroundColor":"#ccc",
				"borderRadius":"4px",
				"placeholder":"搜索大全",
				"placeholderColor":"#fff",
				"disabled":false
			},
			// 左右按鈕配置
			"buttons":[
				// 左邊
				{
					"color":"#ff9619", // 圖標默認展時的顏色哈、
					"colorPressed":"pink",  //圖標按下的時候的顏色哈
					"float":"left",
					"fontSize":"30px",//按鈕上文字的大小
					"fontSrc":"/static/font/iconfont.ttf", //按鈕的圖片來源哈
					"text":"\ue63f"  //按鈕的unicode代碼
					
				},
				// 右邊
				{
					"color":"#000000",
					"colorPressed":"pink",
					"float":"right",
					"fontSize":"30px",//按鈕上文字的大小
				    "fontSrc":"/static/font/iconfont.ttf",
					"text":"\ue63f"
			
				}
			]
		}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM