句子拆分组件竖排右对齐

src/components/Adult/inputModules/SentenceModule.vue

@@ -481,6 +481,16 @@
                 </template>
               </div>
             </div>
+            <div
+              class="adult-book-input-item"
+              v-if="items.fn_check_list.radio_check.indexOf('sentence_radio_row_chs')>-1||items.fn_check_list.checkbox_check.indexOf('sentence_checkbox_row_chs')>-1"
+            >
+              <span class="adult-book-lable">选项对齐：</span>
+              <el-radio-group v-model="items.optionAlign">
+                <el-radio label="left">左对齐</el-radio>
+                <el-radio label="right">右对齐</el-radio>
+              </el-radio-group>
+            </div>
           </div>
           <el-button @click="addWordcard(items.wordcard)"
             >添加词汇卡片</el-button
@@ -757,6 +767,7 @@ export default {
                 radio_check: "",
                 record_check: "",
               },
+              optionAlign: 'left',
               wordcard: {
                 //词汇卡片配置
                 pyPosition: "top",
@@ -1191,6 +1202,13 @@ export default {
       //     _this.checkList.push(item.name);
       //   }
       // });
+      _this.curQue.option.forEach(item=>{
+        item.forEach(items=>{
+            if(!items.hasOwnProperty("optionAlign")){
+                _this.$set(items, "optionAlign", 'left');
+            }
+        })
+      })
     }
   },
   beforeCreate() {}, //生命周期 - 创建之前

src/components/Adult/preview/components/OptionTemp.vue

@@ -1,11 +1,11 @@
 <template>
   <div :class="['OptionComponents', 'OptionComponents-' + judgeAnswer]">
-    <ul v-if="option && items">
+    <ul v-if="option && items" :class="[items.optionAlign&&items.optionAlign=='right'?'OptionComponents-right':'']">
       <li
         v-for="(item, index) in option"
         :key="index"
         :class="[
-          !row
+          !row || items.optionAlign&&items.optionAlign=='right'
             ? 'option-left-right'
             : 'option' +
               (type == 'radio' ? items.radioNumber : items.checkboxNumber),
@@ -423,6 +423,9 @@ ul {
   justify-content: start;
   flex-flow: wrap;
   padding: 0;
+  &.OptionComponents-right{
+    justify-content: flex-end;
+  }
   li {
     padding: 1px 16px 1px 0;
     border-radius: 4px;