q792602257/qlg.frontend
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

记事本添加，待编写绑定跳转

Browse Source
This commit is contained in:
Jerry Yan 2019-09-09 15:41:03 +08:00
parent 2f9b97e112
commit 165bcbece0
3 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/notepad.css
View File

@ -59,3 +59,12 @@
.delete { .delete {
background: red; background: red;
} }
.footer{
position: fixed;
bottom: 0;
width: 100%;
background: white;
height: 49px;
border-top: 1px solid #e6e6e6;
}

15
js/notepad.js
View File

@ -1,13 +1,11 @@
mui.plusReady(function(){ mui.plusReady(function(){
// some ajax // some ajax
}) })
app = new Vue({ const app = new Vue({
el: '#app', el: '#app',
data() { data() {
return { return {
noteData: [ 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){ confirmDelete(index){
console.log("删除", this.noteData[index]) console.log("删除", this.noteData[index])
// some ajax
window.location.reload() window.location.reload()
}, },
edit(index){ edit(index){
console.log("编辑", this.noteData[index]) console.log("编辑", this.noteData[index])
// some ajax
window.location.reload() window.location.reload()
},
create(){
// some jump
} }
}, },
mounted() { 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"},
]
} }
}) })

5
templete/notepad.html
View File

@ -8,7 +8,7 @@
<link rel="stylesheet" type="text/css" href="../css/mui.css" /> <link rel="stylesheet" type="text/css" href="../css/mui.css" />
</head> </head>
<body> <body style="visibility:hidden;">
<div class="header"> <div class="header">
<div class="header_con"> <div class="header_con">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
@ -38,6 +38,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="footer">
新增记事
</div>
</body> </body>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script> <script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>