样式

public/css/phone.scss

@@ -2970,6 +2970,32 @@ i, em {
               width: 66%;
               text-align: justify;
             }
+            >span:last-of-type{
+              font-size: .24rem;
+              color: #7A7A7A;
+              span{
+                color: #ff5d5d;
+              }
+            }
+          }
+          .answerSelectionLength{
+            font-size: .28rem;
+            //display: flex;
+            //justify-content: space-between;
+            line-height: .48rem;
+            >span:first-of-type{
+              padding-right: .2rem;
+            //  width: 66%;
+              text-align: justify;
+            }
+            p{
+              text-align: right;
+              font-size: .24rem;
+              color: #7A7A7A;
+              >span{
+                color: #ff5d5d;
+              }
+            }
           }
           .progress{
             .el-progress-bar{

src/views/mobile/guess/detail.vue

@@ -42,11 +42,16 @@
                         <div v-for="(answerItem,answerIndex) in detailInfo.guessOptionsList"
                              @click="handleBetting(answerItem)"
                              :class="[detailInfo.guessState==3?'hasBgColor':'',detailInfo.guessState==3&&detailInfo.guessAnswerId==answerItem.id?'answerColor':'']">
-                            <div class="answerSelection">
+                            <div class="answerSelection" v-if="answerItem.optionsContent.length<16">
                                 <span>{{publicFun.getTextfInRichtext(answerIndex)}}、{{answerItem.optionsContent}}</span>
                                 <span v-if="detailInfo.guessState==1">当前赔率：{{answerItem.optionOdds}}倍</span>
                                 <span v-if="detailInfo.guessState>1">{{(answerItem.optionsPercentage?answerItem.optionsPercentage:"0")+'%'}} &nbsp;{{answerItem.optionOdds}}</span>
                             </div>
+                            <div class="answerSelectionLength" v-else>
+                                <span>{{publicFun.getTextfInRichtext(answerIndex)}}、{{answerItem.optionsContent}}</span>
+                                <p v-if="detailInfo.guessState==1">当前赔率：<span>{{answerItem.optionOdds}}</span>倍</p>
+                                <p v-if="detailInfo.guessState>1">{{(answerItem.optionsPercentage?answerItem.optionsPercentage:"0")+'%'}} &nbsp;{{answerItem.optionOdds}}</p>
+                            </div>
                             <div class="progress" v-if="detailInfo.guessState>1">
                                 <el-progress :percentage="answerItem.optionsPercentage?answerItem.optionsPercentage:0"
                                              :format="formatPercent"></el-progress>

src/views/mobile/guess/list.vue

@@ -43,11 +43,16 @@
                                 </div>
                                 <div class="contentItem">
                                     <div v-for="(answerItem,answerIndex) in item.guessOptionsList" @click="handleBetting(item,answerItem)" :class="[item.guessState==3?'hasBgColor':'',item.guessState==3&&item.guessAnswerId==answerItem.id?'answerColor':'']">
-                                        <div class="answerSelection">
+                                        <div class="answerSelection" v-if="answerItem.optionsContent.length<16">
                                             <span>{{answerItem.optionsCode}}、{{answerItem.optionsContent}}</span>
-                                            <span v-if="item.guessState==1">当前赔率：{{answerItem.optionOdds}}倍</span>
+                                            <span v-if="item.guessState==1">当前赔率：<span>{{answerItem.optionOdds}}</span>倍</span>
                                             <span v-if="item.guessState>1">{{(answerItem.optionsPercentage?answerItem.optionsPercentage:"0")+'%'}} &nbsp;{{answerItem.optionOdds}}</span>
                                         </div>
+                                        <div class="answerSelectionLength" v-else>
+                                            <span>{{answerItem.optionsCode}}、{{answerItem.optionsContent}}</span>
+                                            <p v-if="item.guessState==1">当前赔率：<span>{{answerItem.optionOdds}}</span>倍</p>
+                                            <p v-if="item.guessState>1">{{(answerItem.optionsPercentage?answerItem.optionsPercentage:"0")+'%'}} &nbsp;{{answerItem.optionOdds}}</p>
+                                        </div>
                                         <div class="progress" v-if="item.guessState>1">
                                             <el-progress :percentage="answerItem.optionsPercentage?answerItem.optionsPercentage:0" :format="formatPercent"></el-progress>
                                         </div>