feat:增加抽屉样式

src/App.vue

@@ -76,6 +76,8 @@ export default defineComponent({
     // flex-shrink: 0;
     display: flex;
     overflow-y: scroll;
+    // display: flex;
+    // flex: 1 1 auto;
     width: calc(100% - 40px);
     // margin-bottom: 20px;
     margin: 0px 20px 20px 20px;

src/assets/scss/common.scss

@@ -192,3 +192,25 @@ display: none;
   width: 100px !important;
 }
 //表格下拉框-------------------------------------------
+
+//抽屉--------------------------------------------------------
+.drawerStyle {
+  .ant-drawer-content-wrapper {
+    max-width: 1050px;
+    .ant-drawer-header {
+      display: none !important;
+    }
+    .ant-drawer-body {
+      padding: 0;
+    }
+  }
+  .drawerMain {
+    min-width: 700px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    
+   
+	}}
+	//抽屉--------------------------------------------------------

src/views/learningpath/LevelAdd.vue

@@ -61,7 +61,6 @@
                     <div class="search"></div>
                     <div class="btnText">重置</div>
                   </div>
-
                   <router-link to="/leveladddetail">
                     <div class="btn btn3" @click="handleOut">
                       <div class="search"></div>
@@ -173,7 +172,6 @@
                     ><span style="color: #4ea6ff">1</span><span>关-第</span
                     ><span style="color: #4ea6ff">4</span><span>关内容</span>
                   </div>
-
                   <br />
                 </div>
               </div>
@@ -259,7 +257,6 @@
     </div>
   </div>
 </template>
-
 <script>
 import { ref, reactive, toRefs } from "vue";
 export default {
@@ -354,7 +351,6 @@ export default {
   },
 };
 </script>
-
 <style scoped lang="scss">
 .clearfix:before,
 .clearfix:after {
@@ -437,11 +433,9 @@ export default {
         margin-top: 5px;
         margin-right: 60px;
       }
-
       .more {
         position: relative;
         margin-right: 30px;
-
         .moreArrow {
           width: 13px;
           height: 7px;
@@ -491,12 +485,10 @@ export default {
         .pub {
           margin-right: 10px;
         }
-
         .more {
           margin-right: 10px;
         }
       }
-
       .more:hover .moreArrow {
         background-image: url("../../assets/images/navtop/up.png");
       }
@@ -505,7 +497,6 @@ export default {
       }
     }
   }
-
   .split {
     width: 100%;
     height: 20px;
@@ -753,7 +744,6 @@ export default {
         .onemain {
           margin-top: 20px;
           margin-left: 55px;
-
           color: #6f6f6f;
           font-size: 14px;
           .checkcon {

src/views/system/SystemManage.vue

@@ -25,7 +25,7 @@
         v-model:visible="visible"
         class="drawerStyle"
         style="color: red"
-        width="70%"
+        width="80%"
         title="添加投票"
         placement="right"
         @after-visible-change="afterVisibleChange"
@@ -39,6 +39,7 @@
               @click="closeDrawer"
             />
           </div>
+          <div class="contentMain">
             <!-- 投票名称 -->
             <div class="vote">
               <div class="votebox">
@@ -103,6 +104,82 @@
               </div>
             </div>
             <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+            <!-- 投票说明 -->
+            <div class="vote" style="align-items: flex-start">
+              <div class="votebox" style="margin-top: 10px">
+                <div class="voteimg"></div>
+                <div class="votename">投票说明：</div>
+              </div>
+              <div style="width: 500px">
+                <a-textarea
+                  :rows="4"
+                  placeholder="请输入投票说明"
+                  :maxlength="6"
+                />
+              </div>
+            </div>
+            <!-- 投票说明 -->
+          </div>
         </div>
       </a-drawer>
     </div>
@@ -142,21 +219,7 @@ export default {
   width: 100%;
 }
 .drawerStyle {
-  .ant-drawer-content-wrapper {
-    max-width: 1000px;
-    .ant-drawer-header {
-      display: none !important;
-    }
-    .ant-drawer-body {
-      padding: 0;
-    }
-  }
   .drawerMain {
-    min-width: 600px;
-    margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
-    display: flex;
-    flex-direction: column;
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -171,6 +234,7 @@ export default {
         margin-left: 24px;
       }
     }
+    .contentMain {
       .vote {
         display: flex;
         align-items: center;
@@ -221,5 +285,6 @@ export default {
         }
       }
     }
+  }
 }
 </style>