style：学习路径页面新增分页

src/views/learningpath/LearningPath.vue

@@ -73,52 +73,56 @@
         expandRowByClick="true"
         :scroll="{ x: 1600, y: 800 }"
         @expand="expandTable"
-        :pagination="
-          tableDataTotal > 10
-            ? false
-            : {
-                // disabled: true,
-                display: false,
-                showSizeChanger: true,
-                showQuickJumper: true,
-                hideOnSinglePage: true,
-                pageSizeOptions: [],
-                pageSize: pageSize,
-                current: currentPage,
-                total: tableDataTotal,
-                onChange: (page, pageSize) => {
-                  currentPage = page;
-                  // console.log('page', page)
-                  // 加翻页查找代码
-                  // 	this.setState({
-                  // 		currentPage: page,
-                  // 	}, () => {
-                  // 		this.getMilitaryDeployment()
-                  // 	})
-                },
-              }
-        "
+        :pagination="false"
       />
+      <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
+      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
+      currentPage, total: tableDataTotal, -->
+      <div class="pa">
+        <a-pagination
+          showSizeChanger="true"
+          showQuickJumper="true"
+          hideOnSinglePage="true"
+          :pageSize="pageSize"
+          :current="currentPage"
+          :total="tableDataTotal"
+          class="pagination"
+        />
+      </div>
     </div>
+
     <!-- 表格 -->
     <div :class="out ? 'out' : 'unout'">
       <div class="top">
         <img class="topimg" src="../../assets/images/courseManage/add1.png" />
         <div class="topc">创建路径</div>
         <div @click="handleOut" style="margin-left: 500px; cursor: pointer">
-          x
+          <img
+            style="width: 20px; height: 20px"
+            src="../../assets/images/basicinfo/close.png"
+          />
         </div>
       </div>
       <div class="mid clearfix">
         <div class="name">
-          <div class="d">*</div>
+          <div class="d" style="margin-top: -4px">
+            <img
+              style="width: 10px; height: 10px"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+          </div>
           <div class="inname">路径图名称</div>
           <div class="in">
             <a-input v-model:value="valueE" />
           </div>
         </div>
         <div class="bac">
-          <div class="d">*</div>
+          <div class="d" style="margin-top: 12px">
+            <img
+              style="width: 10px; height: 10px"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+          </div>
           <div class="inname">路径图背景</div>
           <div class="in">
             <!-- <img class="im" src="../../assets/px.jpg" />
@@ -385,6 +389,7 @@ export default {
   height: 100%;
   display: flex;
   flex-direction: column;
+  position: relative;
   // position: relative;
   .filter {
     margin-left: 38px;
@@ -489,6 +494,16 @@ export default {
       > td {
       background: #f6f9fd;
     }
+    .pa {
+      left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      position: absolute;
+      bottom: 20px;
+    }
   }
   .out {
     display: block;
@@ -530,6 +545,11 @@ export default {
       display: flex;
       flex-direction: column;
       align-items: center;
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
       .name {
         width: 78%;
         // background-color: lightcoral;
@@ -538,10 +558,7 @@ export default {
         align-items: center;
         height: 40px;
         // border: 1px solid black;
-        .d {
-          margin-top: 8px;
-          color: #ff4e4e;
-        }
+
         .inname {
           color: #6f6f6f;
           font-size: 14px;