Skip to content

S
Snabbdom-demo
Commit 9c78313a authored by 尚斌杰's avatar 尚斌杰
Browse files
Options

Initial commit

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 206 additions and 0 deletions
.cache/0a/020f7187c860e415f8f9ac97caa167.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/0c/bf3a3f0e566115816364511bcaefe7.json 0 → 100644
View file @ 9c78313a
This source diff could not be displayed because it is too large. You can view the blob instead.
.cache/0f/a2aec00676980e6879fc9ec735cf70.json 0 → 100644
View file @ 9c78313a
{"id":"index.html","dependencies":[{"name":"./src/base.js","dynamic":true,"resolved":"/Users/shangbj/Documents/个人项目/snabbdom-demo/src/base.js","parent":"/Users/shangbj/Documents/个人项目/snabbdom-demo/index.html"},{"name":"_css_loader","parent":"/Users/shangbj/Documents/个人项目/snabbdom-demo/index.html","resolved":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/parcel-bundler/src/builtins/css-loader.js"},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/package.json","includedInParent":true,"mtime":1618128947981}],"generated":{"html":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Snabbdom-demo</title>\n <style>body {\n background: #fafafa;\n font-family: sans-serif;\n }\n h1 {\n font-weight: normal;\n }\n .btn {\n display: inline-block;\n cursor: pointer;\n background: #fff;\n box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);\n padding: 0.5em 0.8em;\n transition: box-shadow 0.05s ease-in-out;\n -webkit-transition: box-shadow 0.05s ease-in-out;\n }\n .btn:hover {\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);\n }\n .btn:active,\n .active,\n .active:hover {\n box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.1);\n }\n .add {\n float: right;\n }\n #container {\n max-width: 42em;\n margin: 0 auto 2em auto;\n }\n .list {\n position: relative;\n }\n .row {\n overflow: hidden;\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n left: 0px;\n margin: 0.5em 0;\n padding: 1em;\n background: #fff;\n box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);\n transition: transform 0.5s ease-in-out, opacity 0.5s ease-out,\n left 0.5s ease-in-out;\n -webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-out,\n left 0.5s ease-in-out;\n }\n .row div {\n display: inline-block;\n vertical-align: middle;\n }\n .row > div:nth-child(1) {\n width: 5%;\n }\n .row > div:nth-child(2) {\n width: 30%;\n }\n .row > div:nth-child(3) {\n width: 65%;\n }\n .rm-btn {\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n color: #c25151;\n width: 1.4em;\n height: 1.4em;\n text-align: center;\n line-height: 1.4em;\n padding: 0;\n }</style>\n</head>\n<body>\n <div id=\"app\"></div>\n <script src=\"/d7e697eff3913f1acaacac8002c3b05e.js\"></script>\n</body>\n</html>"},"sourceMaps":null,"error":null,"hash":"33c100ad4ef94425ef833c0a7af8fc6a","cacheData":{"env":{}}}
\ No newline at end of file
.cache/1a/1812441c621323403be749d5ad174f.json 0 → 100644
View file @ 9c78313a
{"id":"node_modules/snabbdom/build/vnode.js","dependencies":[{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/build/vnode.js.map","includedInParent":true,"mtime":1618128945609},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/src/vnode.ts","includedInParent":true,"mtime":1618128945609},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/package.json","includedInParent":true,"mtime":1618128947981},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/package.json","includedInParent":true,"mtime":1618128945609}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.vnode = vnode;\n\nfunction vnode(sel, data, children, text, elm) {\n var key = data === undefined ? undefined : data.key;\n return {\n sel: sel,\n data: data,\n children: children,\n text: text,\n elm: elm,\n key: key\n };\n}"},"sourceMaps":{"js":{"mappings":[{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":16},"generated":{"line":8,"column":9}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":14}},{"source":"../src/vnode.ts","name":null,"original":{"line":41,"column":2},"generated":{"line":8,"column":15}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":18}},{"source":"../src/vnode.ts","name":null,"original":{"line":42,"column":2},"generated":{"line":8,"column":20}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":24}},{"source":"../src/vnode.ts","name":null,"original":{"line":43,"column":2},"generated":{"line":8,"column":26}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":34}},{"source":"../src/vnode.ts","name":null,"original":{"line":44,"column":2},"generated":{"line":8,"column":36}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":40}},{"source":"../src/vnode.ts","name":null,"original":{"line":45,"column":2},"generated":{"line":8,"column":42}},{"source":"../src/vnode.ts","name":null,"original":{"line":40,"column":6},"generated":{"line":8,"column":45}},{"source":"../src/vnode.ts","name":null,"original":{"line":45,"column":33},"generated":{"line":8,"column":47}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":2},"generated":{"line":9,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":8},"generated":{"line":9,"column":6}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":11},"generated":{"line":9,"column":9}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":14},"generated":{"line":9,"column":12}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":18},"generated":{"line":9,"column":16}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":23},"generated":{"line":9,"column":21}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":14},"generated":{"line":9,"column":30}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":35},"generated":{"line":9,"column":33}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":14},"generated":{"line":9,"column":42}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":47},"generated":{"line":9,"column":45}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":51},"generated":{"line":9,"column":49}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":52},"generated":{"line":9,"column":50}},{"source":"../src/vnode.ts","name":null,"original":{"line":47,"column":2},"generated":{"line":9,"column":53}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":2},"generated":{"line":10,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":10,"column":9}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":11},"generated":{"line":11,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":11},"generated":{"line":11,"column":4}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":14},"generated":{"line":11,"column":7}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":11},"generated":{"line":11,"column":9}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":11,"column":12}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":16},"generated":{"line":12,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":16},"generated":{"line":12,"column":4}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":20},"generated":{"line":12,"column":8}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":16},"generated":{"line":12,"column":10}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":12,"column":14}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":22},"generated":{"line":13,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":22},"generated":{"line":13,"column":4}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":30},"generated":{"line":13,"column":12}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":22},"generated":{"line":13,"column":14}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":13,"column":22}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":32},"generated":{"line":14,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":32},"generated":{"line":14,"column":4}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":36},"generated":{"line":14,"column":8}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":32},"generated":{"line":14,"column":10}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":14,"column":14}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":38},"generated":{"line":15,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":38},"generated":{"line":15,"column":4}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":41},"generated":{"line":15,"column":7}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":38},"generated":{"line":15,"column":9}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":15,"column":12}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":43},"generated":{"line":16,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":43},"generated":{"line":16,"column":4}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":46},"generated":{"line":16,"column":7}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":43},"generated":{"line":16,"column":9}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":9},"generated":{"line":17,"column":0}},{"source":"../src/vnode.ts","name":null,"original":{"line":48,"column":2},"generated":{"line":17,"column":3}},{"source":"../src/vnode.ts","name":null,"original":{"line":49,"column":1},"generated":{"line":18,"column":0}}],"sources":{"../src/vnode.ts":"import { Hooks } from \"./hooks\";\nimport { AttachData } from \"./helpers/attachto\";\nimport { VNodeStyle } from \"./modules/style\";\nimport { On } from \"./modules/eventlisteners\";\nimport { Attrs } from \"./modules/attributes\";\nimport { Classes } from \"./modules/class\";\nimport { Props } from \"./modules/props\";\nimport { Dataset } from \"./modules/dataset\";\n\nexport type Key = string | number | symbol;\n\nexport interface VNode {\n sel: string | undefined;\n data: VNodeData | undefined;\n children: Array<VNode | string> | undefined;\n elm: Node | undefined;\n text: string | undefined;\n key: Key | undefined;\n}\n\nexport interface VNodeData {\n props?: Props;\n attrs?: Attrs;\n class?: Classes;\n style?: VNodeStyle;\n dataset?: Dataset;\n on?: On;\n attachData?: AttachData;\n hook?: Hooks;\n key?: Key;\n ns?: string; // for SVGs\n fn?: () => VNode; // for thunks\n args?: any[]; // for thunks\n is?: string; // for custom elements v1\n [key: string]: any; // for any other 3rd party module\n}\n\nexport function vnode(\n sel: string | undefined,\n data: any | undefined,\n children: Array<VNode | string> | undefined,\n text: string | undefined,\n elm: Element | Text | undefined\n): VNode {\n const key = data === undefined ? undefined : data.key;\n return { sel, data, children, text, elm, key };\n}\n"},"lineCount":null}},"error":null,"hash":"7c8260576b5e62a2d82f43ebbaa40930","cacheData":{"env":{}}}
\ No newline at end of file
.cache/23/077ff3b6f06cd20b6e6480a7125b7a.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/49/65c00eb751d1e2a5b59f3001fefc49.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/4e/e6ffd74fa2a25d575f43cadccd97fb.json 0 → 100644
View file @ 9c78313a
This source diff could not be displayed because it is too large. You can view the blob instead.
.cache/69/22bf1b3cdd94eeec53340d37727c5b.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/69/a451ec9b5a16f9bfb8dfecc3647112.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/7f/0b1c62ca043eb5b35386870de18bd6.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/81/f2428838942099a1770fe00dc83fe4.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/8c/f1cc4bef06afe0878146361ed820a1.json 0 → 100644
View file @ 9c78313a
This source diff could not be displayed because it is too large. You can view the blob instead.
.cache/9d/35a66a7046dcfb0bfa1a13d20737bb.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/a2/0beea70c744b5b0ddf6f9e21f23eea.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/a2/49a12e4646cb8ddfcfbbdd8adb3bc9.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/b5/092fe0e4de99f038b98102f47937b0.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/b9/11ec6cd7233a7c9e706920568b09b2.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/d0/e7a9c0de72f83dc2516e65d9826840.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/d1/96008c3b6c1723069b1ec867797bf5.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/d8/3c755f9524c6c66c3b04261d0a7704.json 0 → 100644
View file @ 9c78313a
{"id":"node_modules/snabbdom/build/is.js","dependencies":[{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/build/is.js.map","includedInParent":true,"mtime":1618128945609},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/src/is.ts","includedInParent":true,"mtime":1618128945609},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/package.json","includedInParent":true,"mtime":1618128947981},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/package.json","includedInParent":true,"mtime":1618128945609}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.primitive = primitive;\nexports.array = void 0;\nvar array = Array.isArray;\nexports.array = array;\n\nfunction primitive(s) {\n return typeof s === \"string\" || typeof s === \"number\";\n}"},"sourceMaps":{"js":{"mappings":[{"source":"../src/is.ts","name":null,"original":{"line":1,"column":7},"generated":{"line":8,"column":0}},{"source":"../src/is.ts","name":null,"original":{"line":1,"column":13},"generated":{"line":8,"column":4}},{"source":"../src/is.ts","name":null,"original":{"line":1,"column":18},"generated":{"line":8,"column":9}},{"source":"../src/is.ts","name":null,"original":{"line":1,"column":21},"generated":{"line":8,"column":12}},{"source":"../src/is.ts","name":null,"original":{"line":1,"column":26},"generated":{"line":8,"column":17}},{"source":"../src/is.ts","name":null,"original":{"line":1,"column":27},"generated":{"line":8,"column":18}},{"source":"../src/is.ts","name":null,"original":{"line":1,"column":7},"generated":{"line":8,"column":25}},{"source":"../src/is.ts","name":null,"original":{"line":2,"column":6},"generated":{"line":11,"column":0}},{"source":"../src/is.ts","name":null,"original":{"line":2,"column":16},"generated":{"line":11,"column":9}},{"source":"../src/is.ts","name":null,"original":{"line":2,"column":6},"generated":{"line":11,"column":18}},{"source":"../src/is.ts","name":null,"original":{"line":2,"column":26},"generated":{"line":11,"column":19}},{"source":"../src/is.ts","name":null,"original":{"line":2,"column":6},"generated":{"line":11,"column":20}},{"source":"../src/is.ts","name":null,"original":{"line":2,"column":32},"generated":{"line":11,"column":22}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":2},"generated":{"line":12,"column":0}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":9},"generated":{"line":12,"column":9}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":16},"generated":{"line":12,"column":16}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":9},"generated":{"line":12,"column":17}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":22},"generated":{"line":12,"column":22}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":9},"generated":{"line":12,"column":30}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":34},"generated":{"line":12,"column":34}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":41},"generated":{"line":12,"column":41}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":34},"generated":{"line":12,"column":42}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":47},"generated":{"line":12,"column":47}},{"source":"../src/is.ts","name":null,"original":{"line":3,"column":2},"generated":{"line":12,"column":55}},{"source":"../src/is.ts","name":null,"original":{"line":4,"column":1},"generated":{"line":13,"column":0}}],"sources":{"../src/is.ts":"export const array = Array.isArray;\nexport function primitive(s: any): s is string | number {\n return typeof s === \"string\" || typeof s === \"number\";\n}\n"},"lineCount":null}},"error":null,"hash":"e6f3e47f7b109ebc98df21f657985007","cacheData":{"env":{}}}
\ No newline at end of file
.cache/dd/6c5657dad3ee4b186ef2d1fe93415a.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/de/bc59540019f8e7058959b46e08d3d2.json 0 → 100644
View file @ 9c78313a
This diff is collapsed.
.cache/df/b60950dc3c77b9734d812a1e249e37.json 0 → 100644
View file @ 9c78313a
{"id":"node_modules/snabbdom/build/hooks.js","dependencies":[{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/build/hooks.js.map","includedInParent":true,"mtime":1618128945609},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/src/hooks.ts","includedInParent":true,"mtime":1618128945609},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/package.json","includedInParent":true,"mtime":1618128947981},{"name":"/Users/shangbj/Documents/个人项目/snabbdom-demo/node_modules/snabbdom/package.json","includedInParent":true,"mtime":1618128945609}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});"},"sourceMaps":{"js":{"mappings":[],"sources":{},"lineCount":null}},"error":null,"hash":"0082458e9cd47ceea78e97fd1c0b7423","cacheData":{"env":{}}}
\ No newline at end of file
.gitignore 0 → 100644
View file @ 9c78313a
node_modules
dist/base.02c3b05e.js 0 → 100644
View file @ 9c78313a
This diff is collapsed.
dist/base.02c3b05e.js.map 0 → 100644
View file @ 9c78313a
This diff is collapsed.
dist/index.html 0 → 100644
View file @ 9c78313a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snabbdom-demo</title>
<style>body {
background: #fafafa;
font-family: sans-serif;
}
h1 {
font-weight: normal;
}
.btn {
display: inline-block;
cursor: pointer;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
padding: 0.5em 0.8em;
transition: box-shadow 0.05s ease-in-out;
-webkit-transition: box-shadow 0.05s ease-in-out;
}
.btn:hover {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.btn:active,
.active,
.active:hover {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.1);
}
.add {
float: right;
}
#container {
max-width: 42em;
margin: 0 auto 2em auto;
}
.list {
position: relative;
}
.row {
overflow: hidden;
position: absolute;
box-sizing: border-box;
width: 100%;
left: 0px;
margin: 0.5em 0;
padding: 1em;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-out,
left 0.5s ease-in-out;
-webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-out,
left 0.5s ease-in-out;
}
.row div {
display: inline-block;
vertical-align: middle;
}
.row > div:nth-child(1) {
width: 5%;
}
.row > div:nth-child(2) {
width: 30%;
}
.row > div:nth-child(3) {
width: 65%;
}
.rm-btn {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
color: #c25151;
width: 1.4em;
height: 1.4em;
text-align: center;
line-height: 1.4em;
padding: 0;
}</style>
</head>
<body>
<div id="app"></div>
<script src="/base.02c3b05e.js"></script>
</body>
</html>
\ No newline at end of file
dist/index.js 0 → 100644
View file @ 9c78313a
This diff is collapsed.
dist/index.js.map 0 → 100644
View file @ 9c78313a
This diff is collapsed.
index.html 0 → 100644
View file @ 9c78313a
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snabbdom-demo</title>
<style>
body {
background: #fafafa;
font-family: sans-serif;
}
h1 {
font-weight: normal;
}
.btn {
display: inline-block;
cursor: pointer;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
padding: 0.5em 0.8em;
transition: box-shadow 0.05s ease-in-out;
-webkit-transition: box-shadow 0.05s ease-in-out;
}
.btn:hover {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.btn:active,
.active,
.active:hover {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.1);
}
.add {
float: right;
}
#container {
max-width: 42em;
margin: 0 auto 2em auto;
}
.list {
position: relative;
}
.row {
overflow: hidden;
position: absolute;
box-sizing: border-box;
width: 100%;
left: 0px;
margin: 0.5em 0;
padding: 1em;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-out,
left 0.5s ease-in-out;
-webkit-transition: transform 0.5s ease-in-out, opacity 0.5s ease-out,
left 0.5s ease-in-out;
}
.row div {
display: inline-block;
vertical-align: middle;
}
.row > div:nth-child(1) {
width: 5%;
}
.row > div:nth-child(2) {
width: 30%;
}
.row > div:nth-child(3) {
width: 65%;
}
.rm-btn {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
color: #c25151;
width: 1.4em;
height: 1.4em;
text-align: center;
line-height: 1.4em;
padding: 0;
}
</style>
</head>
<body>
<div id="app"></div>
<script src="./src/base.js"></script>
</body>
</html>
\ No newline at end of file
package.json 0 → 100644
View file @ 9c78313a
{
"name": "snabbdom-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "parcel index.html --open",
"build": "parcel build index.html"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"parcel-bundler": "^1.12.5"
},
"dependencies": {
"snabbdom": "^3.0.1"
}
}
src/base.js 0 → 100644
View file @ 9c78313a
This diff is collapsed.
yarn.lock 0 → 100644
View file @ 9c78313a
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment