优化图片等信息不显示的问题

components/lf-image/lf-image.vue

@@ -33,14 +33,18 @@
 		},
 		data(){
 			return {
-				img_src: '',
+				is_err: false,
 				loading: true
 			}
 		},
-		watch: {
-			src(val){
-				console.log("val", val)
-				this.img_src = val;
+		
+		computed: {
+			img_src(){
+				if(this.is_err){
+					return this.errSrc;
+				}else{
+					return this.src;
+				}
 			}
 		},
 		methods: {
@@ -49,7 +53,7 @@
 			},
 			error(event){
 				this.loading = false;
-				this.img_src = this.$props.errSrc;
+				this.is_err = true;
 			},
 			click(event){
 				this.$emit('click', event);

pages/index/index.vue

@@ -62,7 +62,7 @@
 				page: 1,
 				page_size: 10,
 				isPage: true,
-				loading_text: '',
+				loading_text: '正在加载中',
 				loading_class: true
 			}
 		},

pages/my/memberDetails.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="lf-w-100 lf-h-100">
-		<view class="content lf-bg-white lf-m-b-30" v-if="$isRight(member)">
+		<block v-if="$isRight(member)">
+			<view class="content lf-bg-white lf-m-b-30">
 				<swiper class="swiper">
 					<swiper-item>
 						<lf-image :src="member.user.avatar"></lf-image>
@@ -23,7 +24,7 @@
 				</view>
 				<!-- <view class="sketch">大家好，我是私人订制红娘-笑笑。如果你不想在平台上面曝光，需要我为你全程服务，精准高效，速配脱单的加我微信：18399999999</view> -->
 			</view>
-		<view class="info-content" v-if="$isRight(member)">
+			<view class="info-content">
 				<view class="lf-color-222 lf-font-32 authen-title lf-p-l-20">信息资料</view>
 				<view class="lf-row-between lf-m-t-30" v-for="(item, index) in list" :key="index">
 					<view class="lf-color-333 lf-font-28">{{item.title}}</view>
@@ -80,6 +81,8 @@
 					<button class="tabbar-btn" @click="$url('/pages/my/exclusiveMatch')">联系Ta</button>
 				</view>
 			</view>
+		</block>
+		
 		<!-- #ifdef H5 -->
 		  <view style="height: 10rpx;"></view>
 		<!-- #endif -->
@@ -111,7 +114,6 @@
 					this.member = member;
 					
 					for(let i in member){
-						console.log("i", i, member[i])
 						if(i == 'number_nickname' && member[i]){
 							list.push({title: '编号', content: member[i]});
 						}

pages/userList/userList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<view class="head">
+		<view class="head" v-if="$isRight(filter)">
 			<!-- <button class="sign-in-btn">最新</button> -->
 			<!-- tabs -->
 			<view class="filter-item" v-for="(value, key) in filter" :key="key" @click="switchFilter(key)">
@@ -43,10 +43,10 @@
 		</view>
 		<!-- head end -->
 		<view style="height: 104rpx;"></view>
-		<lf-user-list></lf-user-list>
+		<lf-user-list :list="members"></lf-user-list>
 		<!-- 加载 -->
 		<view class="loading-more">
-			<text>没有更多数据啦~</text>
+			<text :class="{'loading-more-text': loading_class}">{{ loading_text }}</text>
 		</view>
 		<!-- 回到顶部 -->
 		<u-back-top :scrollTop="pageScrollTop"></u-back-top>
@@ -66,7 +66,13 @@
 				filter_key: '',
 				name: '最新',
 				on_focus: false,
-				filterObj: {}
+				filterObj: {},
+				page: 1,
+				page_size: 10,
+				isPage: true,
+				loading_class: true,
+				loading_text: '正在加载中',
+				members: []
 			}
 		},
 		onLoad(options){
@@ -78,6 +84,7 @@
 				this.on_focus = true;
 			}
 			this.getMemberParams();
+			this.getMembers();
 		},
 		methods: {
 			// 获取查询参数
@@ -88,6 +95,22 @@
 					this.filter = this.productionObj();
 				})
 			},
+			// 获取会员列表
+			getMembers(){
+				this.$http(this.API.API_MEMBERS_ALL, {
+					page: this.page,
+					pagesize: this.page_size
+				}).then(res => {
+					let members = res.data.members.data || [];
+					let isPage = this.$isRight(res.data.members.next_page_url);
+					this.isPage = isPage;
+					if(!isPage){
+						this.loading_class = false;
+						this.loading_text = '已加载全部数据~';
+					}
+					this.members = members;
+				})
+			},
 			// 引入数据，并序列化，避免数据引用
 			productionObj(){
 				return JSON.parse( JSON.stringify(this.filterObj) );
@@ -183,7 +206,8 @@
 			.filter-content{
 				position: absolute;
 				width: 100%;
-				height: 300rpx;
+				height: max-content;
+				max-height: 806rpx;
 				background-color: #FFFFFF;
 				left: 0;
 				z-index: 14;