页面布局

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/tasks/index.vue

@@ -1,8 +1,45 @@
 <template>
   <div class="h-full flex">
     <div class="p-5 w-80 pr-0">
-      <div class="bg-white w-full h-full p-3 shadow-md rounded-md">
-       1111
+      <div class="bg-white w-full h-full shadow-md rounded-md flex flex-col">
+        <div class="flex-1 p-3 overflow-y-scroll">
+          <ul>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+            <li>sssss</li>
+          </ul>
+        </div>
+        <div class="w-full flex p-3 shadow-[0_-3px_5px_0px_rgba(0,0,0,0.2)]">
+          <El-button class="w-full">重置</El-Button>
+          <El-button type="primary" class="w-full">搜索</El-Button>
+        </div>
       </div>
     </div>
     <div class="flex-1 p-5">