no message

pages/kotra/brand/brandComponent.vue

@@ -17,18 +17,19 @@
                   mode="aspectFill"
                   :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"
+                    style="color:rgba(1, 126, 223, .6);">店铺： {{x.EndAreaRequirement }}个</span>
+                </view>
               </view>
             </view>
             <view class="good-info">
               <view class="good-name">{{ x.BrandName }}</view>
-              <view class="good-price-info" style="display: flex;justify-content: space-around;">
-                <span class="price" style="flex: 1;">{{ x.FullBrandName }}</span>
-                <view style="flex-shrink: 0;"
-                :style="{'color':u.MallBaseId==18?'#017EDF':'#017EDF'}">
-                  <span v-if="x.AreaRequirement>0">{{x.AreaRequirement}}㎡</span>
-                  <span v-if="x.EndAreaRequirement>0&&u.MallBaseId==18"
-                    style="color:rgba(1, 126, 223, .6);"><span style="color: #dedede;">/</span> {{x.EndAreaRequirement }}个</span>
-                </view>
+              <view class="good-price-info">
+                <span class="price">{{ x.FullBrandName }}</span>
               </view>
             </view>
           </view>
@@ -74,3 +75,25 @@
         }
     }
 </script>
+<style scoped>
+.img-show{
+  position: relative;
+}
+.imgNum{
+  width: 100%;
+  position: absolute;
+  bottom: 25rpx;
+  padding: 0 27rpx;
+  z-index: 2;
+  display: flex;
+  justify-content: space-between;
+  color: #fff;
+  font-size: 20rpx;
+}
+.imgNum span.active{
+  width: 100%;
+  display: inline-block;
+  text-align: right;
+}
+
+</style>
\ No newline at end of file