no message

pages/rwa_package/account/components/select-item.vue

@@ -6,7 +6,7 @@
 				<text class="text-28 text-fu1">选择{{type == 0 ? '微信' : '支付宝'}}账户</text>
 				<u-icon name="close" color="#333" size="16" @click="onClose"></u-icon>
 			</view>
-			<view class="item-mid-view">
+			<view class="item-mid-view" v-if="data.length">
 				<view class="item-mid-list" v-for="(item,index) in data" :key="item.id">
 					<image :src="type == 1 ? '../../../static/new/zfb.png' : '../../../static/new/wx.png'" ></image>
 					<view class="show-item-left">
@@ -16,14 +16,17 @@
 					<u-radio-group v-model="itemSelect" style="position: absolute;right:28rpx">
 					   <u-radio :name="item.id" activeColor="#7934F6"></u-radio>
 					</u-radio-group>
-					<!-- <view class="item-right-btn">
-						<u-radio-group v-model="itemSelect">
-						   <u-radio :name="item.id" activeColor="#7934F6"></u-radio>
-						</u-radio-group>
-					</view> -->
 				</view>
 			</view>
-			<view class="item-bottom-btn">
+			<view class="item-mid-view-two" @click="onAdd" v-if="!data.length">
+				<image src="/static/new/no_black_data.png" class="no-data-black"></image>
+				<text class="text-28 text-fu mt-48">{{`请先绑定一个${type == 0 ? '微信' : '支付宝'}账户，用于收款`}}</text>
+				<view class="add-btn mt-48">
+					<image src="/static/new/add.png" style="margin-right:5rpx;"></image>
+					<text class="text-32 text-zi text-bold" style="margin-left:5rpx;">添加</text>
+				</view>
+			</view>
+			<view class="item-bottom-btn" v-if="data.length">
 				<MyBtn @ok="onOk" text="确定"></MyBtn>
 			</view>
 		</view>
@@ -72,6 +75,9 @@
 				console.log('this',this.itemSelect);
 				this.$emit('ok',this.itemSelect);
 			},
+			onAdd(){
+				this.$emit('add');
+			},
 			onClose(){
 				this.$emit('close');
 			}
@@ -96,6 +102,34 @@
 			min-height:88rpx;
 			display: flex;
 		}
+		.item-mid-view-two{
+			width:100%;
+			height:742rpx;
+			min-height:742rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			.no-data-black{
+				width:120rpx;
+				height:120rpx;
+				margin-top:120rpx;
+			}
+			.add-btn{
+				width:248rpx;
+				height:72rpx;
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: center;
+				border:2rpx solid #7934f6;
+				border-radius: 12rpx;
+				image{
+					width:32rpx;
+					height:32rpx;
+				}
+			}
+			
+		}
 		.item-mid-view{
 			width:100%;
 			height:742rpx;