Vue 設定el table背景透明樣式

2021-10-10 07:27:18 字數 533 閱讀 8300

【前言】

一般我們在使用elementui元件庫的時候,在使用el-table時,背景通常是白色的,但有時候不能滿足我們的實際需求,我想讓el-table背景變為透明色,下面就來說一下如何實現。

【內容】

說明:因為我們通常都是使用elementui庫的元件,這個元件庫是有自己的一套樣式的,所以要想實現自己想要的效果,難免要重寫樣式來實現。

重寫樣式需要加(>>> 或者 /deep/),不加的話是不會生效的。

1、在el-table外加div並自定義class

2、重寫css樣式

.table /deep/ .el-table th 

.table /deep/ .el-table tr

.table /deep/ .el-table--enable-row-transition .el-table__body td, .el-table .cell

.el-table::before

Android webview背景設定為透明無效

adndroid 2.x的設定 webview是乙個使用方便 功能強大的控制項,但由於webview的背景顏色預設是白色,在一些場合下會顯得很突兀 比如背景是黑色 此時就想到了要把webview的背景設定為透明,這樣就可以與其背景融為一體。在2.x的平台下,一般設定webview背景為透明的方法如下...

vue中設定全屏背景

在vue專案開發中,有時候我們要向頁面中新增一些背景,可是當我們在樣式中新增了背景,編譯打包後,配置到伺服器上時,由於路徑解析的問題,並不能夠正確的顯示出來,列如下面的css樣式就會出現報錯 在node中有一種解決這個問題的方式,如下 1 在template中我們先這樣寫上 bgimg 2 我們需要...

vue元件透傳

當我們試使用某一元件庫,或者其他不能修改或者不建議修改的元件時,如vant的button元件,它預設type為default,我要讓他type預設為primary的話,每次都要傳入type引數 主要按鈕1 主要按鈕2 主要按鈕3 那如果我想不傳引數就讓它type為primary的話,通常的做法就是再...