欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用uni-app打包H5的圖文教程

 更新時間：2022年11月12日 11:07:04   作者：雁?南飛  
uni-app是一個使用Vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS，Android,H5,以及各種小程序（微信/支付寶/百度/頭條/?QQ?/釘釘）等多個平臺,這篇文章主要給大家介紹了關(guān)于使用uni-app打包H5的相關(guān)資料,需要的朋友可以參考下

1. 找到項目中 manifest.json --- H5 配置---運行時的基礎(chǔ)路徑， 將路徑修改為 相對路徑（./ ）

2. 修改完后，點擊工具欄 --- 發(fā)行 --- 網(wǎng)站pc web或手機 h5

3. 彈出彈窗，修改網(wǎng)站標(biāo)題與網(wǎng)站域名（網(wǎng)站域名取對應(yīng)項目的域名，一般為https/http開頭）填完后直接點擊發(fā)行。

4. 點擊發(fā)行后如圖

5. 發(fā)行成功后，找到 unpackage --- dist --- build --- h5 文件夾， 在外部資源中打開，將 h5 文件夾打包成 zip 格式，然后給到運維，運維會幫忙發(fā)布到服務(wù)器，發(fā)布成功后，運維會給你一個屬于 h5 項目的域名 https://xxxx.xxx.com/app/  拿取H5域名去拼接頁面，就能在瀏覽器中打開對應(yīng)的頁面了。 （ https://xxxx.xxx.com/app/#/pages/index/index ）

設(shè)置h5導(dǎo)航欄

uniapp 一套代碼，可以運行到多個平臺，但是不同平臺都有細(xì)微的差別，這里便需要進(jìn)行兼容處理。

這里咱們主要介紹一下 h5導(dǎo)航欄問題。

正常運行在瀏覽器，h5項目都是有導(dǎo)航欄的，但是同樣的代碼放到 微信公眾號 便會出現(xiàn)雙導(dǎo)航的情況

配置pages.json

//全局生效
// app-plus -- titleNView --  false  將導(dǎo)航欄隱藏
"globalStyle": {
	"navigationBarTextStyle": "black",
	"navigationBarTitleText": "xxxx",
	"navigationBarBackgroundColor": "#FFFFFF",
	"backgroundColor": "#f8f8f8",
	"app-plus":{"titleNView":false}
}


//某個頁面生效
"pages":[
	{
        "path" : "pages/xxx/list",
        "style" : {
			"navigationBarTitleText": "我的xxx"
			"app-plus": {
				"bounce": "none"
			}
		}
	}
]

感興趣可以去app-plus文檔

總結(jié)

到此這篇關(guān)于使用uni-app打包H5的文章就介紹到這了,更多相關(guān)uni-app打包H5內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論