uni-app修改頁面背景色:

2年前作者：Sun Peng分類：Toy博客閱讀(26)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了uni-app修改頁面背景色:。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

1.設(shè)置全局背景色(法一):

uniapp設(shè)置背景顏色,小程序端,uni-app,前端,vue.js

"globalStyle": {
	"navigationBarTextStyle": "black",
	"navigationBarTitleText": "...管理",
	// "navigationBarTitleText": "...管理",
	"navigationBarBackgroundColor": "#F8F8F8",
	"backgroundColor": "#F8F8F8"
},

2.設(shè)置全局背景色(法二):

在App.vue的style樣式表中設(shè)置

<style>	
page {
	background-color: #F0AD4E;
}
</style>

3.設(shè)置單頁面背景色:

對(duì)應(yīng)頁面中的style樣式表中設(shè)置，且不能有scoped屬性，如果需要使用帶scoped屬性的樣式表，則重新創(chuàng)建一個(gè)樣式表單獨(dú)寫背景色樣式

<style>
page {
	background-color: #F0AD4E;
}
</style>

<style lang="scss" scoped>
	....
</style>

4.在pages.json里面設(shè)置單頁面背景色,這種是不行的,只能在頁面內(nèi)設(shè)置:

uniapp設(shè)置背景顏色,小程序端,uni-app,前端,vue.js

這種是不行的,只能在頁面內(nèi)設(shè)置

uniapp設(shè)置背景顏色,小程序端,uni-app,前端,vue.js 文章來源地址http://www.zghlxwxcb.cn/news/detail-605743.html

到了這里，關(guān)于uni-app修改頁面背景色:的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

