Jelajahi Sumber

```
feat(index): 添加Quill编辑器CSS样式文件

- 引入Quill编辑器的核心、snow主题和bubble主题CSS文件
- 为富文本编辑功能提供必要的样式支持

feat(learning-system): 添加课程排序功能配置

- 在LearningSystem组件中添加orderByColumn和isAsc字段
- 设置默认按courseId降序排列

feat(workflow-trade): 优化发布提示和规则显示样式

- 为发布提示内容添加Quill编辑器容器样式类
- 为发布规则内容添加Quill编辑器容器样式类
- 使用ql-container和ql-editor类名适配Quill编辑器样式

feat(styles): 新增内边距样式类

- 添加paddingTB16样式类,用于上下方向16px内边距
```

zhangningning 1 bulan lalu
induk
melakukan
f3824d39eb

+ 4 - 0
index.html

@@ -7,6 +7,10 @@
     <title></title>
      <!-- PayPal JS SDK 核心引入,替换为你的 Client ID -->
     <script src="https://www.paypal.com/sdk/js?client-id=AWTqiGF8Tcnuu_gnZzJ_k4a-LvPFj4IbUh98l2zCKxdngjCth3s2fwH0kcC5G-zjyD2t8ty67O1BV0N-&currency=USD"></script>
+    <!-- 引入quill里的三个css文件 -->
+    <link href="/quill/quill.core.css" rel="stylesheet">
+    <link href="/quill/quill.snow.css" rel="stylesheet">
+    <link href="/quill/quill.bubble.css" rel="stylesheet">
   </head>
   <body>
     <div id="app"></div>

File diff ditekan karena terlalu besar
+ 10 - 0
quill/quill.bubble.css


File diff ditekan karena terlalu besar
+ 10 - 0
quill/quill.core.css


File diff ditekan karena terlalu besar
+ 10 - 0
quill/quill.snow.css


+ 2 - 0
src/pages/LearningSystem/LearningSystem.vue

@@ -205,6 +205,8 @@
     skillTag: '',
     pageNum: 1,
     pageSize: 10,
+    orderByColumn: 'courseId',
+    isAsc: 'desc'
   })
 
   onMounted(() => {

+ 8 - 4
src/pages/workflowTrade/workflowTradeAdd.vue

@@ -143,8 +143,10 @@
               <div class="font_size20 bold">{{$t('workflowTradeAdd.publishTip')}}</div>
             </div>
             <!-- 无序列表 -->
-            <div class="font_size16">
-              <div v-html="release_hint"></div>
+            <div class="font_size16 ql-container">
+              <div class="ql-editor">
+                <div v-html="release_hint"></div>
+              </div>
               <!-- <div>· 标题要简洁明了,突出核心需求</div>
               <div>· 详细描述需求背景和具体要求</div>
               <div>· 明确交付标准和验收方式</div>
@@ -158,8 +160,10 @@
               <div class="font_size20 bold">{{$t('workflowTradeAdd.publishRules')}}</div>
             </div>
             <!-- 有序列表 -->
-            <div class="font_size16">
-              <div v-html="release_rules"></div>
+            <div class="font_size16 editor ql-container ">
+              <div class="ql-editor">
+                <div v-html="release_rules"></div>
+              </div>
             </div>
           </div>
         </div>

+ 3 - 0
src/styles/index.scss

@@ -145,6 +145,9 @@ wx-image{
 .paddingTB10 {
 	padding: 10px 0
 }
+.paddingTB16 {
+	padding: 16px 0
+}
 
 .pad20 {
 	padding: 0 20px