blue ui other

@@ -2,7 +2,7 @@ import util from '../../utils/util';
 import App from '../../utils/api';
 import App from '../../utils/api';
 Page({
 Page({
 	data:{
 	data:{
-		
+		loading:0,
 	},
 	},
 	onLoad(opt){
 	onLoad(opt){
 		console.log(opt)
 		console.log(opt)
@@ -20,7 +20,8 @@ Page({
 			console.log(json)
 			console.log(json)
 			if(json.ret==200){
 			if(json.ret==200){
 				this.setData({
 				this.setData({
-					concatlist:json.data
+					concatlist:json.data,
+          loading:1,
 				})
 				})
 			}
 			}
 		})
 		})

 <nav hasHome>{{action ? '选择联系人' : '常用联系人'}}</nav>
 <nav hasHome>{{action ? '选择联系人' : '常用联系人'}}</nav>
-<view class="concat-list" style="padding-bottom: 150rpx;">
-	<block wx:for="{{concatlist}}" wx:key="{{index}}">
-		<view class="flex-lr item font30r black-font" data-index="{{index}}" catchtap="edit">
-			<view class="font-bold">{{item.name}}</view>
-			<view>{{item.phone}}</view>
-		</view>
-	</block>
-</view>
-<view class="add-cover flex-cc">
-	<view class="white-font font32r add-button flex-cc" catchtap="add">新建联系人</view>
-</view>
+<page loading="{{loading}}">
+	<view class="concat-list" wx:if="{{concatlist.length}}">
+		<block wx:for="{{concatlist}}" wx:key="{{index}}">
+			<view class="flex item font30r black-font margin-bottom-sm justify-between align-center padding-left padding-right-lg" data-index="{{index}}" catchtap="edit">
+				<view>
+					<view class="flex align-center">
+						<viwe class="txt-38-h text-bold">{{item.name}}</viwe>
+						<viwe wx:if="{{item.is_default==1}}" class="default margin-left-sm">默认</viwe>
+					</view>
+					<view class="txt-38-h" style="margin-top: 16rpx;">{{item.phone}}</view>
+				</view>
+				<image src="http://nosqn.colorcun.com/detail/x%20%2815%29.png"
+					   wx:if="{{!action}}"
+					   style="width: 28rpx;height: 30rpx;"></image>
+			</view>
+		</block>
+	</view>
+	<view class="view flex flex-direction justify-start align-center" wx:else="{{concatlist.length}}">
+		<image src="http://nosqn.colorcun.com/%E7%BC%96%E7%BB%84%203%403x%20%281%29.png"
+			   style="width: 520rpx;height: 384rpx; margin-top: 132rpx;"></image>
+		<view class="txt-28-h margin-top-lg">暂无常用预订人哦</view>
+	</view>
+	<view class="add-cover flex-cc">
+		<view class="white-font font36r text-bold add-button flex-cc bg-blue-blue round" catchtap="add">新建联系人</view>
+	</view>
+</page>

+@import "../../colorui/main.wxss";
 .concat-list{
 .concat-list{
 	width:100%;
 	width:100%;
-	padding:0 40rpx;
+	padding:40rpx 40rpx 150rpx;
 	box-sizing: border-box;
 	box-sizing: border-box;
 }
 }
 .item{
 .item{
-	width:100%;
-	height:140rpx;
-	border-bottom: 2rpx solid #F1F0F4;
+	width: 100%;
+	height: 204rpx;
+	background: #FFFFFF;
+	box-shadow: 0px 0px 20rpx 0px #EEF0F2;
+	border-radius: 20rpx;
 	box-sizing: border-box;
 	box-sizing: border-box;
 }
 }
 .add-cover{
 .add-cover{
@@ -19,8 +22,21 @@
 	background: #fff;
 	background: #fff;
 }
 }
 .add-button{
 .add-button{
-	width:680rpx;
-	height:80rpx;
+	width:calc(100% - 80rpx);
+	height:84rpx;
 	margin:0 auto;
 	margin:0 auto;
-	background: #242320;
+}
+.default{
+	width: 96rpx;
+	height: 60rpx;
+	background: #F8F8F8;
+	border-radius: 10rpx;
+
+
+	font-size: 28rpx;
+	font-family: PingFangSC-Regular, PingFang SC;
+	font-weight: 400;
+	color: #666666;
+	line-height: 60rpx;
+	text-align: center;
 }
 }