no message

src/views/Forestage/Tourism/index.vue

@@ -29,7 +29,7 @@
         class="pagination-data"
         background
         layout="prev, pager, next"
-        :page-size="10"
+        :page-size="20"
         :total="total">
       </el-pagination>
     </div>
@@ -149,6 +149,48 @@
 <style scoped lang="scss">
 .pagination-data{
   background-color: rgba(0,0,0,0);
+}
+.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
+  background: transparent;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active{
+  background: #2D7EF9;
+  border-radius: 10px;
+}
+.el-pagination__jump{
+  color: #718096;
+}
+.el-pagination__editor{
+  margin: 0 8px 0 0;
+}
+.el-pagination__editor.el-input .el-input__inner{
+  width: 38px;
+  height: 38px;
+  margin: 0 8px;
+}
+.el-pagination button, .el-pagination span:not([class*=suffix]){
+  line-height: 38px;
+}
+.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
+  background: transparent;
+}
+.el-pagination.is-background .el-pager li:not(.disabled).active{
+  background: #2D7EF9;
+  border-radius: 10px;
+}
+.el-pagination__jump{
+  color: #718096;
+}
+.el-pagination__editor{
+  margin: 0 8px 0 0;
+}
+.el-pagination__editor.el-input .el-input__inner{
+  width: 38px;
+  height: 38px;
+  margin: 0 8px;
+}
+.el-pagination button, .el-pagination span:not([class*=suffix]){
+  line-height: 38px;
 }
 	.tourism-box {
 		padding-top: 70px;