456

xs-app/pages/bookshelf/bookshelf-bookList.vue

@@ -39,6 +39,7 @@
 				删除({{edit_book_list.length}})
 			</view>
 		</view>
+		<z-paging-empty-view v-if="book_list.length<=0" ></z-paging-empty-view>
 	</view>
 </template>
 

xs-app/pages/bookshelf/bookshelf-readHistory.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="readHistory_content" :style="{width:window_width}">
-		<view class="" @click="clickDeleteBook">
+		<view v-if="book_list.length>0" class="" @click="clickDeleteBook">
 			清空
 		</view>
 		<view class="book-list">
@@ -22,7 +22,7 @@
 				</view>
 			</view>
 		</view>
-		
+		<z-paging-empty-view v-if="book_list.length<=0" ></z-paging-empty-view>
 	</view>
 </template>
 

xs-app/pages/tradingRecord/tr-consume.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="content">
-		<!--  :enable-back-to-top="currentIndex===tabIndex" 在微信小程序上可以多加这一句，因为默认是允许点击返回顶部的，但是这个页面有多个scroll-view，会全部返回顶部，所以需要控制是当前index才允许点击返回顶部 -->
+		<!--  :enable-back-to-top="current_index===tab_index" 在微信小程序上可以多加这一句，因为默认是允许点击返回顶部的，但是这个页面有多个scroll-view，会全部返回顶部，所以需要控制是当前index才允许点击返回顶部 -->
 		<!-- 如果当前页已经加载过数据或者当前切换到的tab是当前页，才展示当前页数据（懒加载） -->
-		<z-paging v-if="firstLoaded || isCurrentPage" ref="paging" v-model="dataList" @query="queryList" :fixed="false">
+		<z-paging v-if="first_loaded || is_currentPage" ref="paging" v-model="data_list" @query="queryList" :fixed="false">
 			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
-			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
+			<view class="item" v-for="(item,index) in data_list" :key="index" @click="itemClick(item)">
 				<view class="item-title">{{item.title}}</view>
 				<view class="item-detail">{{item.detail}}</view>
 				<view class="item-line"></view>
@@ -16,23 +16,23 @@
 <script setup lang="ts">
     import { nextTick, ref, watch } from 'vue';
 		
-	let dataList = ref([])         //v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
-	let firstLoaded = ref(false)   //当前组件是否已经加载过了
-	let isCurrentPage = ref(false) //是否滚动到当前页
+	let data_list = ref([])         //v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
+	let first_loaded = ref(false)   //当前组件是否已经加载过了
+	let is_currentPage = ref(false) //是否滚动到当前页
 	const paging = ref(null)       //$ref:paging
 		
 	const props = defineProps({
-		tabIndex: Number,    //当前组件的index，也就是当前组件是swiper中的第几个
-		currentIndex:Number, // 当前swiper切换到第几个index
+		tab_index: Number,    //当前组件的index，也就是当前组件是swiper中的第几个
+		current_index:Number, // 当前swiper切换到第几个index
 	})
