图片、视频、音频 显示序号样式

src/views/book/courseware/data/audio.js

@@ -1,5 +1,6 @@
 import {
   serialNumberTypeList,
+  serialNumberStyleList,
   serialNumberPositionList,
   displayList,
   commonComponentProperty,
@@ -22,6 +23,8 @@ export function getAudioProperty() {
     sn_type: serialNumberTypeList[0].value,
     sn_position: serialNumberPositionList[3].value,
     sn_display_mode: displayList[1].value,
+    sn_style: serialNumberStyleList[0].value,
+    sn_background_color: '#ea3232', // 序号背景色
     view_method: audioViewMethodList[0].value,
     file_name_display_mode: displayList[1].value,
     style_mode: audioViewStyleList[0].value,

src/views/book/courseware/data/picture.js

@@ -2,6 +2,7 @@ import {
   displayList,
   viewMethodList,
   serialNumberTypeList,
+  serialNumberStyleList,
   serialNumberPositionList,
   switchOption,
 } from '@/views/book/courseware/data/common';
@@ -12,6 +13,8 @@ export function getPictureProperty() {
     sn_type: serialNumberTypeList[0].value, // 序号类型：letter字母 number数字  capital大写字母 bracket_number括号数字
     sn_position: serialNumberPositionList[3].value, // 序号位置：top-start top top-end，left-start left left-end等
     sn_display_mode: displayList[1].value, // 序号显示方式：true显示 false隐藏
+    sn_style: serialNumberStyleList[0].value,
+    sn_background_color: '#ea3232', // 序号背景色
     view_method: viewMethodList[0].value, // 查看方式：independent独立 list列表
     view_memo: switchOption[0].value,
   };

src/views/book/courseware/data/video.js

@@ -2,6 +2,7 @@ import {
   displayList,
   viewMethodList,
   serialNumberTypeList,
+  serialNumberStyleList,
   serialNumberPositionList,
   commonComponentProperty,
 } from '@/views/book/courseware/data/common';
@@ -12,6 +13,8 @@ export function getVideoProperty() {
     sn_type: serialNumberTypeList[0].value, // 序号类型：letter字母 number数字  capital大写字母 bracket_number括号数字
     sn_position: serialNumberPositionList[3].value, // 序号位置：top-start top top-end，left-start left left-end等
     sn_display_mode: displayList[1].value,
+    sn_style: serialNumberStyleList[0].value,
+    sn_background_color: '#ea3232', // 序号背景色
     view_method: viewMethodList[0].value, // 查看方式：independent独立 list列表
     ...commonComponentProperty,
   };