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 {
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(){
// 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"},
]
}
})

5
templete/notepad.html
View File

@ -8,7 +8,7 @@
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
</head>
<body>
<body style="visibility:hidden;">
<div class="header">
<div class="header_con">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
@ -38,6 +38,9 @@
</div>
</div>
</div>
<div class="footer">
新增记事
</div>
</body>
<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>