jichoi / lms_front star
[jichoi] 2024-08-08
240808 최정임
@fb0a90c09d73cb86f287351fbc7e8cfd5cfe0ace
client/resources/css/style.css
--- client/resources/css/style.css
+++ client/resources/css/style.css
@@ -1050,18 +1050,18 @@
 
   /* 단원 버튼 */
  .unit-pagination button {
-    font-size: 3rem;
+    font-size: 2rem;
     font-family: 'Pretendard-Regular';
     padding: 5px 30px;
-    border: #FFD56B 3px solid;
-    border-radius: 10px;
+    border: #c6c6c6 3px solid;
+    border-radius: 5px;
     color: #331600;
-    background-color: #FFF3D7 
+    background-color: #EAEDF4 
 }
 
  .unit-pagination .selected-btn {
-    background-color: #FFBA08;
-    color: #fff;
-    font-family: 'Pretendard-Bold';
+    background-color:#c6c6c6;
+    /* color: #fff; */
+    font-family: 'Pretendard-ExtraBold';
 }
 /* ------------------------선생님 --------------------- */
(No newline at end of file)
client/views/pages/teacher/C_TextBookDetail.vue
--- client/views/pages/teacher/C_TextBookDetail.vue
+++ client/views/pages/teacher/C_TextBookDetail.vue
@@ -6,7 +6,7 @@
         </select>
     </div>
     <div class="board-wrap">
-        <label for="" class="title2">단원</label>
+        <label for="" class="title1">단원</label>
         <div class="unit-pagination flex mt10" style="gap: 10px;">
             <button class="selected-btn">1</button>
             <button>2</button>
client/views/pages/teacher/ExamList.vue
--- client/views/pages/teacher/ExamList.vue
+++ client/views/pages/teacher/ExamList.vue
@@ -5,6 +5,12 @@
             <option value="">1단원</option>
         </select>
     </div>
+    <label for="" class="title2">단원</label>
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+        </div>
     <div class="search-wrap flex justify-end mb20">
             <select name="" id="" class="mr10 data-wrap">
                 <option value="">중간</option>
client/views/pages/teacher/QuestionList.vue
--- client/views/pages/teacher/QuestionList.vue
+++ client/views/pages/teacher/QuestionList.vue
@@ -2,9 +2,15 @@
     <div class="title-box flex justify-between mb40">
         <p class="title">문제</p>
         <select name="" id="">
-            <option value="">1단원</option>
+            <option value="">A교재</option>
         </select>
     </div>
+    <label for="" class="title2">단원</label>
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+        </div>
     <div class="search-wrap flex justify-end mb20">
             <select name="" id="" class="mr10 data-wrap">
                 <option value="">전체</option>
client/views/pages/teacher/TextBookDetail.vue
--- client/views/pages/teacher/TextBookDetail.vue
+++ client/views/pages/teacher/TextBookDetail.vue
@@ -1,11 +1,20 @@
 <template>
     <div class="title-box flex justify-between mb40">
         <p class="title">A교재</p>
-        <select name="" id="">
+        <!-- <select name="" id="">
             <option value="">1단원</option>
-        </select>
+        </select> -->
     </div>
-    <div class="board-wrap">
+    <label for="" class="title1">단원</label>
+        <div class="unit-pagination flex mt10" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+            <button ><svg-icon type="mdi" :path="mdiPlus" style="    padding-top: 6px;
+    width: 30px;
+    height: 30px;"></svg-icon></button>
+        </div>
+    <div class="board-wrap mt30">
         <div class="mb20 ">
             <div class="flex justify-between mb30 align-center">
                 <label for="" class="title1">지문</label>
@@ -168,7 +177,7 @@
 
 <script>
 import SvgIcon from '@jamescoyle/vue-icon';
-import { mdiMagnify, } from '@mdi/js';
+import { mdiMagnify,mdiPlus  } from '@mdi/js';
 import { mdilArrowRight } from '@mdi/light-js';
 import ProgressBar from '../../component/ProgressBar.vue';
 
@@ -176,6 +185,7 @@
 export default {
     data() {
         return {
+            mdiPlus :mdiPlus ,
             mdiMagnify: mdiMagnify,
             mdilArrowRight: mdilArrowRight,
             timer: "00:00",
client/views/pages/teacher/TextList.vue
--- client/views/pages/teacher/TextList.vue
+++ client/views/pages/teacher/TextList.vue
@@ -6,7 +6,7 @@
         </select>
     </div>
         <label for="" class="title2">단원</label>
-        <div class="unit-pagination flex mt10" style="gap: 10px;">
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
             <button class="selected-btn">1</button>
             <button>2</button>
             <button>3</button>
client/views/pages/teacher/VocaList.vue
--- client/views/pages/teacher/VocaList.vue
+++ client/views/pages/teacher/VocaList.vue
@@ -2,9 +2,15 @@
     <div class="title-box flex justify-between mb40">
         <p class="title">단어장</p>
         <select name="" id="">
-            <option value="UNIT_000000000000001">1단원</option>
+            <option value="UNIT_000000000000001">A교재</option>
         </select>
     </div>
+    <label for="" class="title2">단원</label>
+        <div class="unit-pagination flex mt10 mb20" style="gap: 10px;">
+            <button class="selected-btn">1</button>
+            <button>2</button>
+            <button>3</button>
+        </div>
     <div class="search-wrap flex justify-between mb20 align-center">
         <div class="title2 gray">?단원 전체 목록</div>
         <div>
Add a comment
List