css

src/components/menu.vue

@@ -179,7 +179,7 @@
       </el-form>
     </el-dialog>
     <!--消息通知-->
-    <el-dialog title="消息通知" :visible.sync="dialogNewsVisible" width="700px" class="demo-ruleForm">
+    <el-dialog title="消息通知" :visible.sync="dialogNewsVisible" width="800px" class="demo-ruleForm">
       <div class="tab-news row verCenter bothSide">
         <div>
           <el-tabs v-model="activeName" @tab-click="handleClick">
@@ -242,13 +242,13 @@
             </template>
           </el-table-column>
         </el-table>
-        <div class="row verCenter bothSide">
-          <div style="margin-left: 13px;">
+        <div class="row verCenter bothSide" style="margin-top: 15px;">
+          <div style="margin-left: 13px;white-space: nowrap">
             <el-checkbox @change="selectAll" v-model="checkAll" :indeterminate="isIndeterminate"></el-checkbox>
             <el-button type="primary" @click="getNewsStatus(0)" style="margin-left: 10px;">未读</el-button>
             <el-button type="primary" @click="getNewsStatus(1)">已读</el-button>
           </div>
-          <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
+          <el-pagination style="margin-top: 0" layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
         </div>
       </section>
     </el-dialog>