Vue中如何實現為單獨頁面設定背景色

2021-10-07 12:30:11 字數 1425 閱讀 6940

在vue中想為單獨的乙個頁面設定背景色,但是受內容高度影響,沒辦法設定整個頁面的背景色,下邊提供兩種方法實現改變整個頁面的背景色:

如果內容不足以撐滿整個頁面,設定背景色時只能顯示到內容的位置,此時可以給頁面的第一層標籤設定最小高度min-height:100vh(1vh=1%螢幕),撐開頁面即可

例子:1e

支付成功

學車所需資料

學車考照流程

1.如果直接在css中設定body的background-color,會導致其他頁面的背景色響應改變,所以不可取;

2.如上面例子如果設定.finish-wrap的背景色以及高度為100%時,會發現只是一部分的背景色發現改變,卻不能使整個螢幕背景色變化;

原因就是這裡還有一層p,所以你改變的不是最外層的p背景色,但是你有不能修改這裡,所以:

解決方法:

我們要讓.finish-wrap脫離文件流,為他新增個fixed屬性,最後結果:

.finish-wrap

background-color rgb(255,255,255)

height: 100%

position: fixed

width: 100%

vue多頁面設定

本文參考 進入 build webpack.base.conf.js目錄下,在module.exports的域裡,找到entry,在那裡配置新增多個入口 entry 接下來就是對開發環境run dev裡進行修改,開啟 build webpack.dev.conf.js檔案,在module.expor...

Vue cli 中為單獨頁面設定背景色的方法

例子 支付成功 學車所需資料 學車考照流程 1.如果直接在css中設定body的background color,會導致其他頁面的背景色響應改變,所以不可取 2.如上面例子如果設定.finish wrap的背景色以及高度為100 時,會發現只是一部分的背景色發現改變,卻不能使整個螢幕背景色變化 原因...

頁面設定中a4紙怎麼設定

設定方法 1 開啟 wps文字 點選 頁面布局 2 點選 頁邊距 的下拉按鈕 3 在下拉列表中,點選 自定義頁邊距 4 在開啟的 頁面設定 對話方塊中,點選 紙張 選項卡 5 在 紙張大小 中設定 a4 然後點選 確定 按鈕即可。本教程操作環境 windows7系統,wps office2010版本...