|
|
@@ -82,16 +82,22 @@
|
|
|
<div id="all">
|
|
|
<div class="myTop">
|
|
|
<el-link href="https://memos.tianyunperfect.cn/">memos主页</el-link>
|
|
|
- <!-- 页码输入框，默认为1，修改触发查询-->
|
|
|
- <span style="margin-left: 20px">页码：</span>
|
|
|
- <el-input type="number" style="width: 80px; margin-left: 20px" v-model="page" @change="search"></el-input>
|
|
|
- <span style="margin-left: 20px">大小：</span>
|
|
|
- <el-input type="number" style="width: 80px; margin-left: 20px" v-model="size" @change="search" step="10"></el-input>
|
|
|
+ <el-button @click="page = page - 1;search()" :disabled="page === 1">上一页</el-button>
|
|
|
+ <el-input type="number" style="width: 80px;" v-model="page" @change="search"></el-input>
|
|
|
+ <el-button @click="page = page + 1;search()">下一页</el-button>
|
|
|
+ <el-select v-model="size" placeholder="请选择" style="width: 80px" @change="search">
|
|
|
+ <el-option
|
|
|
+ v-for="item in [10, 20, 50, 100]"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
<!--输入框，绑定回车事件，触发查询-->
|
|
|
- <el-input style="margin-left: 30px; width: 70vw; padding-left: 10px" placeholder="搜索" v-model="searchStr" @change="search"></el-input>
|
|
|
+ <el-input style="margin-left: 30px; width: 40vw; padding-left: 10px" placeholder="搜索" v-model="searchStr" @change="search"></el-input>
|
|
|
<br><br>
|
|
|
<div></div>
|
|
|
- <div style="display: flex;align-items:stretch">
|
|
|
+ <div style="display: flex;align-items:stretch; width: 70vw">
|
|
|
<!-- 创建一个用于编辑的容器 -->
|
|
|
<el-input
|
|
|
@keydown.enter.native="keyDown"
|
|
|
@@ -213,7 +219,7 @@
|
|
|
tmpItem: {},
|
|
|
dialogVisible: false,
|
|
|
page: 1,
|
|
|
- size: 10,
|
|
|
+ size: 20,
|
|
|
searchStr: '',
|
|
|
contentStr: '',
|
|
|
tagChecked: [],
|
tianyun