记事本预写，待接口

css/notepad.css

@@ -0,0 +1,72 @@
+.row {
+    background: white;
+    width: 100%;
+    height: 84px;
+    border-bottom: 1px solid #ebebeb;
+    position: relative;
+    margin-bottom: 5px;
+}
+
+.block{
+	margin-top: 36px;
+	padding: 0 2%;
+}
+
+.z{
+	width: 100%;
+	height: 50px;
+}
+
+.row .title {
+	font-size: 18px;
+	color: black;
+	line-height: 42px;
+	position: absolute;
+	left: 10px;
+}
+
+[v-cloak] {
+  display: none;
+}
+
+.left {
+	float: left;
+}
+
+.right {
+	float: right;
+	display: block;
+}
+
+.right > div {
+	display: inline;
+}
+
+.operation {
+	font-size: 1rem;
+	line-height: 42px;
+	padding-right: 10px;
+	padding-left: 10px;
+	display: block;
+}
+
+.edit {
+	background: yellowgreen;
+	opacity: 0.5;
+}
+
+.delete {
+	background: red;
+	opacity: 0.5;
+}
+
+.upper {
+	width: 100%;
+}
+
+.lower {
+	font-size: 0.8rem;
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+}