瀏覽代碼

界面优化

gaoxiong 1 年之前
父節點
當前提交
c908f32c21
共有 1 個文件被更改,包括 9 次插入1 次删除
  1. 9 1
      src/views/index.vue

+ 9 - 1
src/views/index.vue

@@ -45,7 +45,8 @@
       <el-col :xs="24" :sm="12" :md="15"  :lg="15">
         <el-card class="chart-wrapper">
           <el-tabs type="border-card">
-            <el-tab-pane label="通知公告">
+            <el-tab-pane>
+              <span slot="label" class="tab_font">通知公告</span>
               <div class="tab-panel">
                 <div v-if="msgsList && msgsList.length > 0" class="msg-item" v-for="(v,i) in msgsList" :key="v.id" @click="showMsg(v)">
                     <span class="item-title">{{v.title}}</span>
@@ -55,6 +56,7 @@
               </div>
             </el-tab-pane>
             <el-tab-pane label="知识库">
+              <span slot="label" class="tab_font">知识库</span>
               <div class="tab-panel">
                 <div class="file-item" v-for="(v,i) in fileList" :key="i">
                   <a :href="imageUrl(v.url)" target="_blank">
@@ -231,6 +233,10 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.tab_font{
+  font-size: 16px;
+  font-weight: bold;
+}
 .home-container {
   padding: 20px;
   background-color: rgb(240, 242, 245);
@@ -338,6 +344,7 @@ export default {
     .card-panel-icon-wrapper {
       height: 120px;
       margin: 10px;
+      margin-left: 15%;
       padding: 10px;
       transition: all 0.38s ease-out;
       border-radius: 6px;
@@ -364,6 +371,7 @@ export default {
       justify-content: center;
       font-weight: bold;
       margin: 10px;
+      margin-right: 18%;
       .card-panel-text {
         text-align: center;
         line-height: 18px;