样式问题等

src/components/business/coop-list-item.vue

@@ -20,7 +20,7 @@
         <span class="coop-item-right-title">{{item.name}}</span>
         <span v-if="item.cmeType == 2" class="coop-item-right-other">{{item.level}} | {{item.scope}}</span>
         <span v-if="item.cmeType != 2" class="coop-item-right-other">{{item.level}} | {{item.credit}} | {{item.scope}}</span>
-        <span class="coop-item-right-other">{{item.startDate | formatTime('{y}.{m}.{d}')}}至{{item.endDate | formatTime('{y}.{m}.{d}')}} <span class="active">已激活</span></span>
+        <span class="coop-item-right-other">{{item.startDate | formatTime('{y}.{m}.{d}')}}至{{item.endDate | formatTime('{y}.{m}.{d}')}} <span class="active"><span>已激活</span></span></span>
       </div>
     </div>
     <NoMoreContent v-show="paramData.length > 9"></NoMoreContent>
@@ -293,17 +293,22 @@ export default {
       text-overflow: ellipsis;
       white-space:nowrap;
       .active {
-        float: right;
-        width: px2rem(42px);
-        height: px2rem(17px);
-        line-height: px2rem(17px);
-        font-size: px2rem(11px);
-        margin-top: 0;
-        text-align: center;
-        border-radius: 4px;
-        border: 1px solid rgba(202,168,97,1);
+        position: absolute;
+        z-index: 1;
+        right: 0;
+        height: px2rem(18px);
+        line-height: px2rem(18px);
         color: #CAA861;
-      }      
+        border-radius: px2rem(3px);
+        border: 1px solid rgba(202,168,97,1);
+        span {
+          position: relative;
+          top: px2rem(-1.1px);
+          z-index: 2;
+          font-size: px2rem(11px);
+          padding: 0 px2rem(6px);
+        }
+      }  
     }
   }
 }