el tree內字型樣式自定義

2021-10-05 08:30:13 字數 645 閱讀 9584

使用了el-tree最基本的樣式後,發現el-tree的樣式有些簡單。所以打算自己來對樣式進行一些微調,首先在瀏覽器中找到了el-tree當中文字所在的那一層如下:

那麼只要在.el-tree-node__label中進行樣式的修改是不是就可以實現el-tree字型樣式的自定義呢?直接在瀏覽器的偵錯程式中進行修改。由下圖對比可見,修改前後字型樣式發生了變化。

那麼接下來到**中加入以下**:

.el-tree-node__label

然後再加入樣式後,並沒有發生改變。這是因為vue元件編譯後,會將 template 中的每個元素加入 [data-v-***x] 屬性來確保 style scoped 僅本元件的元素而不會汙染全域性,但如果你引用了第三方元件:

預設只會對元件的最外層(div)加入這個 [data-v-***x] 屬性,但第二層開始就沒有效果了。

所以需要在樣式前加上deep,即:

/deep/ .el-tree-node__label

這樣scss**就會起效果了。

自定義字型樣式

安卓本身自帶的字型是預設的,要想使用其他好看的字型,就要先準備好字型檔案。下面將介紹如何使用自己的字型。首先在eclipse工程asset資料夾下建立font資料夾,然後將準備好的字型檔案 如test.ttf 放到font資料夾下。接下來只需要一行 就可搞定!為編輯框中的文字設定樣式 自定義字型 e...

CSDN部落格自定義字型樣式

stcaiyun 我是華文彩雲stcaiyun 的效果 楷體 這是 color red size 6 face 楷體 的效果 這是 color blue size 6 的效果 我是華文彩雲stcaiyun 的效果 這是 color red size 6 face 楷體 的效果 這是 color bl...

Android 自定義字型

今天在工作中遇到乙個很少用到的知識點,怎樣給我們的應用新增特殊字型,因為隨著開發的一步步進步,而字型也成為應用的一部分,好的字型給我們的應用帶來的不僅僅是好的使用者體驗,更是一種享受 下面我就一步一步給大家新增字型 1.首先在res 中新建乙個資料夾assets,在assets中建立新資料夾font...