-	watch(()=>props.currentIndex, (new_v,old_v)=>{
-		if(new_v === props.tabIndex){
+	watch(()=>props.current_index, (new_v,old_v)=>{
+		if(new_v === props.tab_index){
 			// 懒加载，当滑动到当前的item时，才去加载
-			if(!firstLoaded.value){
+			if(!first_loaded.value){
 				// 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题
 				nextTick(()=>{
 					setTimeout(() => {
-						isCurrentPage.value = true
+						is_currentPage.value = true
 					}, 100);
 				})
 			}
@@ -48,7 +48,7 @@
 		}
 		setTimeout(()=>{
 			paging.value.complete(tem_list)
-			firstLoaded.value = true
+			first_loaded.value = true
 		},500)
 	}
 	

xs-app/pages/tradingRecord/tr-recharge.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="content">
-		<!--  :enable-back-to-top="currentIndex===tabIndex" 在微信小程序上可以多加这一句，因为默认是允许点击返回顶部的，但是这个页面有多个scroll-view，会全部返回顶部，所以需要控制是当前index才允许点击返回顶部 -->
+		<!--  :enable-back-to-top="current_index===tab_index" 在微信小程序上可以多加这一句，因为默认是允许点击返回顶部的，但是这个页面有多个scroll-view，会全部返回顶部，所以需要控制是当前index才允许点击返回顶部 -->
 		<!-- 如果当前页已经加载过数据或者当前切换到的tab是当前页，才展示当前页数据（懒加载） -->
-		<z-paging v-if="firstLoaded || isCurrentPage" ref="paging" v-model="dataList" @query="queryList" :fixed="false">
+		<z-paging v-if="first_loaded || is_currentPage" ref="paging" v-model="data_list" @query="queryList" :fixed="false">
 			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
-			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
+			<view class="item" v-for="(item,index) in data_list" :key="index" @click="itemClick(item)">
 				<view class="item-title">{{item.title}}</view>
 				<view class="item-detail">{{item.detail}}</view>
 				<view class="item-line"></view>
@@ -15,32 +15,30 @@
 
 <script setup lang="ts">
     import { nextTick, ref, watch } from 'vue';
-	
-	let dataList = ref([])         //v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
-	let firstLoaded = ref(false)   //当前组件是否已经加载过了
-	let isCurrentPage = ref(false) //是否滚动到当前页
+		
+	let data_list = ref([])         //v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
+	let first_loaded = ref(false)   //当前组件是否已经加载过了
+	let is_currentPage = ref(false) //是否滚动到当前页
 	const paging = ref(null)       //$ref:paging
-	
+		
 	const props = defineProps({
-		tabIndex: Number,    //当前组件的index，也就是当前组件是swiper中的第几个
-		currentIndex:Number, // 当前swiper切换到第几个index
+		tab_index: Number,    //当前组件的index，也就是当前组件是swiper中的第几个
+		current_index:Number, // 当前swiper切换到第几个index
 	})
-	watch(()=>props.currentIndex, (new_v,old_v)=>{
-		if(new_v === props.tabIndex){
+	watch(()=>props.current_index, (new_v,old_v)=>{
+		if(new_v === props.tab_index){
 			// 懒加载，当滑动到当前的item时，才去加载
-			if(!firstLoaded.value){
+			if(!first_loaded.value){
 				// 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题
 				nextTick(()=>{
 					setTimeout(() => {
-						isCurrentPage.value = true
+						is_currentPage.value = true
 					}, 100);
 				})
 			}
 		}
 	},{immediate:true})
 	
-	
-	
 	function queryList(pageNo:number, pageSize:number) {
 		// console.log('pageNo=',pageNo,'pageSize=',pageSize)
 		let tem_list = []
@@ -50,7 +48,7 @@
 		}
 		setTimeout(()=>{
 			paging.value.complete(tem_list)
-			firstLoaded.value = true
+			first_loaded.value = true
 		},500)
 	}
 	

xs-app/pages/tradingRecord/tr-rewards.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="content">
-		<!--  :enable-back-to-top="currentIndex===tabIndex" 在微信小程序上可以多加这一句，因为默认是允许点击返回顶部的，但是这个页面有多个scroll-view，会全部返回顶部，所以需要控制是当前index才允许点击返回顶部 -->
+		<!--  :enable-back-to-top="current_index===tab_index" 在微信小程序上可以多加这一句，因为默认是允许点击返回顶部的，但是这个页面有多个scroll-view，会全部返回顶部，所以需要控制是当前index才允许点击返回顶部 -->
 		<!-- 如果当前页已经加载过数据或者当前切换到的tab是当前页，才展示当前页数据（懒加载） -->
-		<z-paging v-if="firstLoaded || isCurrentPage" ref="paging" v-model="dataList" @query="queryList" :fixed="false">
+		<z-paging v-if="first_loaded || is_currentPage" ref="paging" v-model="data_list" @query="queryList" :fixed="false">
 			<!-- 如果希望其他view跟着页面滚动，可以放在z-paging标签内 -->
-			<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
+			<view class="item" v-for="(item,index) in data_list" :key="index" @click="itemClick(item)">
 				<view class="item-title">{{item.title}}</view>
 				<view class="item-detail">{{item.detail}}</view>
 				<view class="item-line"></view>
@@ -16,23 +16,23 @@
 <script setup lang="ts">
     import { nextTick, ref, watch } from 'vue';
 		
-	let dataList = ref([])         //v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
-	let firstLoaded = ref(false)   //当前组件是否已经加载过了
-	let isCurrentPage = ref(false) //是否滚动到当前页
+	let data_list = ref([])         //v-model绑定的这个变量不要在分页请求结束中自己赋值！！！
+	let first_loaded = ref(false)   //当前组件是否已经加载过了
+	let is_currentPage = ref(false) //是否滚动到当前页
 	const paging = ref(null)       //$ref:paging
 		
 	const props = defineProps({
-		tabIndex: Number,    //当前组件的index，也就是当前组件是swiper中的第几个
-		currentIndex:Number, // 当前swiper切换到第几个index
+		tab_index: Number,    //当前组件的index，也就是当前组件是swiper中的第几个
+		current_index:Number, // 当前swiper切换到第几个index
 	})
-	watch(()=>props.currentIndex, (new_v,old_v)=>{
-		if(new_v === props.tabIndex){
+	watch(()=>props.current_index, (new_v,old_v)=>{
+		if(new_v === props.tab_index){
 			// 懒加载，当滑动到当前的item时，才去加载
-			if(!firstLoaded.value){
+			if(!first_loaded.value){
 				// 这里需要延迟渲染z-paging的原因是为了避免在一些平台上立即渲染可能引发的底层报错问题
 				nextTick(()=>{
 					setTimeout(() => {
-						isCurrentPage.value = true
+						is_currentPage.value = true
 					}, 100);
 				})
 			}
@@ -48,7 +48,7 @@
 		}
 		setTimeout(()=>{
 			paging.value.complete(tem_list)
-			firstLoaded.value = true
+			first_loaded.value = true
 		},500)
 	}
 	

xs-app/pages/tradingRecord/tradingRecord.vue

@@ -4,14 +4,14 @@
 		<!-- 需要固定在顶部不滚动的view放在slot="top"的view中 -->
 		<!-- 注意！此处的z-tabs为独立的组件，可替换为第三方的tabs，若需要使用z-tabs，请在插件市场搜索z-tabs并引入，否则会报插件找不到的错误 -->
 		<template #top>
-			<z-tabs ref="tabs" :list="tabList" :current="current" @change="tabsChange" />
+			<z-tabs ref="tabs" :list="tab_list" :current="current" @change="tabsChange" />
 		</template>
 		<!-- swiper必须设置height:100%，因为swiper有默认的高度，只有设置高度100%才可以铺满页面  -->
 		<swiper class="swiper" duration="1" :current="current" @transition="swiperTransition" @animationfinish="swiperAnimationfinish">
-			<swiper-item class="swiper-item" v-for="(item, index) in tabList" :key="index" @touchmove.stop>
-				<recharge v-if="index==0" :tabIndex="index" :currentIndex="current"></recharge>
-				<consume v-if="index==1" :tabIndex="index" :currentIndex="current"></consume>
-				<rewards v-if="index==2" :tabIndex="index" :currentIndex="current"></rewards>
+			<swiper-item class="swiper-item" v-for="(item, index) in tab_list" :key="index" @touchmove.stop>
+				<recharge v-if="index==0" :tab_index="index" :current_index="current"></recharge>
+				<consume v-if="index==1" :tab_index="index" :current_index="current"></consume>
+				<rewards v-if="index==2" :tab_index="index" :current_index="current"></rewards>
 			</swiper-item>
 		</swiper>
 	</z-paging-swiper>
@@ -23,7 +23,7 @@
     import consume from '../tradingRecord/tr-consume.vue'
 	import rewards from '../tradingRecord/tr-rewards.vue'
 	
-	let tabList = ref(['充值记录','消费记录','奖励记录'])
+	let tab_list = ref(['充值记录','消费记录','奖励记录'])
 	let current = ref(0) // tabs组件的current值，表示当前活动的tab选项
 	const tabs = ref(null)