diff --git a/demo/pc/title.html b/demo/pc/title.html index 7e460c1..ebd87f3 100644 --- a/demo/pc/title.html +++ b/demo/pc/title.html @@ -1,74 +1,86 @@
- 标题1号 -
-
-
-
- 精品酒店 -
-
- Boutique Hotel -
-
+ 标题1号 +
+
+
+
+ 精品酒店 +
+
+ Boutique Hotel +
+
+
+
-
+
+
+
+ 精品酒店 +
+
+ Boutique Hotel +
+
+ +
+
+
+
+
+
+ 精品酒店 +
+
+ Boutique Hotel +
+
+ +
+
+
+ + + +
-
-
-
- 精品酒店 -
-
- Boutique Hotel -
-
- -
-
-
-
-
-
- 精品酒店 -
-
- Boutique Hotel -
-
- -
-
-
- - - - -
- 分组标题 -
-
- 销售 -
-
- 设计 -
+ 分组标题 +
+
+ 销售 +
+
+ 设计 +
-
+
- 分组标题-2 -
-
- 销售 -
-
- 设计 -
+ 分组标题-2 +
+
+ 销售 +
+
+ 设计 +
-
+
+
+ +
+ 简约分组标题 +
+
+
+ 分组标题 +
+ +
+
\ No newline at end of file diff --git a/source/scss/layui-ul.scss b/source/scss/layui-ul.scss index 9baef86..cc55193 100644 --- a/source/scss/layui-ul.scss +++ b/source/scss/layui-ul.scss @@ -4,6 +4,7 @@ @import './form/index'; @import './fieldset/index'; @import './card/index'; +@import './title/index'; /* 头部开始 */ diff --git a/source/scss/title/_index.scss b/source/scss/title/_index.scss new file mode 100644 index 0000000..695a719 --- /dev/null +++ b/source/scss/title/_index.scss @@ -0,0 +1 @@ +@import './ul-group-title-simple'; \ No newline at end of file diff --git a/source/scss/title/_ul-group-title-simple.scss b/source/scss/title/_ul-group-title-simple.scss new file mode 100644 index 0000000..f074ac2 --- /dev/null +++ b/source/scss/title/_ul-group-title-simple.scss @@ -0,0 +1,23 @@ +.ul-group-title-simple { + + line-height: 30px; + + font-size : 16px; + padding-left: 10px; + + position: relative; + + &:before { + content : ""; + display : block; + position: absolute; + left : 0; + height : 16px; + width : 3px; + top : 7px; + + border-radius: 3px; + background : linear-gradient(0deg, #7FC0FC, #4B7EEF); + } + +} \ No newline at end of file