no message

pages/kotra/brand/brandComponent.vue

@@ -18,10 +18,15 @@
                   :src="x.BannerList[0]"
                 />
                 <view class="imgNum" style="">
-                  <span v-if="x.AreaRequirement>0"
-                    :class="[x.EndAreaRequirement>0&&u.MallBaseId==18?'':'active']">
-                    面积： {{x.AreaRequirement}}㎡</span>
-                  <span v-if="x.EndAreaRequirement>0&&u.MallBaseId==18">店铺： {{x.EndAreaRequirement }}个</span>
+                  <span class="imgN" style="display: flex;margin-bottom: 10rpx;">
+                    <span v-if="x.AreaRequirement>0">
+                      面积： {{x.AreaRequirement}}
+                    </span>
+                    <span v-if="x.EndAreaRequirement>0&&u.MallBaseId==18">-{{x.EndAreaRequirement }}</span>㎡
+                  </span>
+                  <span class="imgN" v-if="x.ShopNum>0">
+                    店铺： {{x.ShopNum}}个
+                  </span>
                 </view>
               </view>
             </view>
@@ -85,20 +90,21 @@
   padding: 0 27rpx;
   z-index: 2;
   display: flex;
+  flex-direction: row;
   justify-content: space-between;
   color: #fff;
   font-size: 20rpx;
 }
-.imgNum span{
+.imgN{
   flex: 1;
 }
-.imgNum span:nth-child(2){
-  text-align: right;
-}
-.imgNum span.active{
+.imgN span.active{
   width: 100%;
   display: inline-block;
   text-align: right;
 }
+.imgN:nth-child(2){
+  text-align: right;
+}
 
 </style>
\ No newline at end of file