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

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

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

1. 找到項(xiàng)目中 manifest.json --- H5 配置---運(yùn)行時(shí)的基礎(chǔ)路徑， 將路徑修改為 相對(duì)路徑（./ ）

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

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

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

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

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

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

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

正常運(yùn)行在瀏覽器，h5項(xiàng)目都是有導(dǎo)航欄的，但是同樣的代碼放到 微信公眾號(hào) 便會(huì)出現(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}
}


//某個(gè)頁(yè)面生效
"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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論