option class

src/components/Adult/preview/SentenceModule.vue

@@ -1671,7 +1671,7 @@ export default {
 <style lang="scss">
 .sentence-control{
     .answer-part{
-        .OptionComponents{
+        .OptionComponents-npc{
             ul{
                 justify-content: flex-end;
             }

src/components/Adult/preview/SentenceMulModule.vue

@@ -1577,7 +1577,7 @@ export default {
 <style lang="scss">
 .sentence-control{
     .answer-part{
-        .OptionComponents{
+        .OptionComponents-npc{
             ul{
                 justify-content: flex-end;
             }

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

@@ -1,6 +1,6 @@
 <template>
-  <div :class="['OptionComponents', 'OptionComponents-' + judgeAnswer]">
-    <ul v-if="option && items" :class="[items.optionAlign&&items.optionAlign=='right'?'OptionComponents-right':'']">
+  <div :class="['OptionComponents-npc', 'OptionComponents-npc-' + judgeAnswer]">
+    <ul v-if="option && items" :class="[items.optionAlign&&items.optionAlign=='right'?'OptionComponents-npc-right':'']">
       <li
         v-for="(item, index) in option"
         :key="index"
@@ -410,7 +410,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 /* @import url(); 引入css类 */
-.OptionComponents {
+.OptionComponents-npc {
   flex: 1;
 }
 ul {
@@ -421,7 +421,7 @@ ul {
   justify-content: start;
   flex-flow: wrap;
   padding: 0;
-  &.OptionComponents-right{
+  &.OptionComponents-npc-right{
     justify-content: flex-end;
   }
   li {
@@ -527,7 +527,7 @@ ul {
 <style lang="scss">
 // //@import "../common.scss";
 
-.OptionComponents {
+.OptionComponents-npc {
   .el-radio__label,
   .el-checkbox__label {
     padding-left: 12px;