【物业服务-缺省图片添加】 -刘绍文 -2020/05/15

epdc-resident-mp-yushan/pages/property/property.wxml

@@ -3,7 +3,7 @@
   <view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">物业服务</view>
 </view>
 
-<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px">
+<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px" wx:if="{{tabList.length>0 && isLoading == false}}">
   <scroll-view class="tab" scroll-x>
     <view wx:for="{{tabList}}"wx:for-item="item" wx:for-index="index" wx:key="index" data-index="{{index}}" data-id="{{item.id}}" bindtap="changeTab" class="tab-item">
       <view class="tab-name{{index == currentTabIndex? ' active' : ''}}">{{item.projectName}}</view>
@@ -17,23 +17,28 @@
     </view>
     <view class="info-item">
       <image src="../../images/property/name.png" class="info-img"></image>
-      <view class="info-detail">物业项目名称： {{projectInfo.projectName}}</view>
+      <view class="info-detail">物业项目名称：</view>
+      <view class="info-detail" style="width:59%">{{projectInfo.projectName}}</view>
     </view>
     <view class="info-item">
       <image src="../../images/property/property.png" class="info-img"></image>
-      <view class="info-detail">物业名称： {{projectInfo.propertyName}}</view>
+      <view class="info-detail" >物业名称：</view>
+      <view class="info-detail"style="width:59%">{{projectInfo.propertyName}}</view>
     </view>
     <view class="info-item">
       <image src="../../images/property/tel.png" class="info-img"></image>
-      <view class="info-detail">物业电话： {{projectInfo.propertyTel}}</view>
+      <view class="info-detail">物业电话：</view>
+      <view class="info-detail">{{projectInfo.propertyTel}}</view>
     </view>
     <view class="info-item">
       <image src="../../images/property/person-in-charge.png" class="info-img"></image>
-      <view class="info-detail">物业负责人： {{projectInfo.propertyManager}}</view>
+      <view class="info-detail">物业负责人：</view>
+      <view class="info-detail">{{projectInfo.propertyManager}}</view>
     </view>
     <view class="info-item">
       <image src="../../images/property/address.png" class="info-img"></image>
-      <view class="info-detail">物业地址： {{projectInfo.propertyAddress}}</view>
+      <view class="info-detail">物业地址：</view>
+      <view class="info-detail" style="width:59%">{{projectInfo.propertyAddress}}</view>
     </view>
     <view class="info-group" wx:if="{{projectInfo.id != undefined}}">
       <image src="{{projectInfo.groupAvatar}}" class="group-pic"></image>
@@ -103,5 +108,9 @@
   <!--加载更多提示-->
   <!-- <load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> -->
 </view>
+<view wx:else class="nothing-to-show">
+<image src="../../images/property/nothing.png" class="nothing-img"></image>
+<view style="color: #BCBCBC;">管理员暂未添加物业项目信息~</view>
+</view>
 <complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog>
 

epdc-resident-mp-yushan/pages/property/property.wxss

@@ -33,6 +33,21 @@ page {
 .home {
   width: 100%;
 }
+.nothing-to-show{
+  width: 100%;
+  height: 100vh;
+  background: #f7f7f7;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.nothing-img{
+  width: 500rpx;
+  height:245rpx;
+  object-fit: cover;
+
+}
 .tab{
   width: 100%;
   height: 100rpx;
@@ -45,7 +60,7 @@ page {
 }
 .tab-item{
   height: 100%;
-  width: 33%;
+  min-width: 33%;
   margin:0 auto;
   display: inline-block;
   box-sizing: border-box;
@@ -98,12 +113,14 @@ page {
   display: inline-block;
   line-height: 99rpx;
   padding-left: 20rpx;
+  word-break: break-all;
 }
 .info-group{
   width: 94%;
   margin-left: 20rpx;
   display: flex;
   line-height: 100rpx;
+  padding-top: 20rpx;
 }
 .group-pic{
   width: 120rpx;
@@ -112,7 +129,7 @@ page {
   padding: 20rpx;
 }
 .group-detail{
-  width: 66%;
+  width: 50%;
   display: inline-block;
   padding-left: 40rpx;
   height: 120rpx;
@@ -121,6 +138,8 @@ page {
   font-size: 30rpx;
   font-weight: bold;
   height: 75rpx;
+  word-break: break-all;
+  line-height: 50rpx;
 }
 .group-number{
   font-size: 25rpx;