7.12-05

src/layout/components/AppMain.vue

@@ -8,8 +8,14 @@
     </transition>
     <el-card v-if="shuo" class="box-card">
       <div v-if="mainShow">
-        <div class="title">
-          {{ topic }}
+        <div slot="header" class="clearfix">
+          <span>{{ topic }}</span>
+          <el-button
+            style="float: right; padding: 3px 0; color: #ccc"
+            type="text"
+            @click="shuo = flase"
+            >X</el-button
+          >
         </div>
         <div class="text">
           <p class="p">{{ message }}</p>
@@ -218,6 +224,19 @@ export default {
   overflow: hidden;
   background: #fff;
 }
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+.clearfix:after {
+  clear: both;
+}
+.clearfix {
+  height: 30px;
+  border-bottom: 1px solid #ccc;
+}
+
 .box-card {
   width: 300px;
   height: 300px;
@@ -240,6 +259,7 @@ export default {
 }
 .text {
   height: 190px;
+  margin-top: 15px;
 }
 .p {
   margin: 0;