diff --git a/app/command/make/Component.php b/app/command/make/Component.php index 2a3a1bb..cd92050 100644 --- a/app/command/make/Component.php +++ b/app/command/make/Component.php @@ -82,7 +82,7 @@ class Component extends Command $index_scss = ''; foreach ($dir_tpl as $dir_name) { - if ($dir_name == '.' || $dir_name == '..') { + if ($dir_name == '.' || $dir_name == '..' || $dir_name == '_index.scss') { continue; } @@ -94,10 +94,10 @@ class Component extends Command continue; } - $index_scss .= "@import './{$dir_name}/{$component_name}/index';"; + $index_scss .= "@import './{$dir_name}/{$component_name}/index';\n"; } } - file_put_contents(App::getRootPath() . '/source/components/_index.scss'); + file_put_contents(App::getRootPath() . '/source/components/_index.scss', $index_scss); } } diff --git a/demo/pc/list.html b/demo/pc/list.html index 25146c9..5a128f8 100644 --- a/demo/pc/list.html +++ b/demo/pc/list.html @@ -421,77 +421,3 @@ -
- 站点导航（卡片） -
-
-
- 新上线 -
-
- -
- -
-
- layui奥宏样式库 -
-
- 纯CSS的组件案例样式大全 -
-
-
-
- -
-
- layui奥宏样式库 -
-
- 纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全 -
-
-
-
-
-
-
-
- 站点导航（卡片修复高度） -
-
-
- 新上线 -
-
- -
- -
-
- layui奥宏样式库 -
-
- 纯CSS的组件案例样式大全 -
-
-
-
- -
-
- layui奥宏样式库 -
-
- 纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全 -
-
-
-
-
-
-
\ No newline at end of file diff --git a/source/components/_index.scss b/source/components/_index.scss index 0a327da..0dcdeb7 100644 --- a/source/components/_index.scss +++ b/source/components/_index.scss @@ -1,2 +1,3 @@ @import './list/ul-music-list/index'; -@import './list/ul-order-list-simple-card/index'; \ No newline at end of file +@import './list/ul-order-list-simple-card/index'; +@import './list/ul-site-group/index'; diff --git a/source/components/list/ul-site-group/_index.env b/source/components/list/ul-site-group/_index.env new file mode 100644 index 0000000..62e29bc --- /dev/null +++ b/source/components/list/ul-site-group/_index.env @@ -0,0 +1,4 @@ +title=站点导航 +padding=1 +margin=0 +gray=1 \ No newline at end of file diff --git a/source/components/list/ul-site-group/_index.html b/source/components/list/ul-site-group/_index.html new file mode 100644 index 0000000..874daba --- /dev/null +++ b/source/components/list/ul-site-group/_index.html @@ -0,0 +1,93 @@ +
+
+ 基础样式 +
+
+
+ +
+
+ layui奥宏样式库 +
+
+ 纯CSS的组件案例样式大全 +
+
+
+
+ +
+
+ 高度修复 +
+
+ 纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全 +
+
+
+
+
+
+
+ 卡片 +
+
+
+ +
+
+ layui奥宏样式库 +
+
+ 纯CSS的组件案例样式大全 +
+
+
+
+ +
+
+ 高度修复 +
+
+ 纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全 +
+
+
+
+
+
+
+ 卡片(修复高度) +
+
+
+ +
+
+ layui奥宏样式库 +
+
+ 纯CSS的组件案例样式大全 +
+
+
+
+ +
+
+ 高度修复 +
+
+ 纯CSS的组件案例样式大全纯CSS的组件案例样式大全纯CSS的组件案例样式大全 +
+
+
+
+
\ No newline at end of file diff --git a/source/components/list/ul-site-group/_index.md b/source/components/list/ul-site-group/_index.md new file mode 100644 index 0000000..e69de29 diff --git a/source/components/list/ul-site-group/_index.scss b/source/components/list/ul-site-group/_index.scss new file mode 100644 index 0000000..e0e9401 --- /dev/null +++ b/source/components/list/ul-site-group/_index.scss @@ -0,0 +1,77 @@ +.ul-site-group { + margin-bottom: 8px; +} + +.ul-site-group-header { + font-size : 16px; + color : #333; + padding-bottom: 8px; +} + +.ul-site-list { + display : flex; + align-items : flex-start; + justify-content: flex-start; + flex-wrap : wrap; + margin-top : 8px; +} + +.ul-site-item { + width : 20%; + margin-right : 5%; + display : flex; + align-items : flex-start; + justify-content: flex-start; + margin-bottom : 15px; + + + &.card { + background-color: #fff; + border-radius : 5px; + padding : 10px; + margin-right : 15px; + } + + &.same-height { + align-self: normal; + } +} + +.ul-site-item-logo { + width : 34px; + height : 34px; + margin-right : 8px; + margin-top : 4px; + background-size : cover; + background-position: center; + + +} + + +.ul-site-item-info { + width: calc(100% - 34px); + +} + +.ul-site-item-title { + color : #4662d9; + font-weight : bold; + text-decoration: none; +} + +.ul-site-item-desc { + font-size: 12px; + color : #666; +} + +@media screen and (max-width:450px) { + .ul-site-item { + width: 49%; + } + + .ul-site-item-desc { + font-size : 11px; + margin-top: 3px; + } +} \ No newline at end of file diff --git a/source/scss/list/_ul-site-list.scss b/source/scss/list/_ul-site-list.scss index e0e9401..e69de29 100644 --- a/source/scss/list/_ul-site-list.scss +++ b/source/scss/list/_ul-site-list.scss @@ -1,77 +0,0 @@ -.ul-site-group { - margin-bottom: 8px; -} - -.ul-site-group-header { - font-size : 16px; - color : #333; - padding-bottom: 8px; -} - -.ul-site-list { - display : flex; - align-items : flex-start; - justify-content: flex-start; - flex-wrap : wrap; - margin-top : 8px; -} - -.ul-site-item { - width : 20%; - margin-right : 5%; - display : flex; - align-items : flex-start; - justify-content: flex-start; - margin-bottom : 15px; - - - &.card { - background-color: #fff; - border-radius : 5px; - padding : 10px; - margin-right : 15px; - } - - &.same-height { - align-self: normal; - } -} - -.ul-site-item-logo { - width : 34px; - height : 34px; - margin-right : 8px; - margin-top : 4px; - background-size : cover; - background-position: center; - - -} - - -.ul-site-item-info { - width: calc(100% - 34px); - -} - -.ul-site-item-title { - color : #4662d9; - font-weight : bold; - text-decoration: none; -} - -.ul-site-item-desc { - font-size: 12px; - color : #666; -} - -@media screen and (max-width:450px) { - .ul-site-item { - width: 49%; - } - - .ul-site-item-desc { - font-size : 11px; - margin-top: 3px; - } -} \ No newline at end of file