富文本下拼音文本可以设置边距

src/components/PinyinText.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pinyin-area" :style="{ 'text-align': pinyinOverallPosition }">
+  <div class="pinyin-area" :style="{ 'text-align': pinyinOverallPosition, padding: pinyinPadding }">
     <div v-for="(paragraph, i) in paragraphList" :key="i" class="pinyin-paragraph">
       <span
         v-for="(sentence, j) in paragraph"
@@ -94,6 +94,10 @@ export default {
       type: String,
       default: '',
     },
+    pinyinPadding: {
+      type: String,
+      default: '0px 0px 0px 0px',
+    },
   },
   data() {
     return {

src/views/book/courseware/preview/components/rich_text/RichTextPreview.vue

@@ -13,6 +13,7 @@
           :pinyin-size="data?.unified_attrib?.pinyin_size"
           :font-size="data?.unified_attrib?.font_size"
           :font-family="data?.unified_attrib?.font"
+          :pinyin-padding="data.property.pinyin_padding"
           :is-preview="isPreview"
         />
         <span