Init: 2023 Version

从服务器拉取的最新版本
2024-09-18 16:55:55 +08:00
commit c8f836c9cf
20 changed files with 4882 additions and 0 deletions
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-hans">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link href="../static/kico.css" rel="stylesheet" type="text/css"/>
+    <style>
+        .ks-tab{
+
+        }
+        .ks-tab-toggle{
+            display: flex;
+            flex: 1 1 100%;
+            text-align: center;
+            flex-direction: row;
+        }
+        .ks-tab-toggle span{
+            width: 100%;
+            padding: 1em;
+            display: block;
+            cursor: pointer;
+            background: #e0e0e0;
+        }
+        .ks-tab-content{
+            display: none;
+            padding: 1em;
+            background: #efefef;
+        }
+        .ks-tab-content.active{
+            display: block;
+        }
+    </style>
+</head>
+<body>
+<tab class="ks-tab">
+    <section class="ks-tab-toggle">
+        <span>效果</span>
+        <span>代码</span>
+    </section>
+    <section class="ks-tab-content">
+        <h1>H1 超大标题</h1>
+        <h2>H2 大标题</h2>
+        <h3>H3 小标题</h3>
+        <h4>H4 标题</h4>
+        <h5>H5 标题</h5>
+        <h6>H6 标题</h6>
+    </section>
+    <section class="ks-tab-content">
+        <pre><code>&lt;h1&gt;H1 超大标题&lt;/h1&gt;
+&lt;h2&gt;H2 大标题&lt;/h2&gt;
+&lt;h3&gt;H3 小标题&lt;/h3&gt;
+&lt;h4&gt;H4 标题&lt;/h4&gt;
+&lt;h5&gt;H5 标题&lt;/h5&gt;
+&lt;h6&gt;H6 标题&lt;/h6&gt;</code></pre>
+    </section>
+</tab>
+
+<script>
+    function tab(actions, contents){
+        var act = [];
+        var cont = [];
+
+        contents[0].classList.add("active");
+
+        function aaa(obj, obj2) {
+            obj.onclick = function () {
+                var aaa = cont;
+                aaa.splice(cont.indexOf(obj2), 1);
+
+                for(var n in aaa){
+                    aaa[n].classList.remove("active");
+                }
+
+                obj2.classList.add("active");
+            };
+        }
+        for(var i = 0; i < actions.length; i++){
+            act.push(actions[i]);
+            cont.push(contents[i]);
+            aaa(actions[i], contents[i]);
+        }
+    }
+    tab(document.getElementsByClassName("ks-tab-toggle")[0].getElementsByTagName("span"), document.getElementsByClassName("ks-tab-content"));
+</script>
+
+</body>
+</html>
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-hans">
+<head>
+    <meta charset="UTF-8">
+    <title>Types</title>
+    <link href="../static/kico.css" rel="stylesheet" type="text/css"/>
+</head>
+<body>
+<p>正文文字</p>
+<p><a href="#">链接文字</a></p>
+<p><abbr title="Kico Style 自带的提示功能">提示文字</abbr></p>
+<p><small>较小文字</small></p>
+<p><b>加粗文字</b></p>
+<p><cite>引用文字</cite></p>
+<p><i>斜体文字</i></p>
+<p><em>强调文字</em></p>
+<p><mark>加亮文字</mark></p>
+<p><del>含删除线文字</del></p>
+<p>键盘符号 <kbd>Ctrl + S</kbd></p>
+<hr/>
+<blockquote>这是一个引用段落的测试。Kico Style 最早起源于 2016 年的“缤奇官网”项目，在保罗开发完此项目之后仍有很多的前端项目，保罗在制作过程中发现不同的项目存在很多的重复之处，因此制作了这个框架。Kico Style 仅包含常用的功能，不含其他繁杂的样式，既方便调用也无需像其他框架一样记录各种类名，让你的前端作品装逼更持久~</blockquote>
+<pre><code>&lt;p&gt;正文文字&lt;/p&gt;
+&lt;p&gt;&lt;a href="#"&gt;链接文字&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;&lt;abbr title="Kico Style 自带的提示功能"&gt;提示文字&lt;/abbr&gt;&lt;/p&gt;
+&lt;p&gt;&lt;small&gt;较小文字&lt;/small&gt;&lt;/p&gt;
+&lt;p&gt;&lt;b&gt;加粗文字&lt;/b&gt;&lt;/p&gt;
+&lt;p&gt;&lt;cite&gt;引用文字&lt;/cite&gt;&lt;/p&gt;
+&lt;p&gt;&lt;i&gt;斜体文字&lt;/i&gt;&lt;/p&gt;
+&lt;p&gt;&lt;em&gt;强调文字&lt;/em&gt;&lt;/p&gt;
+&lt;p&gt;&lt;mark&gt;加亮文字&lt;/mark&gt;&lt;/p&gt;
+&lt;p&gt;&lt;del&gt;含删除线文字&lt;/del&gt;&lt;/p&gt;
+&lt;p&gt;键盘符号 &lt;kbd&gt;Ctrl + S&lt;/kbd&gt;&lt;/p&gt;
+&lt;hr/&gt;
+&lt;blockquote&gt;这是一个引用段落的测试。Kico Style 最早起源于 2016 年的“缤奇官网”项目，在保罗开发完此项目之后仍有很多的前端项目，保罗在制作过程中发现不同的项目存在很多的重复之处，因此制作了这个框架。Kico Style 仅包含常用的功能，不含其他繁杂的样式，既方便调用也无需像其他框架一样记录各种类名，让你的前端作品装逼更持久~&lt;/blockquote&gt;</code></pre>
+
+</body>
+</html>