diff --git a/css/notepad.css b/css/notepad.css index 1d3ee52..d590b4f 100644 --- a/css/notepad.css +++ b/css/notepad.css @@ -58,4 +58,13 @@ .delete { background: red; +} + +.footer{ + position: fixed; + bottom: 0; + width: 100%; + background: white; + height: 49px; + border-top: 1px solid #e6e6e6; } \ No newline at end of file diff --git a/js/notepad.js b/js/notepad.js index d0b97ed..09d2b1a 100644 --- a/js/notepad.js +++ b/js/notepad.js @@ -1,13 +1,11 @@ mui.plusReady(function(){ // some ajax }) -app = new Vue({ +const app = new Vue({ el: '#app', data() { return { noteData: [ - {id: 1, name: '这是一个名字', created_at: "2019-07-06 18:00:01", updated_at: "2019-07-06 18:00:09"}, - {id: 2, name: '这是二个名字', created_at: "2019-07-06 19:00:01", updated_at: "2019-07-06 20:00:09"}, ] } }, @@ -23,14 +21,23 @@ app = new Vue({ }, confirmDelete(index){ console.log("删除", this.noteData[index]) + // some ajax window.location.reload() }, edit(index){ console.log("编辑", this.noteData[index]) + // some ajax window.location.reload() + }, + create(){ + // some jump } }, mounted() { - setTimeout(()=>{document.getElementById("app").visibility = "visible";}, 1000) + // some ajax + this.noteData = [ + {id: 1, name: '这是一个名字', created_at: "2019-07-06 18:00:01", updated_at: "2019-07-06 18:00:09"}, + {id: 2, name: '这是二个名字', created_at: "2019-07-06 19:00:01", updated_at: "2019-07-06 20:00:09"}, + ] } }) \ No newline at end of file diff --git a/templete/notepad.html b/templete/notepad.html index fd91f55..bf1fde6 100644 --- a/templete/notepad.html +++ b/templete/notepad.html @@ -8,7 +8,7 @@ - +
@@ -38,6 +38,9 @@
+