v0.1.4-released

z-paging-x/pages.json

@@ -45,6 +45,14 @@
 				"navigationBarTitleText" : "滑动切换选项卡+吸顶演示",
 				"enablePullDownRefresh" : false
 			}
+		},
+		{
+			"path" : "pages/part-demo/part-demo",
+			"style" : 
+			{
+				"navigationBarTitleText" : "局部区域使用演示",
+				"enablePullDownRefresh" : false
+			}
 		}
 	],
 	"globalStyle": {

z-paging-x/pages/common-demo/common-demo.uvue

@@ -1,3 +1,5 @@
+<!-- 普通模式演示 -->
+
 <template>
 	<z-paging-x ref="pagingX" v-model="dataList" @query="queryList">
 		<template #top>

z-paging-x/pages/custom-demo/custom-demo.uvue

@@ -1,3 +1,5 @@
+<!-- 自定义下拉刷新演示 -->
+
 <template>
 	<z-paging-x ref="pagingX" v-model="dataList" @query="queryList">
 		<template #top>

z-paging-x/pages/index/index.uvue

@@ -24,7 +24,7 @@
 		onLoad() {
 			this.list = indexList.list;
 			uni.setNavigationBarTitle({
-				title: 'z-paging-X v0.1.3'
+				title: 'z-paging-X v0.1.4'
 			})
 		},
 		methods: {

z-paging-x/pages/index/list.uts

@@ -16,6 +16,10 @@ export default {
 		title: '自定义下拉刷新演示',
 		file: 'custom-demo',
 		subTitle: ''
+	},{
+		title: '局部区域使用演示',
+		file: 'part-demo',
+		subTitle: ''
 	},{
 		title: '滑动切换选项卡演示',
 		file: 'swiper-demo',

z-paging-x/pages/part-demo/part-demo.uvue

@@ -0,0 +1,69 @@
+<!-- 局部区域使用演示 -->
+
+<template>
+	<view class="content">
+		<z-paging-x ref="pagingX" class="pagingX" :fixed="false" v-model="dataList" @query="queryList">
+			<template #top>
+				<view class="tip">
+					固定在顶部的view
+				</view>
+			</template>
+			<list-item v-for="(item, index) in dataList" :key="index">
+				<view class="list-item">
+					<text class="list-item-title">{{item.title}}</text>
+					<text class="list-item-type">{{item.detail}}</text>
+				</view>
+			</list-item>
+			<template #bottom>
+				<view class="tip">
+					固定在底部的view
+				</view>
+			</template>
+		</z-paging-x>
+	</view>
+</template>
+
+<script lang="uts">
+	import { requestList, ListItem } from '@/http/request.uts'
+	export default {
+		data() {
+			return {
+				dataList: [] as ListItem[]
+			}
+		},
+		methods: {
+			queryList(pageNo: number, pageSize: number) {
+				const params = {
+					pageNo: pageNo,
+					pageSize: pageSize,
+					type: 0
+				}
+				requestList(params).then((res: UTSJSONObject) => {
+					(this.$refs['pagingX'] as ZPagingXComponentPublicInstance).complete(res['data'] as any[]);
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.content {
+		background-color: skyblue;
+		flex: 1;
+	}
+
+	.pagingX {
+		width: 600rpx;
+		height: 800rpx;
+		margin-top: 100rpx;
+		margin-left: 50rpx;
+		border-radius: 40rpx;
+	}
+
+	.tip {
+		background-color: pink;
+		height: 100rpx;
+		align-items: center;
+		justify-content: center;
+	}
+</style>

z-paging-x/pages/show-update-time-demo/show-update-time-demo.uvue

@@ -1,3 +1,5 @@
+<!-- 下拉刷新显示最后更新时间演示 -->
+
 <template>
 	<z-paging-x ref="pagingX" :show-refresher-update-time="true" v-model="dataList" @query="queryList">
 		<template #top>

z-paging-x/pages/sticky-swiper-demo/sticky-swiper-demo.uvue

@@ -1,3 +1,5 @@
+<!-- 滑动切换选项卡+吸顶演示 -->
+
 <template>
 	<!-- 最外层滚动的z-paging-x容器 -->
 	<z-paging-x ref="pagingX" class="sticky-swiper-demo" 

z-paging-x/pages/swiper-demo/swiper-demo.uvue

@@ -1,3 +1,5 @@
+<!-- 滑动切换选项卡演示 -->
+
 <template>
 	<view class="swiper-demo">
 		<common-tabs ref="tabs" :list="tabList" @change="tabChange"/>

z-paging-x/uni_modules/z-paging-x/changelog.md

@@ -1,3 +1,6 @@
+## 0.1.4（2024-01-17）
+1.`新增` 一些demo演示。  
+2`优化` 更新内置的空数据图&加载失败图。   
 ## 0.1.3（2024-01-11）
 1.`新增` 支持全局配置。  
 2.`新增` 支持滚动到底部&滚动到指定位置。  

z-paging-x/uni_modules/z-paging-x/components/z-paging-x/z-paging-x.uvue

@@ -3,9 +3,9 @@
  |_  /____| '_ \ / _` |/ _` | | '_ \ / _` |
   / /_____| |_) | (_| | (_| | | | | | (_| |
  /___|    | .__/ \__,_|\__, |_|_| |_|\__, |
-          |_|          |___/         |___/ -X
+          |_|          |___/         |___/ X
 
-v0.1.3 (2024-01-11)
+v0.1.4 (2024-01-17)
 by ZXLee
 -->
 <!-- 文档地址：https://z-paging.zxlee.cn -->

z-paging-x/uni_modules/z-paging-x/package.json

@@ -1,11 +1,11 @@
 {
   "id": "z-paging-x",
   "name": "z-paging-x",
-  "displayName": "z-paging-x",
-  "version": "0.1.3",
-  "description": "z-paging现已支持uniapp x！持续完善中~",
+  "displayName": "【z-paging-x下拉刷新、上拉加载】z-paging uniappx版已上线！",
+  "version": "0.1.4",
+  "description": "分页全自动处理，支持自定义下拉刷新、上拉加载更多、自动管理空数据图、点击返回顶部等，持续完善中",
   "keywords": [
-    "z-paging-x"
+    "z-paging、分页、下拉刷新、上拉加载"
 ],
   "repository": "https://github.com/SmileZXLee/uni-z-paging-x",
   "engines": {

z-paging-x/uni_modules/z-paging-x/readme.md

@@ -84,7 +84,7 @@ npm update z-paging-x
 
 ### props
 #### 支持全局配置（非必须）
-* 在`main.uts`中
+在`main.uts`中  
 ```uts
 import { setZPXConfig } from '@/uni_modules/z-paging-x/components/z-paging-x/config/index.uts'