【UniApp】-uni-app-項(xiàng)目實(shí)戰(zhàn)頁面布局(蘋果計(jì)算器)
經(jīng)過前面的文章介紹，基本上 UniApp 的內(nèi)容就介紹完畢了那么從本文開始，我們就開始進(jìn)行一個(gè)項(xiàng)目的實(shí)戰(zhàn) 這次做的項(xiàng)目是蘋果計(jì)算器，這個(gè)項(xiàng)目的難度不是很大，但是也不是很簡(jiǎn)單，適合練手打開 HBuilderX，點(diǎn)擊左上角文件 - 新建 - 項(xiàng)目：項(xiàng)目創(chuàng)建完畢之后，首先來分析
2024年02月04日
瀏覽(97)
uni-app 實(shí)現(xiàn)navigateBack返回修改前一頁面數(shù)據(jù)（H5、APP、小程序）
先自我介紹一下，小編浙江大學(xué)畢業(yè)，去過華為、字節(jié)跳動(dòng)等大廠，目前阿里P7 深知大多數(shù)程序員，想要提升技能，往往是自己摸索成長，但自己不成體系的自學(xué)效果低效又漫長，而且極易碰到天花板技術(shù)停滯不前！因此收集整理了一份《2024年最新Web前端全套學(xué)習(xí)資料》，
2024年04月29日
瀏覽(22)
office實(shí)操技能01：修改微軟Office頁面的(非背景的)淺綠底色、設(shè)置默認(rèn)字體和主題顏色、取消頁眉橫線、PPT默認(rèn)的等線字體
目錄 1 處理word中默認(rèn)中文字體是等線的問題 2 處理word中沒有設(shè)置背景色，但頁面底色是淺綠色的問題 3 修改office的主題顏色 ?4 刪除頁眉橫線 5 處理PPT中的等線字體這篇博文主要介紹兩個(gè)使用技能：技能1：修改word的默認(rèn)等線字體技能2：修改頁面的非設(shè)置的背景色的淺綠底
2023年04月23日
瀏覽(42)
Vue/Uni-app/微信小程序 v-if 設(shè)置出場(chǎng)/退出動(dòng)畫（頁面交互不死板，看起來更流暢）
天夢(mèng)星服務(wù)平臺(tái) (tmxkj.top) https://tmxkj.top/#/ 在Vue.js中，使用 v-if 進(jìn)行條件渲染時(shí)設(shè)置動(dòng)畫可以通過 transition 組件來實(shí)現(xiàn)。具體操作步驟如下：包裹條件渲染的元素：您需要將要通過 v-if 控制顯示隱藏的元素包裹在 transition 標(biāo)簽內(nèi)。命名過渡效果：給 transition 標(biāo)簽添加 name 屬
2024年04月28日
瀏覽(20)
uni-app 中使用背景圖片
uni-app 中使用背景圖片一 : H5 上使用(但是在微信小程序中報(bào)錯(cuò)) 二 : 微信小程序中可以 1,使用網(wǎng)絡(luò)圖片(對(duì)不同環(huán)境需要不同配置)， 2,或者 base64(需要本地轉(zhuǎn)換)， 3,或者使用標(biāo)簽(推薦使用)
2024年02月16日
瀏覽(21)
uni-app 頭部導(dǎo)航條改為背景圖
將某一頁面的導(dǎo)航條，改為背景圖 1.在pages.json文件中將要修改的頁面，style中的“navigationStyle”設(shè)置為custom，取消默認(rèn)的原生導(dǎo)航欄 2.在要修改的頁面中如index1頁面效果如圖 ? 蘋果手機(jī)導(dǎo)航條文字在中間位置，安卓手機(jī)導(dǎo)航條問題在靠左位置，更改某一頁面，將會(huì)與其他頁
2024年02月11日
瀏覽(23)
【uni-app】uni-app實(shí)現(xiàn)聊天頁面功能——功能篇（上）
上一篇講到了如何布局，這一篇將講一下如何用uni-app實(shí)現(xiàn)小程序聊天頁面的最主要的功能——發(fā)消息后頁面滾動(dòng)到最底部（參考過很多文章最后找到比較適合的方法）。其他的功能（參考微信），之后的文章會(huì)講述到具體實(shí)現(xiàn)方法點(diǎn)擊聊天框的時(shí)候，聊天框隨鍵盤抬起且聊
2024年02月11日
瀏覽(30)
【uni-app】uni-app實(shí)現(xiàn)聊天頁面功能（小程序）——布局篇
在工作中使用uni-app參與開發(fā)一個(gè)小程序，其中要寫一個(gè)簡(jiǎn)單的聊天頁面，雖然功能不多（只有一個(gè)發(fā)送文字的功能），但是其中的細(xì)節(jié)比較多，也踩過很多坑，特此記錄下來。要實(shí)現(xiàn)的頁面如圖所示，該篇主要講講如何布局（參考了很多文章之后根據(jù)頁面需求進(jìn)行一個(gè)整合）
2024年02月05日
瀏覽(515)
Qt配置設(shè)置，修改全文字體大小顏色，背景顏色
這是完成時(shí)的demo，選擇所需。點(diǎn)擊確認(rèn)修改，全局修改，效果第二張圖。在沒有點(diǎn)擊確認(rèn)修改時(shí)，字體等按鈕的改變只會(huì)在文本框里面體現(xiàn)出來。點(diǎn)擊確認(rèn)才會(huì)修改全局的東西。點(diǎn)擊恢復(fù)默認(rèn)時(shí)，字體字號(hào)顏色控件全部恢復(fù)初始狀態(tài)，當(dāng)點(diǎn)擊確認(rèn)修改，全局才會(huì)改為初始狀
2024年02月11日
瀏覽(19)
uniapp系列-超詳細(xì)教你在uni-app+vue3里通過web-view組件傳遞信息打開H5頁面寫入localstorage并解決兼容性
web-view 是一個(gè) web 瀏覽器組件，可以用來承載網(wǎng)頁的容器，會(huì)自動(dòng)鋪滿整個(gè)頁面（nvue 使用需要手動(dòng)指定寬高）。點(diǎn)擊這里直達(dá)官網(wǎng)文檔點(diǎn)擊這里下載我的代碼demo 本文最下面還有一些常見或者奇怪問題解決方案哦~ 之前開發(fā)好的H5頁面，不想重新開發(fā)，想要直接放進(jìn)項(xiàng)目用
2024年02月09日
瀏覽(27)