[银保app]保全.保单,续期三个列表样式适配修改

src/views/YB_APP/renewalList.vue

@@ -31,7 +31,7 @@
         <p class="beMonthRight" @click="clickCalendar"><span class="beMonthRightSpan">{{calendarValue}}</span>▼</p>
       </div>
       <!-- 无内容显示的背景 -->
-      <div v-if="policyListDTOList == ''">
+      <div v-if="policyListDTOList == ''" style="position:relative">
         <img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" />
         <p class="noContentText">暂无保单</p>
       </div>
@@ -263,6 +263,8 @@ export default {
   padding: 2px 5px;
   margin-top: 12px;
   line-height: 24px;
+  white-space:nowrap; 
+  
 }
 .beMonthRightSpan {
   margin-right: 5px;
@@ -271,13 +273,13 @@ export default {
   height: 216px;
   // width: 285px;
   position: absolute;
-  top: 156px;
+  top: 66px;
   left: calc(50% - 142px);
 }
 .noContentText {
   font-size: 12px;
   position: absolute;
-  top: 315px;
+  top: 225px;
   left: calc(50% - 24px);
   color: #b3b5ca;
 }
@@ -308,9 +310,10 @@ export default {
   /*position: absolute;*/
 }
 .rightState {
-  height: 100%;
-  width: 32%;
-  background-color: white;
+  // height: 100%;
+  // width: 32%;
+  // background-color: white;
+  display: flex;
 }
 .rightStateImg {
   height: 100px;
@@ -323,10 +326,12 @@ export default {
   border: #d7523b 1px solid;
   border-radius: 30px;
   background-color: white;
-  margin-top: 157px;
+  margin-bottom: 14px;
   // margin-top: 113px;
   margin-left: 4px;
   font-size: 12px;
+  align-self:flex-end;
+
 }
 .rightStateButton2 {
   height: 30px;
@@ -336,9 +341,11 @@ export default {
   border-radius: 30px;
   background-color: white;
   // margin-top: 57px;
-  margin-top: 213px;
+  margin-bottom:14px;
   margin-left: 4px;
   font-size: 12px;
+  align-self:flex-end;
+
 }
 .cardListText {
   line-height: 34px;