devsnippet
diff --git a/‎vuejs练习/树状视图/index.css b/‎vuejs练习/树状视图/index.css
diff --git a/‎vuejs练习/树状视图/index.html
Lines changed: 38 additions & 0 deletions b/‎vuejs练习/树状视图/index.html
Lines changed: 38 additions & 0 deletions
diff --git a/‎vuejs练习/树状视图/index.js b/‎vuejs练习/树状视图/index.js
diff --git a/‎vuejs练习/表格组件的使用/index.css
Lines changed: 62 additions & 0 deletions b/‎vuejs练习/表格组件的使用/index.css
Lines changed: 62 additions & 0 deletions
@@ -0,0 +1,38 @@
+var data = {
+  name: 'My Tree',
+  children: [
+    { name: 'hello' },
+    { name: 'wat' },
+    {
+      name: 'child folder',
+      children: [
+        {
+          name: 'child folder',
+          children: [
+            { name: 'hello' },
+            { name: 'wat' }
+          ]
+        },
+        { name: 'hello' },
+        { name: 'wat' },
+        {
+          name: 'child folder',
+          children: [
+            { name: 'hello' },
+            { name: 'wat' }
+          ]
+        }
+      ]
+    }
+  ]
+}
+
+Vue.component('item',{
+  template:'#item-template',
+  props:{
+    model:Object
+  },
+  data:function() {
+    
+  }
+})
@@ -0,0 +1,62 @@
+body{
+	font-family: Helvetica Neue, Arial, sans-serif;
+	font-size: 14px;
+	color: #444;
+}
+
+table{
+	border: 2px solid #42b983;
+	border-radius: 3px;
+	background-color: #fff;
+}
+
+th{
+	background-color: #42b983;
+	color: rgba(255,255,255,0.66);
+	cursor: pointer;
+	-webkit-user-select: none;
+  	-moz-user-select: none;
+ 	-user-select: none;
+}
+
+td{
+	background-color: #f9f9f9;
+}
+
+th,td{
+	min-width: 120px;
+	padding: 10px 20px;
+}
+
+th.active {
+  color: #fff;
+}
+
+th.active .arrow{
+	opacity: 1;
+}
+
+.arrow {
+  display: inline-block;
+  vertical-align: middle;
+  width: 0;
+  height: 0;
+  margin-left: 5px;
+  opacity: 0.66;
+}
+
+.arrow.asc {
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-bottom: 4px solid #fff;
+}
+
+.arrow.dsc {
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 4px solid #fff;
+}
+
+#search {
+  margin-bottom: 10px;
+}