借阅管理

src/views/archivesManage/lendManage/index.vue

@@ -1,16 +1,8 @@
 <template>
   <div class="app-container lend-container">
     <!-- 借阅列表 -->
-    <el-row class="container-main" :gutter="20">
     <!-- 借阅管理tab -->
-      <el-col
-        class="container-right tab-content"
-        :xs="14"
-        :sm="18"
-        :md="19"
-        :lg="18"
-        :xl="24"
-      >
+    <div class="tab-content">
       <span class="right-top-line" />
       <span class="left-bottom-line" />
       <ul class="tab-nav">
@@ -48,8 +40,7 @@
         <span class="tab-right-img" />
       </ul>
       <component :is="comName" />
-      </el-col>
-    </el-row>
+    </div>
   </div>
 </template>
 
@@ -99,4 +90,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.lend-container{
+  .tab-content{
+    position: relative;
+    margin-top: 61px;
+    border: 1px solid #113d72;
+  }
+}
 </style>