iView 4 自定義側邊欄觸發器（修正）

2021-10-09 06:34:23 字數 1297 閱讀 6222

2.1  依賴包，"view-design": "^4.3.2"

2.2 vue-cli建立乙個hello專案（過程略）

2.3 使用iview官網的布局模板

2.4左側側邊欄的選單中，新增子選單元件；右側頭部新增標題；

（1）解決的主要問題是iview中多級子選單沒有隱藏的問題

主要思路是借鑑 上文2.3中官網的布局模板。

給子選單中的每乙個menuitem新增icon標籤和span標籤，設定不同的css樣式，在側邊欄伸展的時候，賦予不同的css樣式。

子選單標題


}
（2）使用iview框架的 submenu 元件，修改它的樣式的時候遇到了一些問題，主要是沒辦法選擇到它的標題部分，不能修改它的padding，造成的問題如圖。圖示和標題文字混在一起。

修改樣式方法：使用 >>> 

vue引用了第三方元件，需要在元件中區域性修改第三方元件的樣式，而又不想去除scoped屬性造成元件之間的樣式汙染。此時只能通過》，穿透scoped。

>>> .ivu-menu-item 


>>> .ivu-menu-submenu-title 


>>> .ivu-menu-vertical .ivu-menu-submenu-title-icon
（3）隱藏後，懸停在每個menuitem上顯示他的title用來彌補無法看到其中文字的不足。

}


子選單標題


在觸發器中自定義日誌
在觸發器中自定義日誌 vivianfdlpw 2005.10.24 引用請保留此資訊 create trigger tr on 表 for update as 記錄資訊 declare o int f int t int ret int info varchar 1000 要記錄的資訊 path v...


頁面側邊欄 使用自定義模板標籤
這是個人根據大牛部落格教程的學習記錄，知識拾遺，複習。使用標籤模板。需要引入template form django import template 然後例項化了乙個template.library類，並將函式get recent posts裝飾為register.tag。這樣就可以在模板中使用語法...


WordPress自定義側邊欄小工具
wordpress主題小工具，可以自由拖動到側邊欄，並在前台實現相應功能！但主題自帶的小工具一般不能滿足我們更www.cppcns.com強大的需求，怎樣，跟著看看怎麼自定義側邊欄小工具！我們先來了解一些個概念性的東西，不想了解可直接跳過，無妨對後面的小工具製作的理解！wordpress提供了乙個w...