diff --git a/pages.json b/pages.json
index 106c6b6..a6a38a7 100644
--- a/pages.json
+++ b/pages.json
@@ -95,9 +95,6 @@
 
 
 
-
-
-
 		{
 			"path": "pages/parkRecordList/recordDetail",
 			"style": {
diff --git a/pages/API/action-sheet/action-sheet.vue b/pages/API/action-sheet/action-sheet.vue
deleted file mode 100644
index 90c035d..0000000
--- a/pages/API/action-sheet/action-sheet.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-btn-v">
-				<button class="target" type="default" @tap="actionSheetTap">弹出action sheet</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'action-sheet',
-				buttonRect: {}
-			}
-		},
-		// #ifdef H5
-		onReady() {
-			this.getNodeInfo()
-			window.addEventListener('resize', this.getNodeInfo)
-		},
-		beforeDestroy() {
-			window.removeEventListener('resize', this.getNodeInfo)
-		},
-		// #endif
-		methods: {
-			actionSheetTap() {
-				const that = this
-				uni.showActionSheet({
-					title: '标题',
-					itemList: ['item1', 'item2', 'item3', 'item4'],
-					popover: {
-						// 104: navbar + topwindow 高度，暂时 fix createSelectorQuery 在 pc 上获取 top 不准确的 bug
-						top: that.buttonRect.top + 104  + that.buttonRect.height,
-						left: that.buttonRect.left + that.buttonRect.width / 2
-					},
-					success: (e) => {
-						console.log(e.tapIndex);
-						uni.showToast({
-							title: "点击了第" + e.tapIndex + "个选项",
-							icon: "none"
-						})
-					}
-				})
-			},
-			// #ifdef H5
-			getNodeInfo() {
-				uni.createSelectorQuery().select('.target').boundingClientRect().exec((ret) => {
-					const rect = ret[0]
-					if (rect) {
-						this.buttonRect = rect
-					}
-				});
-			}
-			// #endif
-		}
-	}
-</script>
diff --git a/pages/API/add-phone-contact/add-phone-contact.vue b/pages/API/add-phone-contact/add-phone-contact.vue
deleted file mode 100644
index f4c39a3..0000000
--- a/pages/API/add-phone-contact/add-phone-contact.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view class="uni-list">
-				<view class="uni-list-cell">
-					<view class="uni-list-cell-left">
-						<view class="uni-label">名称</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" placeholder="请输入联系人名称" name="name" :value="name" @input="nameChange"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-list-cell-left">
-						<view class="uni-label">手机号</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" placeholder="请输入联系人手机号" name="phone" :value="phone" @input="phoneChange"/>
-					</view>
-				</view>
-			</view>
-			<view class="uni-padding-wrap">
-				<view class="uni-btn-v">
-					<button type="primary" class="btn-setstorage" @tap="add">添加联系人</button>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	// #ifdef APP-PLUS
-	import permision from "@/common/permission.js"
-	// #endif
-	export default {
-		data() {
-			return {
-				title: 'addPhoneContact',
-				name: '',
-				phone: ''
-			}
-		},
-		methods: {
-			nameChange: function(e) {
-				this.name = e.detail.value
-			},
-			phoneChange: function(e) {
-				this.phone = e.detail.value
-			},
-			async add() {
-				// #ifdef APP-PLUS
-				let status = await this.checkPermission();
-				if (status !== 1) {
-				    return;
-				}
-				// #endif
-
-				uni.addPhoneContact({
-					firstName: this.name,
-					mobilePhoneNumber: this.phone,
-					success: function() {
-						uni.showModal({
-							content: '已成功添加联系人！',
-							showCancel: false
-						})
-					},
-					fail: function() {
-						uni.showModal({
-							content: '添加联系人失败！',
-							showCancel: false
-						})
-					}
-				});
-			}
-			// #ifdef APP-PLUS
-			,
-			async checkPermission() {
-				let status = permision.isIOS ? await permision.requestIOS('contact') :
-					await permision.requestAndroid('android.permission.WRITE_CONTACTS');
-
-				if (status === null || status === 1) {
-					status = 1;
-				} else {
-					uni.showModal({
-						content: "需要联系人权限",
-						confirmText: "设置",
-						success: function(res) {
-							if (res.confirm) {
-								permision.gotoAppSetting();
-							}
-						}
-					})
-				}
-				return status;
-			}
-			// #endif
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/pages/API/animation/animation.vue b/pages/API/animation/animation.vue
deleted file mode 100644
index 379858d..0000000
--- a/pages/API/animation/animation.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="animation-element-wrapper">
-				<view class="animation-element" :animation="animationData"></view>
-			</view>
-			<scroll-view class="animation-buttons" scroll-y="true">
-				<button class="animation-button" @tap="rotate">旋转</button>
-				<button class="animation-button" @tap="scale">缩放</button>
-				<button class="animation-button" @tap="translate">移动</button>
-				<button class="animation-button" @tap="skew">倾斜</button>
-				<button class="animation-button" @tap="rotateAndScale">旋转并缩放</button>
-				<button class="animation-button" @tap="rotateThenScale">旋转后缩放</button>
-				<button class="animation-button" @tap="all">同时展示全部</button>
-				<button class="animation-button" @tap="allInQueue">顺序展示全部</button>
-				<button class="animation-button animation-button-reset" @tap="reset">还原</button>
-			</scroll-view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'createAnimation',
-				animationData: ''
-			}
-		},
-		onUnload(){
-			this.animationData = ''
-		},
-		onLoad() {
-			this.animation = uni.createAnimation()
-		},
-		methods: {
-			rotate: function () {
-				this.animation.rotate(Math.random() * 720 - 360).step()
-				this.animationData = this.animation.export()
-			},
-			scale: function () {
-				this.animation.scale(Math.random() * 2).step()
-				this.animationData = this.animation.export()
-			},
-			translate: function () {
-				this.animation.translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
-				this.animationData = this.animation.export()
-			},
-			skew: function () {
-				this.animation.skew(Math.random() * 90, Math.random() * 90).step()
-				this.animationData = this.animation.export()
-			},
-			rotateAndScale: function () {
-				this.animation.rotate(Math.random() * 720 - 360)
-					.scale(Math.random() * 2)
-					.step()
-				this.animationData = this.animation.export()
-			},
-			rotateThenScale: function () {
-				this.animation.rotate(Math.random() * 720 - 360).step()
-					.scale(Math.random() * 2).step()
-				this.animationData = this.animation.export()
-			},
-			all: function () {
-				this.animation.rotate(Math.random() * 720 - 360)
-					.scale(Math.random() * 2)
-					.translate(Math.random() * 100 - 50, Math.random() * 100 - 50)
-					.skew(Math.random() * 90, Math.random() * 90)
-					.step()
-				this.animationData = this.animation.export()
-			},
-			allInQueue: function () {
-				this.animation.rotate(Math.random() * 720 - 360).step()
-					.scale(Math.random() * 2).step()
-					.translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
-					.skew(Math.random() * 90, Math.random() * 90).step()
-				this.animationData = this.animation.export()
-			},
-			reset: function () {
-				this.animation.rotate(0, 0)
-					.scale(1)
-					.translate(0, 0)
-					.skew(0, 0)
-					.step({
-						duration: 0
-					})
-				this.animationData = this.animation.export()
-			}
-		}
-	}
-</script>
-
-<style>
-	.animation-element-wrapper {
-		display: flex;
-		width: 100%;
-		padding-top: 150rpx;
-		padding-bottom: 150rpx;
-		justify-content: center;
-		overflow: hidden;
-		background-color: #ffffff;
-	}
-
-	.animation-element {
-		width: 200rpx;
-		height: 200rpx;
-		background-color: #1AAD19;
-	}
-
-	.animation-buttons {
-		padding:30rpx 0;
-		width: 100%;
-		/* height: 360rpx; */
-	}
-
-	.animation-button {
-		float: left;
-		width: 44%;
-		margin: 15rpx 3%;
-	}
-
-	.animation-button-reset {
-		width: 94%;
-	}
-</style>
diff --git a/pages/API/background-audio/background-audio.vue b/pages/API/background-audio/background-audio.vue
deleted file mode 100644
index 5a3315e..0000000
--- a/pages/API/background-audio/background-audio.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-center">
-				<text class="time-big">{{formatedPlayTime}}</text>
-			</view>
-			<view class="uni-common-mt">
-				<slider class="slider" min="0" max="21" step="1" :value="playTime" @change="seek"></slider>
-			</view>
-			<view class="play-time">
-				<text>00:00</text>
-				<text>00:21</text>
-			</view>
-			<view class="uni-hello-text">注意：离开当前页面后背景音乐将保持播放，但退出uni-app将停止</view>
-			<view class="page-body-buttons">
-				<block v-if="playing">
-					<view class="page-body-button" @tap="stop">
-						<image src="/static/stop.png"></image>
-					</view>
-					<view class="page-body-button" @tap="pause">
-						<image src="/static/pause.png"></image>
-					</view>
-				</block>
-				<block v-if="!playing">
-					<view class="page-body-button"></view>
-					<view class="page-body-button" @tap="play">
-						<image src="/static/play.png"></image>
-					</view>
-				</block>
-				<view class="page-body-button"></view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-
-	import * as util from '../../../common/util.js';
-
-	export default {
-		data() {
-			return {
-				title: 'backgroundAudio',
-				bgAudioMannager: null,
-				dataUrl: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
-				playing: false,
-				playTime: 0,
-				formatedPlayTime: '00:00:00'
-			}
-		},
-		onLoad: function () {
-			this.playing = this.$backgroundAudioData.playing;
-			this.playTime = this.$backgroundAudioData.playTime;
-			this.formatedPlayTime = this.$backgroundAudioData.formatedPlayTime;
-
-			let bgAudioMannager = uni.getBackgroundAudioManager();
-			if(!bgAudioMannager.title){
-				bgAudioMannager.title = '致爱丽丝';
-			}
-			if(!bgAudioMannager.singer) {
-				bgAudioMannager.singer = '暂无';
-			}
-			if(!bgAudioMannager.coverImgUrl){
-				bgAudioMannager.coverImgUrl = 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/c517b410-5184-11eb-b997-9918a5dda011.jpeg';
-			}
-
-			bgAudioMannager.onPlay(() => {
-				console.log("开始播放");
-				this.$backgroundAudioData.playing = this.playing = true;
-			})
-			bgAudioMannager.onPause(() => {
-				console.log("暂停播放");
-				this.$backgroundAudioData.playing = this.playing = false;
-			})
-			bgAudioMannager.onEnded(() => {
-				this.playing = false;
-				this.$backgroundAudioData.playing = false;
-				this.$backgroundAudioData.playTime = this.playTime = 0;
-				this.$backgroundAudioData.formatedPlayTime = this.formatedPlayTime = util.formatTime(0);
-			})
-
-			bgAudioMannager.onTimeUpdate((e) => {
-				if (Math.floor(bgAudioMannager.currentTime) > Math.floor(this.playTime)) {
-					this.$backgroundAudioData.formatedPlayTime = this.formatedPlayTime = util.formatTime(Math.floor(bgAudioMannager.currentTime));
-				}
-				this.$backgroundAudioData.playTime = this.playTime = bgAudioMannager.currentTime;
-			})
-
-			this.bgAudioMannager = bgAudioMannager;
-		},
-		methods: {
-			play: function (res) {
-				if (!this.bgAudioMannager.src) {
-					this.bgAudioMannager.startTime = this.playTime;
-					this.bgAudioMannager.src = this.dataUrl;
-				} else {
-					this.bgAudioMannager.seek(this.playTime);
-					this.bgAudioMannager.play();
-				}
-			},
-			seek: function (e) {
-				this.bgAudioMannager.seek(e.detail.value);
-			},
-			pause: function () {
-				this.bgAudioMannager.pause();
-			},
-			stop: function () {
-				this.bgAudioMannager.stop();
-				this.$backgroundAudioData.playing = this.playing = false;
-				this.$backgroundAudioData.playTime = this.playTime = 0;
-				this.$backgroundAudioData.formatedPlayTime = this.formatedPlayTime = util.formatTime(0);
-			}
-		}
-	}
-</script>
-
-<style>
-	image {
-		width: 150rpx;
-		height: 150rpx;
-	}
-
-	.page-body-text {
-		padding: 0 30rpx;
-	}
-
-	.page-body-wrapper {
-		margin-top: 0;
-	}
-
-	.page-body-info {
-		padding-bottom: 50rpx;
-	}
-
-	.time-big {
-		font-size: 60rpx;
-		margin: 20rpx;
-	}
-
-	.slider {
-		width:630rpx;
-	}
-
-	.play-time {
-		font-size: 28rpx;
-		width:100%;
-		padding: 20rpx 0;
-		display: flex;
-		justify-content: space-between;
-		box-sizing: border-box;
-	}
-
-	.page-body-buttons {
-		display: flex;
-		justify-content: space-around;
-		margin-top: 100rpx;
-	}
-
-	.page-body-button {
-		width: 250rpx;
-		text-align: center;
-	}
-</style>
diff --git a/pages/API/bluetooth/bluetooth.vue b/pages/API/bluetooth/bluetooth.vue
deleted file mode 100644
index d9bc4da..0000000
--- a/pages/API/bluetooth/bluetooth.vue
+++ /dev/null
@@ -1,723 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view>
-				本蓝牙协议只支持低功耗蓝牙协议ble。如果想连接非ble蓝牙设备，请在社区搜索 Native.js 蓝牙。
-			</view>
-			<view class="uni-btn-v">
-				<button type="primary" :disabled="disabled[0]" @click="openBluetoothAdapter">
-					初始化蓝牙模块
-				</button>
-				<view v-if="!adapterState.available">
-					{{ '蓝牙适配器不可用,请初始化蓝牙模块' }}
-				</view>
-				<button
-					type="primary"
-					:loading="searchLoad"
-					:disabled="disabled[1]"
-					@click="startBluetoothDevicesDiscovery"
-				>
-					开始搜索蓝牙设备
-				</button>
-				<button
-					type="primary"
-					:disabled="disabled[2]"
-					@click="stopBluetoothDevicesDiscovery(false)"
-				>
-					停止搜索蓝牙设备
-				</button>
-				<button
-					type="primary"
-					:loading="newDeviceLoad"
-					:disabled="disabled[3]"
-					@click="queryDevices"
-				>
-					选择设备
-				</button>
-				<view v-if="equipment.length > 0">
-					{{
-						(connected ? '已连接设备' : '已选择设备') +
-							' : ' +
-							equipment[0].name +
-							' (' +
-							equipment[0].deviceId +
-							')'
-					}}
-				</view>
-				<button type="primary" :disabled="disabled[4]" @click="createBLEConnection">
-					连接蓝牙设备
-				</button>
-				<button type="primary" :disabled="disabled[5]" @click="getBLEDeviceServices">
-					选择设备服务
-				</button>
-				<view v-if="servicesData.length > 0">已选服务uuid：{{ servicesData[0].uuid }}</view>
-				<button type="primary" :disabled="disabled[6]" @click="getBLEDeviceCharacteristics">
-					获取服务的特征值
-				</button>
-				<view v-if="characteristicsData.length > 0">
-					<view class="uni-list_name">uuid:{{ characteristicsData[0].uuid }}</view>
-					<view class="uni-list_item">
-						是否支持 read 操作:{{ characteristicsData[0].properties.read }}
-					</view>
-					<view class="uni-list_item">
-						是否支持 write 操作:{{ characteristicsData[0].properties.write }}
-					</view>
-					<view class="uni-list_item">
-						是否支持 notify 操作:{{ characteristicsData[0].properties.notify }}
-					</view>
-					<view class="uni-list_item">
-						是否支持 indicate 操作:{{ characteristicsData[0].properties.indicate }}
-					</view>
-				</view>
-				<!-- <button type="primary" :disabled="disabled[7]" @click="readBLECharacteristicValue">
-					读取特征值数据
-				</button>
-				<view v-if="valueChangeData.serviceId">
-					<view class="list-name">
-						特征值最新的值:{{ valueChangeData.value || '还没有最新值' }}
-					</view>
-				</view> -->
-				<!-- <button type="primary" :disabled="disabled[8]" @click="w">写入特征值数据</button> -->
-				<button type="primary" :disabled="disabled[9]" @click="closeBLEConnection">
-					断开蓝牙设备
-				</button>
-				<button type="primary" :disabled="disabled[10]" @click="closeBluetoothAdapter">
-					关闭蓝牙模块
-				</button>
-			</view>
-		</view>
-		<!-- 遮罩 -->
-		<view v-if="maskShow" class="uni-mask" @touchmove.stop.prevent="moveHandle" @click="maskclose">
-			<scroll-view class="uni-scroll_box" scroll-y @touchmove.stop.prevent="moveHandle" @click.stop="moveHandle">
-				<view class="uni-title">
-					已经发现{{ list.length }}{{ showMaskType === 'device' ? '台设备' : '个服务' }}:
-				</view>
-				<view
-					class="uni-list-box"
-					v-for="(item, index) in list"
-					:key="index"
-					@click="tapQuery(item)"
-				>
-					<view v-if="showMaskType === 'device'">
-						<view class="uni-list_name">{{ item.name || item.localName }}</view>
-						<view class="uni-list_item">信号强度:{{ item.RSSI }}dBm</view>
-						<view class="uni-list_item">UUID:{{ item.deviceId }}</view>
-						<!-- <view class="list-item" v-if="showMaskType === 'device'">
-							Service数量:{{ item.advertisServiceUUIDs.length }}
-						</view> -->
-					</view>
-					<view v-if="showMaskType === 'service'">
-						<view class="uni-list_item" style="line-height:2.2;">
-							UUID: {{ item.uuid }}
-							<text v-if="showMaskType === 'service'">
-								{{ item.isPrimary ? '（主服务）' : '' }}
-							</text>
-						</view>
-					</view>
-					<view v-if="showMaskType === 'characteristics'">
-						<view class="uni-list_name">uuid:{{ item.uuid }}</view>
-						<view class="uni-list_item">是否支持 read 操作:{{ item.properties.read }}</view>
-						<view class="uni-list_item">
-							是否支持 write 操作:{{ item.properties.write }}
-						</view>
-						<view class="uni-list_item">
-							是否支持 notify 操作:{{ item.properties.notify }}
-						</view>
-						<view class="uni-list_item">
-							是否支持 indicate 操作:{{ item.properties.indicate }}
-						</view>
-					</view>
-				</view>
-			</scroll-view>
-		</view>
-	</view>
-</template>
-<script>
-export default {
-	data() {
-		return {
-			title: 'bluetooth',
-			disabled: [false, true, true, true, true, true, true, true, true, true, true],
-			newDeviceLoad: false,
-			searchLoad: false,
-			maskShow: false,
-			equipment: [],
-			adapterState: {
-				discovering: false,
-				available: false
-			},
-			connected: false,
-			showMaskType: 'device',
-			servicesData: [],
-			characteristicsData: [],
-			valueChangeData: {},
-			isStop:true ,
-			list: []
-		};
-	},
-	onLoad() {
-		this.onBLEConnectionStateChange();
-	},
-	methods: {
-		moveHandle() {},
-		/**
-		 * 关闭遮罩
-		 */
-		maskclose(){
-			this.maskShow = false;
-		},
-		/**
-		 * 选择设备
-		 */
-		queryDevices() {
-			// this.newDeviceLoad = true;
-			this.showMaskType = 'device';
-			this.maskShow = true;
-		},
-		tapQuery(item) {
-			if (this.showMaskType === 'device') {
-				this.$set(this.disabled, 4, false);
-				if (this.equipment.length > 0) {
-					this.equipment[0] = item;
-				} else {
-					this.equipment.push(item);
-				}
-				this.newDeviceLoad = false;
-			}
-			if (this.showMaskType === 'service') {
-				this.$set(this.disabled, 6, false);
-				if (this.servicesData.length > 0) {
-					this.servicesData[0] = item;
-				} else {
-					this.servicesData.push(item);
-				}
-			}
-			if (this.showMaskType === 'characteristics') {
-				this.$set(this.disabled, 7, false);
-				if (this.characteristicsData.length > 0) {
-					this.characteristicsData[0] = item;
-				} else {
-					this.characteristicsData.push(item);
-				}
-			}
-			this.maskShow = false;
-		},
-		/**
-		 * 初始化蓝牙设备
-		 */
-		openBluetoothAdapter() {
-			uni.openBluetoothAdapter({
-				success: e => {
-					console.log('初始化蓝牙成功:' + e.errMsg);
-					console.log(JSON.stringify(e));
-					this.isStop = false ;
-					this.$set(this.disabled, 0, true);
-					this.$set(this.disabled, 1, false);
-					this.$set(this.disabled, 10, false);
-					this.getBluetoothAdapterState();
-				},
-				fail: e => {
-					console.log(e)
-					console.log('初始化蓝牙失败，错误码：' + (e.errCode || e.errMsg));
-					if (e.errCode !== 0) {
-						initTypes(e.errCode,e.errMsg);
-					}
-				}
-			});
-		},
-		/**
-		 * 开始搜索蓝牙设备
-		 */
-		startBluetoothDevicesDiscovery() {
-			uni.startBluetoothDevicesDiscovery({
-				success: e => {
-					console.log('开始搜索蓝牙设备:' + e.errMsg);
-					this.searchLoad = true;
-					this.$set(this.disabled, 1, true);
-					this.$set(this.disabled, 2, false);
-					this.$set(this.disabled, 3, false);
-					this.onBluetoothDeviceFound();
-				},
-				fail: e => {
-					console.log('搜索蓝牙设备失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 停止搜索蓝牙设备
-		 */
-		stopBluetoothDevicesDiscovery(types) {
-			uni.stopBluetoothDevicesDiscovery({
-				success: e => {
-					console.log('停止搜索蓝牙设备:' + e.errMsg);
-					if (types) {
-						this.$set(this.disabled, 1, true);
-					} else {
-						this.$set(this.disabled, 1, false);
-					}
-					this.$set(this.disabled, 2, true);
-					// this.$set(this.disabled, 3, true);
-					this.searchLoad = false;
-				},
-				fail: e => {
-					console.log('停止搜索蓝牙设备失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 发现外围设备
-		 */
-		onBluetoothDeviceFound() {
-			uni.onBluetoothDeviceFound(devices => {
-				console.log('开始监听寻找到新设备的事件');
-				// this.$set(this.disabled, 3, false);
-				this.getBluetoothDevices();
-			});
-		},
-		/**
-		 * 获取在蓝牙模块生效期间所有已发现的蓝牙设备。包括已经和本机处于连接状态的设备。
-		 */
-		getBluetoothDevices() {
-			uni.getBluetoothDevices({
-				success: res => {
-					this.newDeviceLoad = false;
-					console.log('获取蓝牙设备成功:' + res.errMsg);
-					// console.log(JSON.stringify(res))
-					this.list = res.devices;
-				},
-				fail: e => {
-					console.log('获取蓝牙设备错误，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 获取本机蓝牙适配器状态
-		 */
-		getBluetoothAdapterState() {
-			console.log('--->');
-			uni.getBluetoothAdapterState({
-				success: res => {
-					console.log(JSON.stringify(res));
-					this.adapterState = res;
-				},
-				fail: e => {
-					console.log('获取本机蓝牙适配器状态失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 连接低功耗蓝牙
-		 */
-		createBLEConnection() {
-			let deviceId = this.equipment[0].deviceId;
-			uni.showToast({
-				title: '连接蓝牙...',
-				icon: 'loading',
-				duration: 99999
-			});
-			uni.createBLEConnection({
-				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
-				deviceId,
-				success: res => {
-					console.log(res);
-					console.log('连接蓝牙成功:' + res.errMsg);
-					// 连接设备后断开搜索 并且不能搜索设备
-					this.stopBluetoothDevicesDiscovery(true);
-					uni.hideToast();
-					uni.showToast({
-						title: '连接成功',
-						icon: 'success',
-						duration: 2000
-					});
-					this.$set(this.disabled, 3, true);
-					this.$set(this.disabled, 4, true);
-					this.$set(this.disabled, 5, false);
-					this.$set(this.disabled, 9, false);
-					this.connected = true;
-				},
-				fail: e => {
-					console.log('连接低功耗蓝牙失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 断开与低功耗蓝牙设备的连接
-		 */
-		closeBLEConnection() {
-			let deviceId = this.equipment[0].deviceId;
-			uni.closeBLEConnection({
-				deviceId,
-				success: res => {
-					console.log(res);
-					console.log('断开低功耗蓝牙成功:' + res.errMsg);
-					this.$set(this.disabled, 1, false);
-					this.$set(this.disabled, 3, true);
-					this.$set(this.disabled, 4, true);
-					this.$set(this.disabled, 5, true);
-					this.$set(this.disabled, 6, true);
-					this.$set(this.disabled, 7, true);
-					this.$set(this.disabled, 8, true);
-					this.$set(this.disabled, 9, true);
-					this.equipment = [];
-					this.servicesData = [];
-					this.characteristicsData = [];
-				},
-				fail: e => {
-					console.log('断开低功耗蓝牙成功，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 获取所有服务
-		 */
-		getBLEDeviceServices() {
-			let deviceId = this.equipment[0].deviceId;
-			console.log('获取所有服务的 uuid:' + deviceId);
-
-			uni.getBLEDeviceServices({
-				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
-				deviceId,
-				success: res => {
-					console.log(JSON.stringify(res.services));
-					console.log('获取设备服务成功:' + res.errMsg);
-					this.$set(this.disabled, 7, true);
-					this.$set(this.disabled, 8, true);
-					this.showMaskType = 'service';
-					this.list = res.services;
-
-					this.characteristicsData = [];
-					if (this.list.length <= 0) {
-						toast('获取服务失败，请重试!');
-						return;
-					}
-					this.maskShow = true;
-				},
-				fail: e => {
-					console.log('获取设备服务失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 获取某个服务下的所有特征值
-		 */
-		getBLEDeviceCharacteristics() {
-			let deviceId = this.equipment[0].deviceId;
-			let serviceId = this.servicesData[0].uuid;
-			console.log(deviceId);
-			console.log(serviceId);
-			uni.getBLEDeviceCharacteristics({
-				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
-				deviceId,
-				// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
-				serviceId,
-				success: res => {
-					console.log(JSON.stringify(res));
-					console.log('获取特征值成功:' + res.errMsg);
-					this.$set(this.disabled, 7, true);
-					this.valueChangeData = {};
-					this.showMaskType = 'characteristics';
-					this.list = res.characteristics;
-					if (this.list.length <= 0) {
-						toast('获取特征值失败，请重试!');
-						return;
-					}
-					this.maskShow = true;
-				},
-				fail: e => {
-					console.log('获取特征值失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-		},
-		/**
-		 * 监听低功耗蓝牙连接状态的改变事件。包括开发者主动连接或断开连接，设备丢失，连接异常断开等等
-		 */
-		onBLEConnectionStateChange() {
-			uni.onBLEConnectionStateChange(res => {
-				// 该方法回调中可以用于处理连接意外断开等异常情况
-				console.log(`蓝牙连接状态 -------------------------->`);
-				console.log(JSON.stringify(res));
-				if (!res.connected) {
-					if(this.isStop) return ;
-					console.log('断开低功耗蓝牙成功:');
-					this.$set(this.disabled, 1, false);
-					this.$set(this.disabled, 3, true);
-					this.$set(this.disabled, 4, true);
-					this.$set(this.disabled, 5, true);
-					this.$set(this.disabled, 6, true);
-					this.$set(this.disabled, 7, true);
-					this.$set(this.disabled, 8, true);
-					this.$set(this.disabled, 9, true);
-					this.searchLoad = false;
-					this.equipment = [];
-					this.servicesData = [];
-					this.characteristicsData = [];
-					this.valueChangeData = {};
-					toast('已经断开当前蓝牙连接');
-				}
-			});
-		},
-		/**
-		 * 读取低功耗蓝牙设备的特征值的二进制数据值。注意：必须设备的特征值支持 read 才可以成功调用
-		 */
-		readBLECharacteristicValue() {
-			let deviceId = this.equipment[0].deviceId;
-			let serviceId = this.servicesData[0].uuid;
-			let characteristicId = this.characteristicsData[0].uuid;
-			console.log(deviceId);
-			console.log(serviceId);
-			console.log(characteristicId);
-			uni.readBLECharacteristicValue({
-				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
-				deviceId,
-				// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
-				serviceId,
-				// 这里的 characteristicId 需要在 getBLEDeviceCharacteristics 接口中获取
-				characteristicId,
-				success: res => {
-					console.log('读取设备数据值成功');
-					console.log(JSON.stringify(res));
-					this.notifyBLECharacteristicValueChange();
-				},
-				fail(e) {
-					console.log('读取设备数据值失败，错误码：' + e.errCode);
-					if (e.errCode !== 0) {
-						initTypes(e.errCode);
-					}
-				}
-			});
-			this.onBLECharacteristicValueChange();
-		},
-		/**
-		 * 监听低功耗蓝牙设备的特征值变化事件。必须先启用 notifyBLECharacteristicValueChange 接口才能接收到设备推送的 notification。
-		 */
-		onBLECharacteristicValueChange() {
-			// 必须在这里的回调才能获取
-			uni.onBLECharacteristicValueChange(characteristic => {
-				console.log('监听低功耗蓝牙设备的特征值变化事件成功');
-				console.log(JSON.stringify(characteristic));
-				this.valueChangeData = characteristic;
-			});
-		},
-		/**
-		 * 订阅操作成功后需要设备主动更新特征值的 value，才会触发 uni.onBLECharacteristicValueChange 回调。
-		 */
-		notifyBLECharacteristicValueChange() {
-			let deviceId = this.equipment[0].deviceId;
-			let serviceId = this.servicesData[0].uuid;
-			let characteristicId = this.characteristicsData[0].uuid;
-			let notify = this.characteristicsData[0].properties.notify;
-			console.log(deviceId);
-			console.log(serviceId);
-			console.log(characteristicId);
-			console.log(notify);
-			uni.notifyBLECharacteristicValueChange({
-				state: true, // 启用 notify 功能
-				// 这里的 deviceId 需要已经通过 createBLEConnection 与对应设备建立链接
-				deviceId,
-				// 这里的 serviceId 需要在 getBLEDeviceServices 接口中获取
-				serviceId,
-				// 这里的 characteristicId 需要在 getBLEDeviceCharacteristics 接口中获取
-				characteristicId,
-				success(res) {
-					console.log('notifyBLECharacteristicValueChange success:' + res.errMsg);
-					console.log(JSON.stringify(res));
-				}
-			});
-		},
-		/**
-		 * 	断开蓝牙模块
-		 */
-		closeBluetoothAdapter(OBJECT) {
-			uni.closeBluetoothAdapter({
-				success: res => {
-					console.log('断开蓝牙模块成功');
-					this.isStop = true ;
-					this.$set(this.disabled, 0, false);
-					this.$set(this.disabled, 1, true);
-					this.$set(this.disabled, 2, true);
-					this.$set(this.disabled, 3, true);
-					this.$set(this.disabled, 4, true);
-					this.$set(this.disabled, 5, true);
-					this.$set(this.disabled, 6, true);
-					this.$set(this.disabled, 7, true);
-					this.$set(this.disabled, 8, true);
-					this.$set(this.disabled, 9, true);
-					this.$set(this.disabled, 10, true);
-					this.equipment = [];
-					this.servicesData = [];
-					this.characteristicsData = [];
-					this.valueChangeData = {};
-					this.adapterState = [];
-					this.searchLoad =false;
-					toast('断开蓝牙模块');
-				}
-			});
-		}
-	}
-};
-
-/**
- * 判断初始化蓝牙状态
- */
-function initTypes(code, errMsg) {
-	switch (code) {
-		case 10000:
-			toast('未初始化蓝牙适配器');
-			break;
-		case 10001:
-			toast('未检测到蓝牙，请打开蓝牙重试！');
-			break;
-		case 10002:
-			toast('没有找到指定设备');
-			break;
-		case 10003:
-			toast('连接失败');
-			break;
-		case 10004:
-			toast('没有找到指定服务');
-			break;
-		case 10005:
-			toast('没有找到指定特征值');
-			break;
-		case 10006:
-			toast('当前连接已断开');
-			break;
-		case 10007:
-			toast('当前特征值不支持此操作');
-			break;
-		case 10008:
-			toast('其余所有系统上报的异常');
-			break;
-		case 10009:
-			toast('Android 系统特有，系统版本低于 4.3 不支持 BLE');
-			break;
-		default:
-			toast(errMsg);
-	}
-}
-
-/**
- * 弹出框封装
- */
-function toast(content, showCancel = false) {
-	uni.showModal({
-		title: '提示',
-		content,
-		showCancel
-	});
-}
-</script>
-
-<style>
-
-.uni-title {
-	/* width: 100%; */
-	/* height: 80rpx; */
-	text-align: center;
-}
-
-.uni-mask {
-	position: fixed;
-	top: 0;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	width: 100%;
-	background: rgba(0, 0, 0, 0.6);
-	padding: 0 30rpx;
-	box-sizing: border-box;
-}
-
-.uni-scroll_box {
-	height: 70%;
-	background: #fff;
-	border-radius: 20rpx;
-}
-.uni-list-box {
-	margin: 0 20rpx;
-	padding: 15rpx 0;
-	border-bottom: 1px #f5f5f5 solid;
-	box-sizing: border-box;
-}
-.uni-list:last-child {
-	border: none;
-}
-.uni-list_name {
-	font-size: 30rpx;
-	color: #333;
-}
-.uni-list_item {
-	font-size: 24rpx;
-	color: #555;
-	line-height: 1.5;
-}
-
-.uni-success_box {
-	position: absolute;
-	left: 0;
-	bottom: 0;
-	min-height: 100rpx;
-	width: 100%;
-	background: #fff;
-	box-sizing: border-box;
-	border-top: 1px #eee solid;
-}
-.uni-success_sub {
-	/* width: 100%%; */
-	height: 100rpx;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 0 30rpx;
-}
-.uni-close_button {
-	padding: 0 20rpx;
-	height: 60rpx;
-	line-height: 60rpx;
-	background: #ce3c39;
-	color: #ffffff;
-	border-radius: 10rpx;
-}
-.uni-success_content {
-	height: 600rpx;
-	margin: 30rpx;
-	margin-top: 0;
-	border: 1px #eee solid;
-	padding: 30rpx;
-}
-.uni-content_list {
-	padding-bottom: 10rpx;
-	border-bottom: 1px #f5f5f5 solid;
-}
-.uni-tips {
-	text-align: center;
-	font-size: 24rpx;
-	color: #666;
-}
-</style>
diff --git a/pages/API/brightness/brightness.vue b/pages/API/brightness/brightness.vue
deleted file mode 100644
index a0c9e12..0000000
--- a/pages/API/brightness/brightness.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<!-- #ifndef MP-TOUTIAO -->
-			<view class="text-box">亮度 : {{ screen }}</view>
-			<view class="uni-slider"><slider :value="screen" @changing="sliderChange" step="1" /></view>
-			<!-- #endif -->
-			<button type="primary" @click="keep">
-				{{ keepScreenOn ? '保持常亮状态' : '关闭常亮状态' }}
-			</button>
-			<view class="tips">
-				保持常亮时，屏幕不会熄灭。仅在当前应用生效，离开应用后设置失效。
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-export default {
-	data() {
-		return {
-			title: 'brightness',
-			screen: 0,
-			keepScreenOn: true
-		};
-	},
-	onLoad() {
-		uni.getScreenBrightness({
-			success: res => {
-				this.screen = (res.value * 100).toFixed();
-			},
-			fail(e) {
-				console.log(e);
-			}
-		});
-	},
-	methods: {
-		sliderChange(e) {
-			let screen = e.detail.value;
-			// 判断是否重复
-			if (this.screen !== screen) {
-				console.log('当前数值：' + e.detail.value);
-				uni.setScreenBrightness({
-					value: screen / 100,
-					success: function() {
-					},
-					fail(e) {
-						console.log(e);
-					}
-				});
-				this.screen = screen;
-			}
-		},
-		keep() {
-			uni.setKeepScreenOn({
-				keepScreenOn: this.keepScreenOn
-			});
-			this.keepScreenOn = !this.keepScreenOn;
-		}
-	}
-};
-</script>
-
-<style>
-.text-box {
-	margin-bottom: 40rpx;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 300rpx;
-	background-color: #ffffff;
-	font-size: 32rpx;
-	color: #353535;
-}
-
-.uni-slider {
-	margin: 100rpx 0;
-}
-
-.tips {
-	font-size: 26rpx;
-	text-align: center;
-	margin-top: 20rpx;
-	color: #999;
-}
-</style>
diff --git a/pages/API/canvas/canvas.vue b/pages/API/canvas/canvas.vue
deleted file mode 100644
index f0f34a1..0000000
--- a/pages/API/canvas/canvas.vue
+++ /dev/null
@@ -1,366 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<canvas class="canvas-element" canvas-id="canvas" id="canvas"></canvas>
-			<scroll-view class="canvas-buttons" scroll-y="true">
-				<block v-for="(name, index) in names" :key="index">
-					<button class="canvas-button" @click="handleCanvasButton(name)">{{name}}</button>
-				</block>
-				<button class="canvas-button" @click="toTempFilePath" type="primary">toTempFilePath</button>
-			</scroll-view>
-		</view>
-	</view>
-</template>
-<script>
-	var context = null;
-	export default {
-		data() {
-			return {
-				title: 'createContext',
-				names: ["rotate", "scale", "reset", "translate", "save", "restore", "drawImage", "fillText", "fill",
-					"stroke", "clearRect", "beginPath", "closePath", "moveTo", "lineTo", "rect", "arc",
-					"quadraticCurveTo", "bezierCurveTo", "setFillStyle", "setStrokeStyle", "setGlobalAlpha",
-					"setShadow", "setFontSize", "setLineCap", "setLineJoin", "setLineWidth", "setMiterLimit"
-				]
-			}
-		},
-		onReady: function() {
-			context = uni.createCanvasContext('canvas',this)
-		},
-		methods: {
-			toTempFilePath: function() {
-				uni.canvasToTempFilePath({
-					canvasId: 'canvas',
-					success: function(res) {
-						console.log(res.tempFilePath)
-					},
-					fail: function(err) {
-						console.error(JSON.stringify(err))
-					}
-				})
-			},
-			handleCanvasButton: function(name) {
-				this[name] && this[name]();
-			},
-			rotate: function() {
-				context.beginPath()
-				context.rotate(10 * Math.PI / 180)
-				context.rect(225, 75, 20, 10)
-				context.fill()
-				context.draw()
-			},
-			scale: function() {
-				context.beginPath()
-				context.rect(25, 25, 50, 50)
-				context.stroke()
-
-				context.scale(2, 2)
-
-				context.beginPath()
-				context.rect(25, 25, 50, 50)
-				context.stroke()
-				context.draw()
-			},
-			reset: function() {
-				context.beginPath()
-
-				context.setFillStyle('#000000')
-				context.setStrokeStyle('#000000')
-				context.setFontSize(10)
-				context.setGlobalAlpha(1)
-				context.setShadow(0, 0, 0, 'rgba(0, 0, 0, 0)')
-
-				context.setLineCap('butt')
-				context.setLineJoin('miter')
-				context.setLineWidth(1)
-				context.setMiterLimit(10)
-				context.draw()
-			},
-			translate: function() {
-				context.beginPath()
-				context.rect(10, 10, 100, 50)
-				context.fill()
-
-				context.translate(70, 70)
-
-				context.beginPath()
-				context.fill()
-				context.draw()
-			},
-			save: function() {
-				context.beginPath()
-				context.setStrokeStyle('#00ff00')
-				context.save()
-
-				context.scale(2, 2)
-				context.setStrokeStyle('#ff0000')
-				context.rect(0, 0, 100, 100)
-				context.stroke()
-				context.restore()
-
-				context.rect(0, 0, 50, 50)
-				context.stroke()
-				context.draw()
-			},
-			restore: function() {
-				[3, 2, 1].forEach(function(item) {
-					context.beginPath()
-					context.save()
-					context.scale(item, item)
-					context.rect(10, 10, 100, 100)
-					context.stroke()
-					context.restore()
-				});
-				context.draw()
-			},
-			drawImage: function() {
-				// #ifdef APP-PLUS
-				context.drawImage('../../../static/app-plus/uni@2x.png', 0, 0)
-				// #endif
-				// #ifndef APP-PLUS
-				context.drawImage('../../../static/uni.png', 0, 0)
-				// #endif
-				context.draw()
-			},
-			fillText: function() {
-				context.setStrokeStyle('#ff0000')
-
-				context.beginPath()
-				context.moveTo(0, 10)
-				context.lineTo(300, 10)
-				context.stroke()
-				// context.save()
-				// context.scale(1.5, 1.5)
-				// context.translate(20, 20)
-				context.setFontSize(10)
-				context.fillText('Hello World', 0, 30)
-				context.setFontSize(20)
-				context.fillText('Hello World', 100, 30)
-
-				// context.restore()
-
-				context.beginPath()
-				context.moveTo(0, 30)
-				context.lineTo(300, 30)
-				context.stroke()
-				context.draw()
-			},
-			fill: function() {
-				context.beginPath()
-				context.rect(20, 20, 150, 100)
-				context.setStrokeStyle('#00ff00')
-				context.fill()
-				context.draw()
-			},
-			stroke: function() {
-				context.beginPath()
-				context.moveTo(20, 20)
-				context.lineTo(20, 100)
-				context.lineTo(70, 100)
-				context.setStrokeStyle('#00ff00')
-				context.stroke()
-				context.draw()
-			},
-			clearRect: function() {
-				context.setFillStyle('#ff0000')
-				context.beginPath()
-				context.rect(0, 0, 300, 150)
-				context.fill()
-				context.clearRect(20, 20, 100, 50)
-				context.draw()
-			},
-			beginPath: function() {
-				context.beginPath()
-				context.setLineWidth(5)
-				context.setStrokeStyle('#ff0000')
-				context.moveTo(0, 75)
-				context.lineTo(250, 75)
-				context.stroke()
-				context.beginPath()
-				context.setStrokeStyle('#0000ff')
-				context.moveTo(50, 0)
-				context.lineTo(150, 130)
-				context.stroke()
-				context.draw()
-			},
-			closePath: function() {
-				context.beginPath()
-				context.setLineWidth(1)
-				context.moveTo(20, 20)
-				context.lineTo(20, 100)
-				context.lineTo(70, 100)
-				context.closePath()
-				context.stroke()
-				context.draw()
-			},
-			moveTo: function() {
-				context.beginPath()
-				context.moveTo(0, 0)
-				context.lineTo(300, 150)
-				context.stroke()
-				context.draw()
-			},
-			lineTo: function() {
-				context.beginPath()
-				context.moveTo(20, 20)
-				context.lineTo(20, 100)
-				context.lineTo(70, 100)
-				context.stroke()
-				context.draw()
-			},
-			rect: function() {
-				context.beginPath()
-				context.rect(20, 20, 150, 100)
-				context.stroke()
-				context.draw()
-			},
-			arc: function() {
-				context.beginPath()
-				context.setLineWidth(2)
-				context.arc(75, 75, 50, 0, Math.PI * 2, true)
-				context.moveTo(110, 75)
-				context.arc(75, 75, 35, 0, Math.PI, false)
-				context.moveTo(65, 65)
-				context.arc(60, 65, 5, 0, Math.PI * 2, true)
-				context.moveTo(95, 65)
-				context.arc(90, 65, 5, 0, Math.PI * 2, true)
-				context.stroke()
-				context.draw()
-			},
-			quadraticCurveTo: function() {
-				context.beginPath()
-				context.moveTo(20, 20)
-				context.quadraticCurveTo(20, 100, 200, 20)
-				context.stroke()
-				context.draw()
-			},
-			bezierCurveTo: function() {
-				context.beginPath()
-				context.moveTo(20, 20)
-				context.bezierCurveTo(20, 100, 200, 100, 200, 20)
-				context.stroke()
-				context.draw()
-			},
-			setFillStyle: function() {
-				['#fef957', 'rgb(242,159,63)', 'rgb(242,117,63)', '#e87e51'].forEach(function(item, index) {
-					context.setFillStyle(item)
-					context.beginPath()
-					context.rect(0 + 75 * index, 0, 50, 50)
-					context.fill()
-				})
-				context.draw()
-			},
-			setStrokeStyle: function() {
-				['#fef957', 'rgb(242,159,63)', 'rgb(242,117,63)', '#e87e51'].forEach(function(item, index) {
-					context.setStrokeStyle(item)
-					context.beginPath()
-					context.rect(0 + 75 * index, 0, 50, 50)
-					context.stroke()
-				})
-				context.draw()
-			},
-			setGlobalAlpha: function() {
-				context.setFillStyle('#000000');
-				[1, 0.5, 0.1].forEach(function(item, index) {
-					context.setGlobalAlpha(item)
-					context.beginPath()
-					context.rect(0 + 75 * index, 0, 50, 50)
-					context.fill()
-				})
-				context.draw()
-				context.setGlobalAlpha(1)
-			},
-			setShadow: function() {
-				context.beginPath()
-				context.setShadow(10, 10, 10, 'rgba(0, 0, 0, 199)')
-				context.rect(10, 10, 100, 100)
-				context.fill()
-				context.draw()
-			},
-			setFontSize: function() {
-				[10, 20, 30, 40].forEach(function(item, index) {
-					context.setFontSize(item)
-					context.fillText('Hello, world', 20, 20 + 40 * index)
-				})
-				context.draw()
-			},
-			setLineCap: function() {
-				context.setLineWidth(10);
-				['butt', 'round', 'square'].forEach(function(item, index) {
-					context.beginPath()
-					context.setLineCap(item)
-					context.moveTo(20, 20 + 20 * index)
-					context.lineTo(100, 20 + 20 * index)
-					context.stroke()
-				})
-				context.draw()
-			},
-			setLineJoin: function() {
-				context.setLineWidth(10);
-				['bevel', 'round', 'miter'].forEach(function(item, index) {
-					context.beginPath()
-					context.setLineJoin(item)
-					context.moveTo(20 + 80 * index, 20)
-					context.lineTo(100 + 80 * index, 50)
-					context.lineTo(20 + 80 * index, 100)
-					context.stroke()
-				})
-				context.draw()
-			},
-			setLineWidth: function() {
-				[2, 4, 6, 8, 10].forEach(function(item, index) {
-					context.beginPath()
-					context.setLineWidth(item)
-					context.moveTo(20, 20 + 20 * index)
-					context.lineTo(100, 20 + 20 * index)
-					context.stroke()
-				})
-				context.draw()
-			},
-			setMiterLimit: function() {
-				context.setLineWidth(4);
-				[2, 4, 6, 8, 10].forEach(function(item, index) {
-					context.beginPath()
-					context.setMiterLimit(item)
-					context.moveTo(20 + 80 * index, 20)
-					context.lineTo(100 + 80 * index, 50)
-					context.lineTo(20 + 80 * index, 100)
-					context.stroke()
-				})
-				context.draw()
-			}
-		}
-	}
-</script>
-
-<style>
-	.canvas-element-wrapper {
-		display: block;
-		margin-bottom: 100rpx;
-	}
-
-	.canvas-element {
-		width: 100%;
-		height: 500rpx;
-		background-color: #ffffff;
-	}
-
-	.canvas-buttons {
-		padding: 30rpx 50rpx 10rpx;
-		width: 100%;
-		height: 360rpx;
-		box-sizing: border-box;
-	}
-
-	.canvas-button {
-		float: left;
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		height: 40px;
-		line-height: 1;
-		width: 300rpx;
-		margin: 15rpx 12rpx;
-	}
-</style>
diff --git a/pages/API/choose-location/choose-location.vue b/pages/API/choose-location/choose-location.vue
deleted file mode 100644
index 3b30801..0000000
--- a/pages/API/choose-location/choose-location.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view style="background:#FFFFFF; padding:40rpx;">
-				<view class="uni-hello-text uni-center">当前位置信息</view>
-				<block v-if="hasLocation === false">
-					<view class="uni-h2 uni-center uni-common-mt">未选择位置</view>
-				</block>
-				<block v-if="hasLocation === true">
-					<view class="uni-hello-text uni-center" style="margin-top:10px;">
-						{{locationAddress}}
-					</view>
-					<view class="uni-h2 uni-center uni-common-mt">
-						<text>E: {{location.longitude[0]}}°{{location.longitude[1]}}′</text>
-						<text>\nN: {{location.latitude[0]}}°{{location.latitude[1]}}′</text>
-					</view>
-				</block>
-			</view>
-			<view class="uni-btn-v">
-				<button type="primary" @tap="chooseLocation">选择位置</button>
-				<button @tap="clear">清空</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	import * as util from '../../../common/util.js'
-	var formatLocation = util.formatLocation;
-
-	export default {
-		data() {
-			return {
-				title: 'chooseLocation',
-				hasLocation: false,
-				location: {},
-				locationAddress: ''
-			}
-		},
-		methods: {
-			chooseLocation: function () {
-				uni.chooseLocation({
-					success: (res) => {
-						this.hasLocation = true,
-							this.location = formatLocation(res.longitude, res.latitude),
-							this.locationAddress = res.address
-					}
-				})
-			},
-			clear: function () {
-				this.hasLocation = false
-			}
-		}
-	}
-</script>
-
-<style>
-	.page-body-info {
-		padding-bottom: 0;
-		height: 440rpx;
-	}
-</style>
diff --git a/pages/API/clipboard/clipboard.vue b/pages/API/clipboard/clipboard.vue
deleted file mode 100644
index 648fc4d..0000000
--- a/pages/API/clipboard/clipboard.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-title">请输入剪贴板内容</view>
-			<view class="uni-list">
-				<view class="uni-list-cell">
-					<input class="uni-input" type="text" placeholder="请输入剪贴板内容" :value="data" @input="dataChange"/>
-				</view>
-			</view>
-			<view class="uni-btn-v">
-				<button type="primary" @click="setClipboard">存储数据</button>
-				<button @tap="getClipboard">读取数据</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'get/setClipboardData',
-				data: ''
-			}
-		},
-		methods: {
-			dataChange: function (e) {
-				this.data = e.detail.value
-			},
-			getClipboard: function () {
-				uni.getClipboardData({
-					success: (res) => {
-						console.log(res.data);
-						const content = res.data ? '剪贴板内容为:' + res.data : '剪贴板暂无内容';
-						uni.showModal({
-							content,
-							title: '读取剪贴板',
-							showCancel: false
-						})
-					},
-					fail: () => {
-						uni.showModal({
-							content: '读取剪贴板失败!',
-							showCancel: false
-						})
-					}
-				});
-			},
-			setClipboard: function () {
-				var data = this.data;
-				if (data.length === 0) {
-					uni.showModal({
-						title: '设置剪贴板失败',
-						content: '内容不能为空',
-						showCancel: false
-					})
-				} else {
-					uni.setClipboardData({
-						data: data,
-						success: () => {
-							// 成功处理
-							// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO
-							uni.showToast({
-								title: '设置剪贴板成功',
-								icon: "success",
-								mask: !1
-							})
-							// #endif
-						},
-						fail: () => {
-							// 失败处理
-							// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO
-							uni.showToast({
-								title: '储存数据失败!',
-								icon: "none",
-								mask: !1
-							})
-							// #endif
-						}
-					});
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-	
-</style>
-
-
diff --git a/pages/API/download-file/download-file.vue b/pages/API/download-file/download-file.vue
deleted file mode 100644
index 2e1ddcd..0000000
--- a/pages/API/download-file/download-file.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view v-if="imageSrc" class="image-container">
-				<image class="img" :src="imageSrc" mode="center" />
-			</view>
-			<block v-else style="margin-top: 50px;">
-				<view class="uni-hello-text">
-					点击按钮下载服务端示例图片（下载网络文件到本地临时目录）
-				</view>
-				<view class="uni-btn-v">
-					<button type="primary" @tap="downloadImage">下载</button>
-				</view>
-			</block>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'downloadFile',
-				imageSrc: ''
-			}
-		},
-		onUnload() {
-			this.imageSrc = '';
-		},
-		methods: {
-			downloadImage: function () {
-				uni.showLoading({
-					title:'下载中'
-				})
-				var self = this
-				uni.downloadFile({
-					url: "https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png",
-					success: (res) => {
-						console.log('downloadFile success, res is', res)
-						self.imageSrc = res.tempFilePath;
-						uni.hideLoading();
-					},
-					fail: (err) => {
-						console.log('downloadFile fail, err is:', err)
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-.img {
-	width: 500rpx;
-	height: 500rpx;
-	margin: 0 auto;
-}
-.image-container {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-}
-</style>
diff --git a/pages/API/file/file.vue b/pages/API/file/file.vue
deleted file mode 100644
index 43d6cca..0000000
--- a/pages/API/file/file.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<block v-if="tempFilePath">
-				<image :src="tempFilePath" class="image" mode="aspectFit"></image>
-			</block>
-			<block v-if="!tempFilePath && savedFilePath">
-				<image :src="savedFilePath" class="image" mode="aspectFit"></image>
-			</block>
-			<block v-if="!tempFilePath && !savedFilePath">
-				<view class="uni-hello-addfile" @click="chooseImage">+ 请选择文件</view>
-			</block>
-			<view class="uni-btn-v">
-				<button class="btn-savefile" @click="saveFile">保存文件</button>
-				<button @click="clear">删除文件</button>
-			</view>
-			<!-- #ifndef MP-ALIPAY || MP-TOUTIAO -->
-			<view class="btn-area">
-				<button @click="openDocument">打开pdf文件</button>
-			</view>
-			<!-- #endif -->
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'saveFile',
-				tempFilePath: '',
-				savedFilePath: ''
-			}
-		},
-		onLoad() {
-			this.savedFilePath = uni.getStorageSync('savedFilePath');
-		},
-		methods: {
-			chooseImage() {
-				uni.chooseImage({
-					count: 1,
-					success: (res) => {
-						this.tempFilePath = res.tempFilePaths[0];
-					},
-					fail: (err) => {
-						// #ifdef MP
-						uni.getSetting({
-							success: (res) => {
-								let authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];
-								if (!authStatus) {
-									uni.showModal({
-										title: '授权失败',
-										content: 'Hello uni-app需要从您的相机或相册获取图片，请在设置界面打开相关权限',
-										success: (res) => {
-											if (res.confirm) {
-												uni.openSetting()
-											}
-										}
-									})
-								}
-							}
-						})
-						// #endif
-					}
-				});
-			},
-			saveFile() {
-				if (this.tempFilePath.length > 0) {
-					uni.saveFile({
-						tempFilePath: this.tempFilePath,
-						success: (res) => {
-							this.savedFilePath = res.savedFilePath;
-							uni.setStorageSync('savedFilePath', res.savedFilePath);
-							uni.showModal({
-								title: '保存成功',
-								content: '下次进入页面时，此文件仍可用',
-								showCancel: false
-							});
-						},
-						fail: (res) => {
-							uni.showModal({
-								title: '保存失败',
-								content: '失败原因: ' + JSON.stringify(res),
-								showCancel: false
-							});
-						}
-					})
-				} else {
-					uni.showModal({
-						content: '请选择文件',
-						showCancel: false
-					});
-				}
-			},
-			clear() {
-				uni.setStorageSync('savedFilePath', '');
-				this.tempFilePath = '';
-				this.savedFilePath = '';
-			},
-			// #ifndef MP-ALIPAY || MP-TOUTIAO
-			openDocument() {
-				uni.downloadFile({
-					url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b3f1d0b0-5168-11eb-bd01-97bc1429a9ff.pdf',
-					success: (res) => {
-						uni.openDocument({
-							filePath: res.tempFilePath,
-							success: () => {
-								console.log('打开文档成功');
-							}
-						});
-					}
-				});
-			},
-			// #endif
-		}
-	}
-</script>
-
-<style>
-	.image {
-		width: 100%;
-		height: 360rpx;
-	}
-
-	.btn-savefile {
-		background-color: #007aff;
-		color: #ffffff;
-	}
-</style>
diff --git a/pages/API/full-screen-video-ad/full-screen-video-ad.vue b/pages/API/full-screen-video-ad/full-screen-video-ad.vue
deleted file mode 100644
index 5224ed8..0000000
--- a/pages/API/full-screen-video-ad/full-screen-video-ad.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<button :loading="loading" :disabled="loading" type="primary" class="btn" @click="showAd">显示广告</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '全屏视频广告',
-				loading: false,
-				loadError: false
-			}
-		},
-		onReady() {
-			// #ifdef APP-PLUS
-			this.adOption = {
-				adpid: '1507000611'
-			};
-			// #endif
-			this.createAd();
-		},
-		methods: {
-			createAd() {
-				var _ad = this._ad = uni.createFullScreenVideoAd(this.adOption);
-				_ad.onLoad(() => {
-					this.loading = false;
-					this.loadError = false;
-					_ad.show();
-					console.log('onLoad event')
-				});
-				_ad.onClose((res) => {
-					// 用户点击了【关闭广告】按钮
-					if (res && res.isEnded) {
-						// 正常播放结束
-						console.log("onClose " + res.isEnded);
-					} else {
-						// 播放中途退出
-						console.log("onClose " + res.isEnded);
-					}
-
-					setTimeout(() => {
-						uni.showToast({
-							title: "全屏视频" + (res.isEnded ? "成功" : "未") + "播放完毕",
-							duration: 10000,
-							position: 'bottom'
-						})
-					}, 500)
-				});
-				_ad.onError((err) => {
-					this.loading = false;
-					if (err.code) {
-						this.loadError = true;
-					}
-					console.log('onError event', err)
-					uni.showToast({
-						title: err.errMsg,
-						position: 'bottom'
-					})
-				});
-			},
-			showAd() {
-				this.loading = true;
-				this._ad.load();
-			}
-		}
-	}
-</script>
-
-<style>
-	.btn {
-		margin-bottom: 20px;
-	}
-
-	.ad-tips {
-		color: #999;
-		padding: 30px 0;
-		text-align: center;
-	}
-</style>
diff --git a/pages/API/get-location/get-location.vue b/pages/API/get-location/get-location.vue
deleted file mode 100644
index 26dfd16..0000000
--- a/pages/API/get-location/get-location.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="uni-padding-wrap">
-            <view style="background:#FFFFFF; padding:40rpx;">
-                <view class="uni-hello-text uni-center">当前位置经纬度</view>
-                <block v-if="hasLocation === false">
-                    <view class="uni-h2 uni-center uni-common-mt">未获取</view>
-                </block>
-                <block v-if="hasLocation === true">
-                    <view class="uni-h2 uni-center uni-common-mt">
-                        <text>E: {{location.longitude[0]}}°{{location.longitude[1]}}′</text>
-                        <text>\nN: {{location.latitude[0]}}°{{location.latitude[1]}}′</text>
-                    </view>
-                </block>
-            </view>
-            <view class="uni-btn-v">
-                <button type="primary" @tap="getLocation">获取位置</button>
-                <button @tap="clear">清空</button>
-            </view>
-        </view>
-        <uni-popup :show="type === 'showpopup'" mode="fixed" @hidePopup="togglePopup('')">
-            <view class="popup-view">
-                <text class="popup-title">需要用户授权位置权限</text>
-                <view class="uni-flex popup-buttons">
-                    <button class="uni-flex-item" type="primary" open-type="openSetting" @tap="openSetting">设置</button>
-                    <button class="uni-flex-item" @tap="togglePopup('')">取消</button>
-                </view>
-            </view>
-        </uni-popup>
-    </view>
-</template>
-<script>
-    import * as util from '../../../common/util.js'
-    var formatLocation = util.formatLocation;
-    // #ifdef APP-PLUS
-    import permision from "@/common/permission.js"
-    // #endif
-
-    export default {
-        data() {
-            return {
-                title: 'getLocation',
-                hasLocation: false,
-                location: {},
-                type: ''
-            }
-        },
-        methods: {
-            togglePopup(type) {
-                this.type = type;
-            },
-            showConfirm() {
-                this.type = 'showpopup';
-            },
-            hideConfirm() {
-                this.type = '';
-            },
-            async getLocation() {
-                // #ifdef APP-PLUS
-                let status = await this.checkPermission();
-                if (status !== 1) {
-                    return;
-                }
-                // #endif
-                // #ifdef MP-WEIXIN || MP-TOUTIAO || MP-QQ
-                let status = await this.getSetting();
-                if (status === 2) {
-                    this.showConfirm();
-                    return;
-                }
-                // #endif
-
-                this.doGetLocation();
-            },
-            doGetLocation() {
-                uni.getLocation({
-                    success: (res) => {
-                        this.hasLocation = true;
-                        this.location = formatLocation(res.longitude, res.latitude);
-                    },
-                    fail: (err) => {
-                        // #ifdef MP-BAIDU
-                        if (err.errCode === 202 || err.errCode === 10003) { // 202模拟器 10003真机 user deny
-                            this.showConfirm();
-                        }
-                        // #endif
-                        // #ifndef MP-BAIDU
-                        if (err.errMsg.indexOf("auth deny") >= 0) {
-                            uni.showToast({
-                                title: "访问位置被拒绝"
-                            })
-                        } else {
-                            uni.showToast({
-                                title: err.errMsg
-                            })
-                        }
-                        // #endif
-                    }
-                })
-            },
-            getSetting: function() {
-                return new Promise((resolve, reject) => {
-                    uni.getSetting({
-                        success: (res) => {
-                            if (res.authSetting['scope.userLocation'] === undefined) {
-                                resolve(0);
-                                return;
-                            }
-                            if (res.authSetting['scope.userLocation']) {
-                                resolve(1);
-                            } else {
-                                resolve(2);
-                            }
-                        }
-                    });
-                });
-            },
-            openSetting: function() {
-                this.hideConfirm();
-                uni.openSetting({
-                    success: (res) => {
-                        if (res.authSetting && res.authSetting['scope.userLocation']) {
-                            this.doGetLocation();
-                        }
-                    },
-                    fail: (err) => {}
-                })
-            },
-            async checkPermission() {
-                let status = permision.isIOS ? await permision.requestIOS('location') :
-                    await permision.requestAndroid('android.permission.ACCESS_FINE_LOCATION');
-
-                if (status === null || status === 1) {
-                    status = 1;
-                } else if (status === 2) {
-                    uni.showModal({
-                        content: "系统定位已关闭",
-                        confirmText: "确定",
-                        showCancel: false,
-                        success: function(res) {
-                        }
-                    })
-                } else if (status.code) {
-                    uni.showModal({
-                        content: status.message
-                    })
-                } else {
-                    uni.showModal({
-                        content: "需要定位权限",
-                        confirmText: "设置",
-                        success: function(res) {
-                            if (res.confirm) {
-                                permision.gotoAppSetting();
-                            }
-                        }
-                    })
-                }
-
-                return status;
-            },
-            clear: function() {
-                this.hasLocation = false
-            }
-        }
-    }
-</script>
-
-<style>
-    .popup-view {
-        width: 500rpx;
-    }
-
-    .popup-title {
-        display: block;
-        font-size: 16px;
-        line-height: 3;
-        margin-bottom: 10px;
-        text-align: center;
-    }
-
-    .popup-buttons button {
-        margin-left: 4px;
-        margin-right: 4px;
-    }
-</style>
diff --git a/pages/API/get-network-type/get-network-type.vue b/pages/API/get-network-type/get-network-type.vue
deleted file mode 100644
index 740d99e..0000000
--- a/pages/API/get-network-type/get-network-type.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view style="background:#FFFFFF; padding:40rpx;">
-				<view class="uni-hello-text uni-center">网络状态</view>
-				<block v-if="hasNetworkType === false">
-					<view class="uni-h2 uni-center uni-common-mt">未获取</view>
-					<view class="uni-hello-text uni-center uni-common-mt">请点击下面按钮获取网络状态</view>
-				</block>
-				<block v-if="hasNetworkType === true">
-					<view class="uni-h2 uni-center uni-common-mt">{{networkType}}</view>
-				</block>
-				<view v-if="hasNetworkType === true && networkType === 'wifi'" class="uni-textarea uni-common-mt">
-					<textarea :value="connectedWifi"></textarea>
-				</view>
-			</view>
-			<view class="uni-btn-v uni-common-mt">
-				<button type="primary"  @tap="getNetworkType">获取设备网络状态</button>
-				<!-- #ifdef MP-WEIXIN  || MP-JD-->
-				<button v-if="hasNetworkType === true && networkType === 'wifi'" class="uni-common-mt" type="primary" @tap="getConnectedWifi">获取 wifi 信息</button>
-				<!-- #endif -->
-				<button class="uni-common-mt" @tap="clear">清空</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'getNetworkType',
-				hasNetworkType: false,
-				networkType: '',
-				connectedWifi: ''
-			}
-		},
-		onUnload:function(){
-			this.networkType = '',this.hasNetworkType = false;
-		},
-		methods: {
-			getNetworkType: function () {
-				uni.getNetworkType({
-					success: (res) => {
-						console.log(res)
-						this.hasNetworkType = true, this.networkType = res.subtype || res.networkType
-					},
-                    fail: () => {
-                        uni.showModal({
-                        	content:'获取失败！',
-                            showCancel:false
-                        })
-                    }
-				})
-			},
-			clear: function () {
-				this.hasNetworkType = false,
-				this.networkType = '',
-				this.connectedWifi = ''
-			},
-			// #ifdef MP-WEIXIN || MP-JD
-			getConnectedWifi() {
-				const that = this
-				uni.startWifi({
-					success: function() {
-						uni.getConnectedWifi({
-							success: function(res) {
-								const { wifi } = res
-								that.connectedWifi = JSON.stringify(wifi)
-							},
-							fail: function(res) {
-							}
-						})
-					},
-					fail: function(res) {
-					}
-				})
-			}
-			// #endif
-		}
-	}
-</script>
-
-<style>
-
-</style>
diff --git a/pages/API/get-node-info/get-node-info.vue b/pages/API/get-node-info/get-node-info.vue
deleted file mode 100644
index 870ab16..0000000
--- a/pages/API/get-node-info/get-node-info.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="movable block">
-				<!-- #ifndef MP-TOUTIAO -->
-				<movable-area>
-					<movable-view class="target" direction="all" @change="getNodeInfo">Drag</movable-view>
-				</movable-area>
-				<!-- #endif -->
-				<!-- #ifdef MP-TOUTIAO -->
-				<view class="target" @click="setPosition" :style="{top:top,left:left}">Click</view>
-				<!-- #endif -->
-			</view>
-			<view class="movable">
-				<view class="info">
-					<view v-for="(item,index) in info" :key="index">
-						<text class="b">{{item.key}}</text>
-						<text class="span">{{item.val}}</text>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: 'createSelectorQuery',
-				top: 0,
-				left: '0px',
-				info: []
-			}
-		},
-		onReady() {
-			this.getNodeInfo()
-		},
-		methods: {
-			setPosition() {
-				this.left = Math.random() * uni.upx2px(320) + 'px'
-				this.top = Math.random() * uni.upx2px(320) + 'px'
-				this.getNodeInfo()
-			},
-			getNodeInfo() {
-				uni.createSelectorQuery().select('.target').boundingClientRect().exec((ret) => {
-					const rect = ret[0]
-					if (rect) {
-                        const sort = ['left','right','top','bottom','width','height']
-						const info = []
-						for (let i in sort) {
-                            let key = sort[i]
-                            info.push({
-                                'key': key,
-                                'val': rect[key]
-                            })
-						}
-						this.info = info
-					}
-				});
-			}
-		},
-	}
-</script>
-
-<style>
-	.movable {
-		display: flex;
-		justify-content: center;
-	}
-
-	.block {
-		height: 400rpx;
-		width: 400rpx;
-		background-color: #FFFFFF;
-		border: 1px solid #ccc;
-		position: relative;
-		margin: 0 auto;
-		margin-bottom: 30rpx;
-	}
-
-	movable-area {
-		height: 400rpx;
-		width: 400rpx;
-		position: relative;
-	}
-
-	.target {
-		height: 80rpx;
-		width: 80rpx;
-		line-height: 80rpx;
-		text-align: center;
-		color: #FFFFFF;
-		background-color: #4cd964;
-		font-size: 28rpx;
-		position: absolute;
-	}
-
-	.info {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.b {
-		font-weight: bold;
-		width: 150rpx;
-		display: inline-block;
-	}
-
-	.span {
-		width: 100rpx;
-		display: inline-block;
-	}
-</style>
diff --git a/pages/API/get-system-info/get-system-info.vue b/pages/API/get-system-info/get-system-info.vue
deleted file mode 100644
index feac3b5..0000000
--- a/pages/API/get-system-info/get-system-info.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view class="uni-list">
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">设备型号</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.model"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">客户端平台</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.platform"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">操作系统版本</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.system"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">语言</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.language"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">版本</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.version"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">屏幕宽度</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.screenWidth"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">屏幕高度</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.screenHeight"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">可使用窗口高度</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowHeight"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">可使用窗口的顶部位置</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowTop"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">可使用窗口的底部位置</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowBottom"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">状态栏的高度</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.statusBarHeight"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">DPI</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.pixelRatio"/>
-					</view>
-				</view>
-				<!-- #ifdef MP -->
-				<view class="uni-list-cell">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">基础库版本</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.SDKVersion"/>
-					</view>
-				</view>
-				<!-- #endif -->
-			</view>
-			<view class="uni-padding-wrap">
-				<view class="uni-btn-v">
-					<button type="primary" @tap="getSystemInfo">获取设备系统信息</button>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'getSystemInfo',
-				systemInfo: {}
-			}
-		},
-		onUnload:function(){
-			this.systemInfo = {};
-		},
-		methods: {
-			getSystemInfo: function () {
-				uni.getSystemInfo({
-					success: (res) => {
-						this.systemInfo = res
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-pd {
-		padding-left: 30rpx;
-	}
-</style>
diff --git a/pages/API/get-user-info/get-user-info.vue b/pages/API/get-user-info/get-user-info.vue
deleted file mode 100644
index f3ac928..0000000
--- a/pages/API/get-user-info/get-user-info.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view style="background:#FFF; padding:40rpx;">
-				<block v-if="hasUserInfo === false">
-					<view class="uni-hello-text uni-center">
-						<text>请点击下方按钮获取用户头像及昵称或手机号</text>
-					</view>
-				</block>
-				<block v-if="hasUserInfo === true">
-					<view class="uni-h4 uni-center uni-common-mt">{{userInfo.nickName || userInfo.nickname || userInfo.gender || userInfo.email || userInfo.phoneNumber}}</view>
-					<view v-if="userInfo.avatarUrl || userInfo.avatar_url " style="padding:30rpx 0; text-align:center;">
-						<image class="userinfo-avatar" :src="userInfo.avatarUrl||userInfo.avatar_url"></image>
-					</view>
-				</block>
-			</view>
-			<view class="uni-btn-v">
-				<!-- #ifdef APP-PLUS || MP-ALIPAY || MP-TOUTIAO -->
-				<button type="primary" :loading="btnLoading" @click="getUserInfo">获取用户信息</button>
-				<!-- #endif -->
-				<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ  || MP-JD -->
-				<button type="primary" open-type="getUserInfo" @getuserinfo="mpGetUserInfo">获取用户信息</button>
-				<!-- #endif -->
-				<button @click="clear">清空</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	import {
-		mapState,
-		mapMutations,
-		mapActions
-	} from 'vuex'
-
-	export default {
-		data() {
-			return {
-				title: 'getUserInfo',
-				hasUserInfo: false,
-				userInfo: {},
-				btnLoading: false
-			}
-		},
-		computed: {
-			...mapState([
-				'loginProvider',
-				'isUniverifyLogin'
-			])
-		},
-		methods: {
-			...mapActions(['getPhoneNumber']),
-			// 获取用户信息 API 在小程序可直接使用，在 5+App 里面需要先登录才能调用
-			getUserInfo() {
-				this.btnLoading = true;
-				if (this.isUniverifyLogin) {
-					// 一键登录
-					this.getPhoneNumber(uni.getStorageSync('univerifyInfo')).then(phoneNumber => {
-						this.hasUserInfo = true;
-						this.userInfo = {
-							phoneNumber
-						};
-					}).catch(err => {
-						console.error('getUserInfo fail:', err);
-						this.hasUserInfo = false;
-					}).finally(() => {
-						this.btnLoading = false;
-					})
-					return;
-				}
-
-				if(this.loginProvider === 'apple'){
-					const nickname = uni.getStorageSync('apple_nickname')
-					if(nickname){
-						this.hasUserInfo = true;
-						this.userInfo = { nickName:nickname }
-						this.btnLoading = false;
-						return;
-					}
-				}
-
-				uni.getUserInfo({
-					provider: this.loginProvider,
-					success: (result) => {
-						this.hasUserInfo = true;
-						this.userInfo = result.userInfo;
-					},
-					fail: (error) => {
-						console.log('getUserInfo fail', error);
-						let content = error.errMsg;
-						if (~content.indexOf('uni.login')) {
-							content = '请在登录页面完成登录操作';
-						}
-						// #ifndef APP-PLUS
-						uni.getSetting({
-							success: (res) => {
-								let authStatus = res.authSetting['scope.userInfo'];
-								if (!authStatus) {
-									uni.showModal({
-										title: '授权失败',
-										content: 'Hello uni-app需要获取您的用户信息，请在设置界面打开相关权限',
-										success: (res) => {
-											if (res.confirm) {
-												uni.openSetting()
-											}
-										}
-									})
-								} else {
-									uni.showModal({
-										title: '获取用户信息失败',
-										content: '错误原因' + content,
-										showCancel: false
-									});
-								}
-							}
-						})
-						// #endif
-						// #ifdef APP-PLUS
-						uni.showModal({
-							title: '获取用户信息失败',
-							content: '错误原因' + content,
-							showCancel: false
-						});
-						// #endif
-					},
-					complete: () => {
-						this.btnLoading = false;
-					}
-				});
-			},
-			mpGetUserInfo(result) {
-				console.log('mpGetUserInfo', result);
-				if (result.detail.errMsg !== 'getUserInfo:ok') {
-					uni.showModal({
-						title: '获取用户信息失败',
-						content: '错误原因' + result.detail.errMsg,
-						showCancel: false
-					});
-					return;
-				}
-				this.hasUserInfo = true;
-				if(result.detail && result.detail.userInfo){
-					this.userInfo = result.detail.userInfo;
-				}else{
-					// #ifdef MP-JD
-					this.userInfo = result.detail.user_info;
-					// #endif
-				}
-			},
-			clear() {
-				this.hasUserInfo = false;
-				this.userInfo = {};
-			}
-		}
-	}
-</script>
-
-<style>
-	.userinfo-avatar {
-		border-radius: 128rpx;
-		width: 128rpx;
-		height: 128rpx;
-	}
-</style>
diff --git a/pages/API/ibeacon/ibeacon.vue b/pages/API/ibeacon/ibeacon.vue
deleted file mode 100644
index 0b19e4f..0000000
--- a/pages/API/ibeacon/ibeacon.vue
+++ /dev/null
@@ -1,300 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-btn-v">
-				<button type="primary" :disabled="isOpen" @click="openBluetoothAdapter">打开蓝牙模块</button>
-				<button type="primary" :disabled="!isOpen" @click="closeBluetoothAdapter">关闭蓝牙模块</button>
-				<button type="primary" :disabled="!isOpen || isStarted" :loading="isStarted" @click="startBeaconDiscovery">开始搜索附近的iBeacon设备</button>
-				<button type="primary" :disabled="!isStarted" @click="stopBeaconDiscovery">停止搜索附近的iBeacon设备</button>
-			</view>
-		</view>
-		<scroll-view class="uni-scroll_box">
-			<view class="uni-title" v-if="isStarted || deviceList.length > 0">已经发现 {{ deviceList.length }} 台设备:</view>
-			<view class="uni-list-box" v-for="(item, index) in deviceList" :key="item.uuid">
-				<view>
-					<view class="uni-list_name">UUID: {{ item.uuid }}</view>
-					<view class="uni-list_item">major: {{ item.major }}</view>
-					<view class="uni-list_item">minor: {{ item.minor }}</view>
-					<view class="uni-list_item">rssi: {{ item.rssi }} dBm</view>
-					<view class="uni-list_item">accuracy: {{ item.accuracy }}</view>
-					<view class="uni-list_item">heading: {{ item.heading }}</view>
-				</view>
-			</view>
-		</scroll-view>
-	</view>
-</template>
-<script>
-	const DEVICE_UUID_WEICHAT = 'FDA50693-A4E2-4FB1-AFCF-C6EB07647825';
-	export default {
-		data() {
-			return {
-				title: 'iBeacon',
-				isOpen: false,
-				isStarted: false,
-				deviceList: [],
-				isPageOpened: false
-			};
-		},
-		onLoad() {
-			this.onBeaconUpdate();
-		},
-		onShow() {
-			this.isPageOpened = true;
-		},
-		methods: {
-			maskclose() {
-				this.maskShow = false;
-			},
-			openBluetoothAdapter() {
-				uni.openBluetoothAdapter({
-					success: (res) => {
-						console.log('初始化蓝牙成功:' + res.errMsg);
-						console.log(res);
-						this.isOpen = true;
-						this.deviceList = [];
-					},
-					fail: (err) => {
-						console.log('初始化蓝牙失败，错误码：' + (err.errCode || err.errMsg));
-						if (err.errCode !== 0) {
-							initTypes(err.errCode, err.errMsg);
-						}
-					}
-				});
-			},
-			closeBluetoothAdapter(OBJECT) {
-				this.stopBeaconDiscovery();
-				wx.closeBluetoothAdapter({
-					success: (res) => {
-						this.isOpen = false;
-						console.log('断开蓝牙模块成功');
-					}
-				});
-			},
-			onBeaconUpdate() {
-				uni.onBeaconUpdate(res => {
-					if (!this.isPageOpened || !this.isOpen || !this.isStarted) {
-						return;
-					}
-					console.log(res);
-					// if (res.code !== 0) {
-					// 	return;
-					// }
-					if (res.beacons && res.beacons.length > 0) {
-						this.getBeacons();
-					} else if (!res.connected) {
-						this.deviceList = [];
-					}
-				});
-			},
-			startBeaconDiscovery() {
-				uni.startBeaconDiscovery({
-					uuids: this.getUUIDList(),
-					success: (res) => {
-						this.isStarted = true;
-						console.log(res);
-					},
-					fail: (err) => {
-						console.error(err);
-					}
-				});
-			},
-			stopBeaconDiscovery(types) {
-				if(this.isStarted) {
-					uni.stopBeaconDiscovery({
-						success: (res) => {
-							this.isStarted = false;
-						},
-						fail: (err) => {
-							console.error(err);
-						}
-					});
-				}
-			},
-			getBeacons() {
-				uni.getBeacons({
-					success: (res) => {
-						if (res.beacons && res.beacons.length > 0) {
-							console.log(res.beacons);
-							this.deviceList = res.beacons;
-						}
-					},
-					fail: (err) => {
-						console.log('获取设备服务失败，错误码：' + err.errCode);
-						if (errCode.errCode !== 0) {
-							initTypes(errCode.errCode);
-						}
-					}
-				});
-			},
-			getUUIDList() {
-				// #ifdef APP-PLUS
-				const sysInfo = uni.getSystemInfoSync();
-				if (!sysInfo) {
-					return [];
-				}
-				let isIOS = sysInfo.platform ? (sysInfo.platform.toLowerCase() === "ios") : false;
-				if (isIOS) {
-					return [DEVICE_UUID_WEICHAT];
-				}
-				return [];
-				// #endif
-
-				// #ifndef APP-PLUS
-				return [DEVICE_UUID_WEICHAT];
-				// #endif
-			}
-		},
-		onUnload() {
-			this.isPageOpened = false;
-		}
-	};
-
-	/**
-	 * 判断初始化蓝牙状态
-	 */
-	function initTypes(code, errMsg) {
-		switch (code) {
-			case 10000:
-				toast('未初始化蓝牙适配器');
-				break;
-			case 10001:
-				toast('未检测到蓝牙，请打开蓝牙重试！');
-				break;
-			case 10002:
-				toast('没有找到指定设备');
-				break;
-			case 10003:
-				toast('连接失败');
-				break;
-			case 10004:
-				toast('没有找到指定服务');
-				break;
-			case 10005:
-				toast('没有找到指定特征值');
-				break;
-			case 10006:
-				toast('当前连接已断开');
-				break;
-			case 10007:
-				toast('当前特征值不支持此操作');
-				break;
-			case 10008:
-				toast('其余所有系统上报的异常');
-				break;
-			case 10009:
-				toast('Android 系统特有，系统版本低于 4.3 不支持 BLE');
-				break;
-			default:
-				toast(errMsg);
-		}
-	}
-
-	/**
-	 * 弹出框封装
-	 */
-	function toast(content, showCancel = false) {
-		uni.showModal({
-			title: '提示',
-			content,
-			showCancel
-		});
-	}
-</script>
-
-<style>
-	.uni-title {
-		/* width: 100%; */
-		/* height: 80rpx; */
-		text-align: center;
-	}
-
-	.uni-mask {
-		position: fixed;
-		top: 0;
-		left: 0;
-		bottom: 0;
-		display: flex;
-		align-items: center;
-		width: 100%;
-		background: rgba(0, 0, 0, 0.6);
-		padding: 0 30rpx;
-		box-sizing: border-box;
-	}
-
-	.uni-scroll_box {
-		height: 70%;
-		background: #fff;
-		border-radius: 20rpx;
-	}
-
-	.uni-list-box {
-		margin: 0 20rpx;
-		padding: 15rpx 0;
-		border-bottom: 1px #f5f5f5 solid;
-		box-sizing: border-box;
-	}
-
-	.uni-list:last-child {
-		border: none;
-	}
-
-	.uni-list_name {
-		font-size: 30rpx;
-		color: #333;
-	}
-
-	.uni-list_item {
-		font-size: 24rpx;
-		color: #555;
-		line-height: 1.5;
-	}
-
-	.uni-success_box {
-		position: absolute;
-		left: 0;
-		bottom: 0;
-		min-height: 100rpx;
-		width: 100%;
-		background: #fff;
-		box-sizing: border-box;
-		border-top: 1px #eee solid;
-	}
-
-	.uni-success_sub {
-		/* width: 100%%; */
-		height: 100rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 0 30rpx;
-	}
-
-	.uni-close_button {
-		padding: 0 20rpx;
-		height: 60rpx;
-		line-height: 60rpx;
-		background: #ce3c39;
-		color: #ffffff;
-		border-radius: 10rpx;
-	}
-
-	.uni-success_content {
-		height: 600rpx;
-		margin: 30rpx;
-		margin-top: 0;
-		border: 1px #eee solid;
-		padding: 30rpx;
-	}
-
-	.uni-content_list {
-		padding-bottom: 10rpx;
-		border-bottom: 1px #f5f5f5 solid;
-	}
-
-	.uni-tips {
-		text-align: center;
-		font-size: 24rpx;
-		color: #666;
-	}
-</style>
diff --git a/pages/API/image/image.vue b/pages/API/image/image.vue
deleted file mode 100644
index 2427939..0000000
--- a/pages/API/image/image.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<form>
-				<view class="uni-list">
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">图片来源</view>
-						</view>
-						<view class="uni-list-cell-right">
-							<picker :range="sourceType" @change="sourceTypeChange" :value="sourceTypeIndex" mode="selector">
-								<view class="uni-input">{{sourceType[sourceTypeIndex]}}</view>
-							</picker>
-						</view>
-					</view>
-
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">图片质量</view>
-						</view>
-						<view class="uni-list-cell-right">
-							<picker :range="sizeType" @change="sizeTypeChange" :value="sizeTypeIndex" mode="selector">
-								<view class="uni-input">{{sizeType[sizeTypeIndex]}}</view>
-							</picker>
-						</view>
-					</view>
-
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">数量限制</view>
-						</view>
-						<view class="uni-list-cell-right">
-							<picker :range="count" @change="countChange" mode="selector">
-								<view class="uni-input">{{count[countIndex]}}</view>
-							</picker>
-						</view>
-					</view>
-				</view>
-
-
-				<view class="uni-list list-pd">
-					<view class="uni-list-cell cell-pd">
-						<view class="uni-uploader">
-							<view class="uni-uploader-head">
-								<view class="uni-uploader-title">点击可预览选好的图片</view>
-								<view class="uni-uploader-info">{{imageList.length}}/9</view>
-							</view>
-							<view class="uni-uploader-body">
-								<view class="uni-uploader__files">
-									<block v-for="(image,index) in imageList" :key="index">
-										<view class="uni-uploader__file">
-											<image class="uni-uploader__img" :src="image" :data-src="image" @tap="previewImage"></image>
-										</view>
-									</block>
-									<view class="uni-uploader__input-box">
-										<view class="uni-uploader__input" @tap="chooseImage"></view>
-									</view>
-								</view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</form>
-		</view>
-	</view>
-</template>
-<script>
-	import permision from "@/common/permission.js"
-	var sourceType = [
-		['camera'],
-		['album'],
-		['camera', 'album']
-	]
-	var sizeType = [
-		['compressed'],
-		['original'],
-		['compressed', 'original']
-	]
-	export default {
-		data() {
-			return {
-				title: 'choose/previewImage',
-				imageList: [],
-				sourceTypeIndex: 2,
-				sourceType: ['拍照', '相册', '拍照或相册'],
-				sizeTypeIndex: 2,
-				sizeType: ['压缩', '原图', '压缩或原图'],
-				countIndex: 8,
-				count: [1, 2, 3, 4, 5, 6, 7, 8, 9]
-			}
-		},
-		onUnload() {
-			this.imageList = [],
-				this.sourceTypeIndex = 2,
-				this.sourceType = ['拍照', '相册', '拍照或相册'],
-				this.sizeTypeIndex = 2,
-				this.sizeType = ['压缩', '原图', '压缩或原图'],
-				this.countIndex = 8;
-		},
-		methods: {
-			sourceTypeChange: function(e) {
-				this.sourceTypeIndex = parseInt(e.detail.value)
-			},
-			sizeTypeChange: function(e) {
-				this.sizeTypeIndex = parseInt(e.detail.value)
-			},
-			countChange: function(e) {
-				this.countIndex = e.detail.value;
-			},
-			chooseImage: async function() {
-				// #ifdef APP-PLUS
-				// TODO 选择相机或相册时 需要弹出actionsheet，目前无法获得是相机还是相册，在失败回调中处理
-				if (this.sourceTypeIndex !== 2) {
-					let status = await this.checkPermission();
-					if (status !== 1) {
-						return;
-					}
-				}
-				// #endif
-
-				if (this.imageList.length === 9) {
-					let isContinue = await this.isFullImg();
-					console.log("是否继续?", isContinue);
-					if (!isContinue) {
-						return;
-					}
-				}
-				uni.chooseImage({
-					sourceType: sourceType[this.sourceTypeIndex],
-					sizeType: sizeType[this.sizeTypeIndex],
-					count: this.imageList.length + this.count[this.countIndex] > 9 ? 9 - this.imageList.length : this.count[this.countIndex],
-					success: (res) => {
-						this.imageList = this.imageList.concat(res.tempFilePaths);
-					},
-					fail: (err) => {
-						console.log("err: ",err);
-						// #ifdef APP-PLUS
-						if (err['code'] && err.code !== 0 && this.sourceTypeIndex === 2) {
-							this.checkPermission(err.code);
-						}
-						// #endif
-						// #ifdef MP
-						if(err.errMsg.indexOf('cancel') !== '-1'){
-							return;
-						}
-						uni.getSetting({
-							success: (res) => {
-								let authStatus = false;
-								switch (this.sourceTypeIndex) {
-									case 0:
-										authStatus = res.authSetting['scope.camera'];
-										break;
-									case 1:
-										authStatus = res.authSetting['scope.album'];
-										break;
-									case 2:
-										authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];
-										break;
-									default:
-										break;
-								}
-								if (!authStatus) {
-									uni.showModal({
-										title: '授权失败',
-										content: 'Hello uni-app需要从您的相机或相册获取图片，请在设置界面打开相关权限',
-										success: (res) => {
-											if (res.confirm) {
-												uni.openSetting()
-											}
-										}
-									})
-								}
-							}
-						})
-						// #endif
-					}
-				})
-			},
-			isFullImg: function() {
-				return new Promise((res) => {
-					uni.showModal({
-						content: "已经有9张图片了,是否清空现有图片？",
-						success: (e) => {
-							if (e.confirm) {
-								this.imageList = [];
-								res(true);
-							} else {
-								res(false)
-							}
-						},
-						fail: () => {
-							res(false)
-						}
-					})
-				})
-			},
-			previewImage: function(e) {
-				var current = e.target.dataset.src
-				uni.previewImage({
-					current: current,
-					urls: this.imageList
-				})
-			},
-			async checkPermission(code) {
-				let type = code ? code - 1 : this.sourceTypeIndex;
-				let status = permision.isIOS ? await permision.requestIOS(sourceType[type][0]) :
-					await permision.requestAndroid(type === 0 ? 'android.permission.CAMERA' :
-						'android.permission.READ_EXTERNAL_STORAGE');
-
-				if (status === null || status === 1) {
-					status = 1;
-				} else {
-					uni.showModal({
-						content: "没有开启权限",
-						confirmText: "设置",
-						success: function(res) {
-							if (res.confirm) {
-								permision.gotoAppSetting();
-							}
-						}
-					})
-				}
-
-				return status;
-			}
-		}
-	}
-</script>
-
-<style>
-	.cell-pd {
-		padding: 22rpx 30rpx;
-	}
-
-	.list-pd {
-		margin-top: 50rpx;
-	}
-</style>
diff --git a/pages/API/inner-audio/inner-audio.vue b/pages/API/inner-audio/inner-audio.vue
deleted file mode 100644
index ba6a2c2..0000000
--- a/pages/API/inner-audio/inner-audio.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-	<view class="uni-padding-wrap">
-		<page-head title="audio"></page-head>
-		<view class="uni-common-mt">
-			<slider :value="position" :min="0" :max="duration" @changing="onchanging" @change="onchange"></slider>
-		</view>
-		<!-- <view class="uni-common-mt play-time-area">
-			<text class="current-time">{{currentTime}}</text>
-			<text class="duration">{{duration}}</text>
-		</view> -->
-		<view class="play-button-area">
-			<image class="icon-play" :src="playImage" @click="play"></image>
-		</view>
-	</view>
-</template>
-<script>
-	const audioUrl = 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3'
-	export default {
-		data() {
-			return {
-				title: "innerAudioContext",
-				isPlaying: false,
-				isPlayEnd: false,
-				currentTime: 0,
-				duration: 100
-			}
-		},
-		computed: {
-			position() {
-				return this.isPlayEnd ? 0 : this.currentTime;
-			},
-			playImage() {
-				return this.isPlaying ? "/static/pause.png" : "/static/play.png"
-			}
-		},
-		onLoad() {
-			this._isChanging = false;
-			this._audioContext = null;
-			this.createAudio();
-		},
-		onUnload() {
-			if (this._audioContext != null && this.isPlaying) {
-				this.stop();
-			}
-		},
-		methods: {
-			createAudio() {
-				var innerAudioContext = this._audioContext = uni.createInnerAudioContext();
-				innerAudioContext.autoplay = false;
-				innerAudioContext.src = audioUrl;
-				innerAudioContext.onPlay(() => {
-					console.log('开始播放');
-				});
-				innerAudioContext.onTimeUpdate((e) => {
-					if (this._isChanging === true) {
-						return;
-					}
-					this.currentTime = innerAudioContext.currentTime || 0;
-					this.duration = innerAudioContext.duration || 0;
-				});
-				innerAudioContext.onEnded(() => {
-					this.currentTime = 0;
-					this.isPlaying = false;
-					this.isPlayEnd = true;
-				});
-				innerAudioContext.onError((res) => {
-					this.isPlaying = false;
-					console.log(res.errMsg);
-					console.log(res.errCode);
-				});
-				return innerAudioContext;
-			},
-			onchanging() {
-				this._isChanging = true;
-			},
-			onchange(e) {
-				console.log(e.detail.value);
-				console.log(typeof e.detail.value);
-				this._audioContext.seek(e.detail.value);
-				this._isChanging = false;
-			},
-			play() {
-				if (this.isPlaying) {
-					this.pause();
-					return;
-				}
-				this.isPlaying = true;
-				this._audioContext.play();
-				this.isPlayEnd = false;
-			},
-			pause() {
-				this._audioContext.pause();
-				this.isPlaying = false;
-			},
-			stop() {
-				this._audioContext.stop();
-				this.isPlaying = false;
-			}
-		}
-	}
-</script>
-<style>
-	.play-time-area {
-		display: flex;
-		flex-direction: row;
-		margin-top: 20px;
-	}
-
-	.duration {
-		margin-left: auto;
-	}
-
-	.play-button-area {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		margin-top: 50px;
-	}
-
-	.icon-play {
-		width: 60px;
-		height: 60px;
-	}
-</style>
diff --git a/pages/API/intersection-observer/intersection-observer.vue b/pages/API/intersection-observer/intersection-observer.vue
deleted file mode 100644
index 80e5d9b..0000000
--- a/pages/API/intersection-observer/intersection-observer.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title uni-common-mt">
-				{{appear ? '小球出现' : '小球消失'}}
-			</view>
-			<scroll-view class="scroll-view" scroll-y>
-				<view class="scroll-area">
-					<text class="notice">向下滚动让小球出现</text>
-					<view class="ball"></view>
-				</view>
-			</scroll-view>
-		</view>
-	</view>
-</template>
-<script>
-	let observer = null;
-	export default {
-		data() {
-			return {
-				appear: false,
-				title:'intersectionObserver'
-			}
-		},
-		onReady() {
-			observer = uni.createIntersectionObserver(this);
-			observer.relativeTo('.scroll-view').observe('.ball', (res) => {
-				if (res.intersectionRatio > 0 && !this.appear) {
-					this.appear = true;
-				} else if (!res.intersectionRatio > 0 && this.appear) {
-					this.appear = false;
-				}
-			})
-		},
-		onUnload() {
-			if (observer) {
-				observer.disconnect()
-			}
-		}
-	}
-</script>
-<style>
-	.scroll-view {
-		height: 400rpx;
-		background: #fff;
-		border: 1px solid #ccc;
-		box-sizing: border-box;
-	}
-
-	.scroll-area {
-		height: 1300rpx;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.notice {
-		margin-top: 150rpx;
-		margin: 150rpx 0 400rpx 0;
-	}
-
-	.ball {
-		width: 200rpx;
-		height: 200rpx;
-		background: #4cd964;
-		border-radius: 50%;
-	}
-</style>
diff --git a/pages/API/login/login.vue b/pages/API/login/login.vue
deleted file mode 100644
index 9ab812f..0000000
--- a/pages/API/login/login.vue
+++ /dev/null
@@ -1,322 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view style="background:#FFF; padding:40rpx;">
-				<block v-if="hasLogin === true">
-					<view class="uni-h3 uni-center uni-common-mt">已登录
-						<text v-if="isUniverifyLogin" style="font-size: 0.8em;">
-							<i v-if="!phoneNumber.length" class="uni-icon_toast uni-loading"></i>
-							<i v-else>（{{phoneNumber}}）</i>
-						</text>
-					</view>
-					<view class="uni-hello-text uni-center">
-						<text>每个账号仅需登录 1 次，\n后续每次进入页面即可自动拉取用户信息。</text>
-					</view>
-				</block>
-				<block v-if="hasLogin === false">
-					<view class="uni-h3 uni-center uni-common-mt">未登录</view>
-					<view class="uni-hello-text uni-center">
-						请点击按钮登录
-					</view>
-				</block>
-			</view>
-			<view class="uni-btn-v uni- uni-common-mt">
-				<!-- #ifdef MP-TOUTIAO  -->
-				<button type="primary" class="page-body-button" v-for="(value,key) in providerList" @click="tologin(value)" :key="key">
-					登录
-				</button>
-				<!-- #endif -->
-				<!-- #ifndef MP-TOUTIAO -->
-				<button type="primary" class="page-body-button" v-for="(value,key) in providerList" @click="tologin(value)"
-				 :loading="value.id === 'univerify' ? univerifyBtnLoading : false" :key="key">{{value.name}}</button>
-				<!-- #endif -->
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	import {
-		mapState,
-		mapMutations,
-		mapActions
-	} from 'vuex'
-	const univerifyInfoKey = 'univerifyInfo';
-
-	export default {
-		data() {
-			return {
-				title: 'login',
-				providerList: [],
-				phoneNumber: '',
-				univerifyBtnLoading: false
-			}
-		},
-		computed: {
-			...mapState(['hasLogin', 'isUniverifyLogin', 'univerifyErrorMsg'])
-		},
-		onLoad() {
-			uni.getProvider({
-				service: 'oauth',
-				success: (result) => {
-					this.providerList = result.provider.map((value) => {
-						let providerName = '';
-						switch (value) {
-							case 'weixin':
-								providerName = '微信登录'
-								break;
-							case 'qq':
-								providerName = 'QQ登录'
-								break;
-							case 'sinaweibo':
-								providerName = '新浪微博登录'
-								break;
-							case 'xiaomi':
-								providerName = '小米登录'
-								break;
-							case 'alipay':
-								providerName = '支付宝登录'
-								break;
-							case 'baidu':
-								providerName = '百度登录'
-								break;
-							case 'jd':
-							  providerName = '京东登录'
-							  break;
-							case 'toutiao':
-								providerName = '头条登录'
-								break;
-							case 'apple':
-								providerName = '苹果登录'
-								break;
-							case 'univerify':
-								providerName = '一键登录'
-								break;
-						}
-						return {
-							name: providerName,
-							id: value
-						}
-					});
-
-				},
-				fail: (error) => {
-					console.log('获取登录通道失败', error);
-				}
-			});
-
-			if (this.hasLogin && this.isUniverifyLogin) {
-				this.getPhoneNumber(uni.getStorageSync(univerifyInfoKey)).then((phoneNumber) => {
-					this.phoneNumber = phoneNumber
-				})
-			}
-		},
-		methods: {
-			...mapMutations(['login', 'setUniverifyLogin']),
-			...mapActions(['getPhoneNumber']),
-			Toast(data, duration = 1000) {
-				uni.showToast(Object.assign({}, data, {
-					duration
-				}))
-			},
-			tologin(provider) {
-				if (provider.id === 'univerify') {
-					this.univerifyBtnLoading = true;
-				}
-
-				// 一键登录已在APP onLaunch的时候进行了预登陆，可以显著提高登录速度。登录成功后，预登陆状态会重置
-				uni.login({
-					provider: provider.id,
-					// #ifdef MP-ALIPAY
-					scopes: 'auth_user', //支付宝小程序需设置授权类型
-					// #endif
-					success: async (res) => {
-						console.log('login success:', res);
-						this.Toast({
-							title: '登录成功'
-						})
-						// 更新保存在 store 中的登录状态
-						this.login(provider.id);
-
-						// #ifdef APP-PLUS
-						this.setUniverifyLogin(provider.id === 'univerify')
-						switch (provider.id) {
-							case 'univerify':
-								this.loginByUniverify(provider.id, res)
-								break;
-							case 'apple':
-								this.loginByApple(provider.id, res)
-								break;
-						}
-						// #endif
-
-						// #ifdef MP-WEIXIN
-						console.warn('如需获取openid请参考uni-id: https://uniapp.dcloud.net.cn/uniCloud/uni-id')
-						uni.request({
-							url: 'https://97fca9f2-41f6-449f-a35e-3f135d4c3875.bspapp.com/http/user-center',
-							method: 'POST',
-							data: {
-								action: 'loginByWeixin',
-								params: {
-									code: res.code,
-									platform: 'mp-weixin'
-								}
-							},
-							success(res) {
-								console.log(res);
-								if (res.data.code !== 0) {
-									console.log('获取openid失败：', res.data.errMsg);
-									return
-								}
-								uni.setStorageSync('openid', res.data.openid)
-							},
-							fail(err) {
-								console.log('获取openid失败：', err);
-							}
-						})
-						// #endif
-					},
-					fail: (err) => {
-						console.log('login fail:', err);
-
-						// 一键登录点击其他登录方式
-						if (err.code == '30002') {
-							uni.closeAuthView();
-							this.Toast({
-								title: '其他登录方式'
-							})
-							return;
-						}
-
-						// 未开通
-						if (err.code == 1000) {
-							uni.showModal({
-								title: '登录失败',
-								content: `${err.errMsg}\n，错误码：${err.code}`,
-								confirmText: '开通指南',
-								cancelText: '确定',
-								success: (res) => {
-									if (res.confirm) {
-										setTimeout(() => {
-											plus.runtime.openWeb('https://ask.dcloud.net.cn/article/37965')
-										}, 500)
-									}
-								}
-							});
-							return;
-						}
-
-						// 一键登录预登陆失败
-						if (err.code == '30005') {
-							uni.showModal({
-								showCancel: false,
-								title: '预登录失败',
-								content: this.univerifyErrorMsg || err.errMsg
-							});
-							return;
-						}
-
-						// 一键登录用户关闭验证界面
-						if (err.code != '30003') {
-							uni.showModal({
-								showCancel: false,
-								title: '登录失败',
-								content: JSON.stringify(err)
-							});
-						}
-					},
-					complete: () => {
-						this.univerifyBtnLoading = false;
-					}
-				});
-			},
-			loginByUniverify(provider, res) {
-				this.setUniverifyLogin(true);
-				uni.closeAuthView();
-
-				const univerifyInfo = {
-					provider,
-					...res.authResult,
-				}
-
-				this.getPhoneNumber(univerifyInfo).then((phoneNumber) => {
-					this.phoneNumber = phoneNumber;
-					uni.setStorageSync(univerifyInfoKey, univerifyInfo)
-				}).catch(err => {
-					uni.showModal({
-						showCancel: false,
-						title: '手机号获取失败',
-						content: `${err.errMsg}\n，错误码：${err.code}`
-					})
-					console.error(res);
-				})
-			},
-			async loginByApple(provider, res) {
-				// 获取用户信息
-				let getUserInfoErr, result
-				// #ifndef VUE3
-				[getUserInfoErr, result] = await uni.getUserInfo({
-					provider
-				});
-				// #endif
-				
-				// #ifdef VUE3
-				try {
-					result = await uni.getUserInfo({
-						provider
-					});
-				} catch(e) {
-					getUserInfoErr = e
-				}
-				// #endif
-				
-				if (getUserInfoErr) {
-					let content = getUserInfoErr.errMsg;
-					if (~content.indexOf('uni.login')) {
-						content = '请在登录页面完成登录操作';
-					}
-					uni.showModal({
-						title: '获取用户信息失败',
-						content: '错误原因' + content,
-						showCancel: false
-					});
-				}
-				// uni-id 苹果登录
-				console.warn('此处使用uni-id处理苹果登录，详情参考: https://uniapp.dcloud.net.cn/uniCloud/uni-id')
-				uni.request({
-					url: 'https://97fca9f2-41f6-449f-a35e-3f135d4c3875.bspapp.com/http/user-center',
-					method: 'POST',
-					data: {
-						action: 'loginByApple',
-						params: result.userInfo
-					},
-					success: (res) => {
-						console.log('uniId login success', res);
-						if(res.data.code !== 0){
-							uni.showModal({
-								showCancel: false,
-								content: `苹果登录失败: ${JSON.stringify(res.data.msg)}`,
-							})
-						} else {
-							uni.setStorageSync('openid', res.data.openid)
-							uni.setStorageSync('apple_nickname', res.data.userInfo.nickname)
-						}
-					},
-					fail: (e) => {
-						uni.showModal({
-							content: `苹果登录失败: ${JSON.stringify(e)}`,
-							showCancel: false
-						})
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	button {
-		background-color: #007aff;
-		color: #ffffff;
-	}
-</style>
diff --git a/pages/API/make-phone-call/make-phone-call.vue b/pages/API/make-phone-call/make-phone-call.vue
deleted file mode 100644
index 0e3cdee..0000000
--- a/pages/API/make-phone-call/make-phone-call.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-hello-text uni-center">请在下方输入电话号码</view>
-			<input class="input uni-common-mt" type="number" name="input" @input="bindInput" />
-			<view class="uni-btn-v uni-common-mt">
-				<button @tap="makePhoneCall" type="primary" :disabled="disabled">拨打</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'makePhoneCall',
-				disabled: true
-			}
-		},
-		methods: {
-			bindInput: function (e) {
-				this.inputValue = e.detail.value
-				if (this.inputValue.length > 0) {
-					this.disabled = false
-				} else {
-					this.disabled = true
-				}
-			},
-			makePhoneCall: function () {
-				uni.makePhoneCall({
-					phoneNumber: this.inputValue,
-					success: () => {
-						console.log("成功拨打电话")
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.input {
-		height: 119rpx;
-		line-height: 119rpx;
-		font-size: 78rpx;
-		border-bottom: 1rpx solid #E2E2E2;
-		text-align:center;
-	}
-</style>
diff --git a/pages/API/map-search/map-search.nvue b/pages/API/map-search/map-search.nvue
deleted file mode 100644
index 9dc8ef6..0000000
--- a/pages/API/map-search/map-search.nvue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-    <view class="content">
-        <map class="map" ref="dcmap" :markers="markers" @tap="selectPoint"></map>
-        <scroll-view class="scrollview" scroll-y="true">
-            <button class="button" @click="reverseGeocode">reverseGeocode</button>
-            <button class="button" @click="poiSearchNearBy">poiSearchNearBy</button>
-        </scroll-view>
-    </view>
-</template>
-
-<script>
-    // 116.397477,39.908692
-    let mapSearch = weex.requireModule('mapSearch')
-    export default {
-        data() {
-            return {
-                markers: [{
-                    id: '1',
-                    latitude: 39.9086920000,
-                    longitude: 116.3974770000,
-                    title: '天安门',
-                    zIndex: '1',
-                    iconPath: '/static/gps.png',
-                    width: 20,
-                    height: 20,
-                    anchor: {
-                        x: 0.5,
-                        y: 1
-                    },
-                    callout: {
-                        content: '首都北京\n天安门',
-                        color: '#00BFFF',
-                        fontSize: 12,
-                        borderRadius: 2,
-                        borderWidth: 0,
-                        borderColor: '#333300',
-                        bgColor: '#CCFF11',
-                        padding: '1',
-                        display: 'ALWAYS'
-                    }
-                }]
-            }
-        },
-        methods: {
-            selectPoint(e) {
-                console.log(e);
-            },
-            reverseGeocode() {
-                var point = this.markers[0]
-                mapSearch.reverseGeocode({
-                    point: {
-                        latitude: point.latitude,
-                        longitude: point.longitude
-                    }
-                }, ret => {
-                    console.log(JSON.stringify(ret));
-                    uni.showModal({
-                        content: JSON.stringify(ret)
-                    })
-                })
-            },
-            poiSearchNearBy() {
-                var point = this.markers[0]
-                mapSearch.poiSearchNearBy({
-                    point: {
-                        latitude: point.latitude,
-                        longitude: point.longitude
-                    },
-                    key: '停车场',
-                    radius: 1000
-                }, ret => {
-                    console.log(ret);
-                    uni.showModal({
-                        content: JSON.stringify(ret)
-                    })
-                })
-
-            }
-        }
-    }
-</script>
-
-<style>
-    .content {
-        flex: 1;
-    }
-
-    .map {
-        width: 750rpx;
-        height: 500rpx;
-        background-color: black;
-    }
-
-    .scrollview {
-        flex: 1;
-    }
-
-    .button {
-        margin-top: 30rpx;
-        margin-bottom: 20rpx;
-    }
-</style>
diff --git a/pages/API/map/map.nvue b/pages/API/map/map.nvue
deleted file mode 100644
index e9d0d4c..0000000
--- a/pages/API/map/map.nvue
+++ /dev/null
@@ -1,447 +0,0 @@
-<template>
-    <view class="content">
-        <map class="map" id="map1" ref="map1" :controls="controls" :scale="scale" :longitude="location.longitude"
-            :latitude="location.latitude" :show-location="showLocation" :enable-3D="enable3D" :rotate="rotate" :skew="skew"
-            :show-compass="showCompass" :enable-overlooking="enableOverlooking" :enable-zoom="enableZoom"
-            :enable-scroll="enableScroll" :enable-rotate="enableRotate" :enable-satellite="enableSatellite"
-            :enable-traffic="enableTraffic" :markers="markers" :polyline="polyline" :circles="circles" :polygons="polygons"
-            :include-points="includePoints" @tap="maptap" @controltap="oncontroltap" @markertap="onmarkertap"
-            @callouttap="oncallouttap" @poitap="onpoitap" @updated="onupdated" @regionchange="onregionchange"></map>
-        <scroll-view class="scrollview" scroll-y="true">
-            <!-- <view class="list-item">
-                <text class="list-text">显示3D楼块</text>
-                <switch :checked="enable3D" @change="enableThreeD" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">显示指南针</text>
-                <switch :checked="showCompass" @change="changeShowCompass" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">开启俯视</text>
-                <switch :checked="enableOverlooking" @change="changeEnableOverlooking" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">是否支持缩放</text>
-                <switch :checked="enableZoom" @change="changeEnableZoom" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">是否支持拖动</text>
-                <switch :checked="enableScroll" @change="changeEnableScroll" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">是否支持旋转</text>
-                <switch :checked="enableRotate" @change="changeEnableRotate" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">是否开启卫星图</text>
-                <switch :checked="enableSatellite" @change="changeEnableSatellite" />
-            </view>
-            <view class="list-item">
-                <text class="list-text">是否开启实时路况</text>
-                <switch :checked="enableTraffic" @change="changeEnableTraffic" />
-            </view> -->
-				<!-- #ifndef MP-JD -->
-            <button class="button" @click="changeScale">changeScale</button>
-            <button class="button" @click="changeRotate">changeRotate</button>
-				<button class="button" @click="changeSkew">skew</button>
-				<!-- #endif -->
-            <button class="button" @click="addMarkers">addMarkers</button>
-            <button class="button" @click="addPolyline">addPolyline</button>
-				<!-- #ifndef MP-JD -->
-            <button class="button" @click="addPolygons">addPolygons</button>
-				<!-- #endif -->
-            <button class="button" @click="addCircles">addCircles</button>
-            <button class="button" @click="includePoint">includePoints</button>
-            <button class="button" @click="handleGetCenterLocation">getCenterLocation</button>
-            <button class="button" @click="handleGetRegion">getRegion</button>
-				<!-- #ifndef MP-JD -->
-            <button class="button" @click="handleTranslateMarker">translateMarker</button>
-				<!-- #endif -->
-        </scroll-view>
-    </view>
-</template>
-
-<script>
-    const testMarkers = [{
-            id: 0,
-            latitude: 39.989631,
-            longitude: 116.481018,
-            title: '方恒国际 阜通东大街6号',
-            zIndex: '1',
-            rotate: 0,
-            width: 20,
-            height: 20,
-            anchor: {
-                x: 0.5,
-                y: 1
-            },
-            callout: {
-                content: '方恒国际 阜通东大街6号',
-                color: '#00BFFF',
-                fontSize: 10,
-                borderRadius: 4,
-                borderWidth: 1,
-                borderColor: '#333300',
-                bgColor: '#CCFF99',
-                padding: '5',
-                display: 'ALWAYS'
-            }
-        },
-        {
-            id: 1,
-            latitude: 39.9086920000,
-            longitude: 116.3974770000,
-            title: '天安门',
-            zIndex: '1',
-            iconPath: '/static/location.png',
-            width: 40,
-            height: 40,
-            anchor: {
-                x: 0.5,
-                y: 1
-            },
-            callout: {
-                content: '首都北京\n天安门',
-                color: '#00BFFF',
-                fontSize: 12,
-                borderRadius: 2,
-                borderWidth: 0,
-                borderColor: '#333300',
-                bgColor: '#CCFF11',
-                padding: '1',
-                display: 'ALWAYS'
-            }
-        }
-    ];
-    const testPolyline = [{
-            points: [{
-                    latitude: 39.925539,
-                    longitude: 116.279037
-                },
-                {
-                    latitude: 39.925539,
-                    longitude: 116.520285
-                }
-            ],
-            color: '#FFCCFF',
-            width: 7,
-            dottedLine: true,
-            arrowLine: true,
-            borderColor: '#000000',
-            borderWidth: 2
-        },
-        {
-            points: [{
-                    latitude: 39.938698,
-                    longitude: 116.275177
-                },
-                {
-                    latitude: 39.966069,
-                    longitude: 116.289253
-                },
-                {
-                    latitude: 39.944226,
-                    longitude: 116.306076
-                },
-                {
-                    latitude: 39.966069,
-                    longitude: 116.322899
-                },
-                {
-                    latitude: 39.938698,
-                    longitude: 116.336975
-                }
-            ],
-            color: '#CCFFFF',
-            width: 5,
-            dottedLine: true,
-            arrowLine: true,
-            borderColor: '#CC0000',
-            borderWidth: 3
-        }
-    ];
-    const testPolygons = [{
-            points: [{
-                    latitude: 39.781892,
-                    longitude: 116.293413
-                },
-                {
-                    latitude: 39.787600,
-                    longitude: 116.391842
-                },
-                {
-                    latitude: 39.733187,
-                    longitude: 116.417932
-                },
-                {
-                    latitude: 39.704653,
-                    longitude: 116.338255
-                }
-            ],
-            fillColor: '#FFCCFF',
-            strokeWidth: 3,
-            strokeColor: '#CC99CC',
-            zIndex: 11
-        },
-        {
-            points: [{
-                    latitude: 39.887600,
-                    longitude: 116.518932
-                },
-                {
-                    latitude: 39.781892,
-                    longitude: 116.518932
-                },
-                {
-                    latitude: 39.781892,
-                    longitude: 116.428932
-                },
-                {
-                    latitude: 39.887600,
-                    longitude: 116.428932
-                }
-            ],
-            fillColor: '#CCFFFF',
-            strokeWidth: 5,
-            strokeColor: '#CC0000',
-            zIndex: 3
-        }
-    ];
-    const testCircles = [{
-            latitude: 39.996441,
-            longitude: 116.411146,
-            radius: 15000,
-            strokeWidth: 5,
-            color: '#CCFFFF',
-            fillColor: '#CC0000'
-        },
-        {
-            latitude: 40.096441,
-            longitude: 116.511146,
-            radius: 12000,
-            strokeWidth: 3,
-            color: '#CCFFFF',
-            fillColor: '#FFCCFF'
-        },
-        {
-            latitude: 39.896441,
-            longitude: 116.311146,
-            radius: 9000,
-            strokeWidth: 1,
-            color: '#CCFFFF',
-            fillColor: '#CC0000'
-        }
-    ];
-    const testIncludePoints = [{
-            latitude: 39.989631,
-            longitude: 116.481018,
-        },
-        {
-            latitude: 39.9086920000,
-            longitude: 116.3974770000,
-        }
-    ];
-    export default {
-        data() {
-            return {
-                location: {
-                    longitude: 116.3974770000,
-                    latitude: 39.9086920000
-                },
-                controls: [{
-                    id: 1,
-                    position: {
-                        left: 5,
-                        top: 180,
-                        width: 30,
-                        height: 30
-                    },
-                    iconPath: '/static/logo.png',
-                    clickable: true
-                }],
-                showLocation: false,
-                scale: 13,
-                showCompass: true,
-                enable3D: true,
-                enableOverlooking: true,
-                enableZoom: true,
-                enableScroll: true,
-                enableRotate: true,
-                enableSatellite: false,
-                enableTraffic: false,
-                polyline: [],
-                markers: [],
-                polygons: [],
-                circles: [],
-                includePoints: [],
-                rotate: 0,
-                skew: 0
-            }
-        },
-        onLoad() {},
-        onReady() {
-            this.map = uni.createMapContext("map1", this);
-        },
-        methods: {
-			  // #ifndef MP-JD
-            changeScale() {
-                this.scale = this.scale == 9 ? 15 : 9;
-            },
-            changeRotate() {
-                this.rotate = this.rotate == 90 ? 0 : 90;
-            },
-				changeSkew() {
-				    this.skew = this.skew == 30 ? 0 : 30;
-				},
-				// #endif
-            enableThreeD(e) {
-                this.enable3D = e.detail.value;
-            },
-            changeShowCompass(e) {
-                this.showCompass = e.detail.value;
-            },
-            changeEnableOverlooking(e) {
-                this.enableOverlooking = e.detail.value;
-            },
-            changeEnableZoom(e) {
-                this.enableZoom = e.detail.value;
-            },
-            changeEnableScroll(e) {
-                this.enableScroll = e.detail.value;
-            },
-            changeEnableRotate(e) {
-                this.enableRotate = e.detail.value;
-            },
-            changeEnableSatellite(e) {
-                this.enableSatellite = e.detail.value;
-            },
-            changeEnableTraffic(e) {
-                this.enableTraffic = e.detail.value;
-            },
-            addMarkers() {
-                this.markers = testMarkers;
-            },
-            addPolyline() {
-                this.polyline = testPolyline;
-            },
-				// #ifndef MP-JD
-            addPolygons() {
-                this.polygons = testPolygons;
-            },
-				// #endif
-            addCircles() {
-                this.circles = testCircles;
-            },
-            includePoint() {
-                this.includePoints = testIncludePoints;
-            },
-            handleGetCenterLocation() {
-                this.map.getCenterLocation({
-                    success: ret => {
-                        console.log(JSON.stringify(ret));
-                        uni.showModal({
-                            content: JSON.stringify(ret)
-                        })
-                    }
-                })
-            },
-            handleGetRegion() {
-                this.map.getRegion({
-                    success: ret => {
-                        console.log(JSON.stringify(ret));
-                        uni.showModal({
-                            content: JSON.stringify(ret)
-                        })
-                    }
-                })
-            },
-				// #ifndef MP-JD
-            handleTranslateMarker() {
-                this.map.translateMarker({
-                    markerId: 1,
-                    destination: {
-                        latitude: 39.989631,
-                        longitude: 116.481018
-                    },
-                    duration: 2000
-                }, ret => {
-                    console.log(JSON.stringify(ret));
-                    uni.showModal({
-                        content: JSON.stringify(ret)
-                    })
-                });
-            },
-				// #endif
-            maptap(e) {
-                uni.showModal({
-                    content: JSON.stringify(e)
-                })
-            },
-            onmarkertap(e) {
-                uni.showModal({
-                    content: JSON.stringify(e)
-                })
-            },
-            oncontroltap(e) {
-                uni.showModal({
-                    content: JSON.stringify(e)
-                })
-            },
-            oncallouttap(e) {
-                uni.showModal({
-                    content: JSON.stringify(e)
-                })
-            },
-            onupdated(e) {
-                console.log(JSON.stringify(e))
-            },
-            onregionchange(e) {
-                console.log(JSON.stringify(e));
-            },
-            onpoitap(e) {
-                uni.showModal({
-                    content: JSON.stringify(e)
-                })
-            }
-        }
-    }
-</script>
-
-<style>
-    .content {
-        flex: 1;
-    }
-
-    .map {
-        width: 750rpx;
-		/* #ifdef H5 */
-		width: 100%;
-		/* #endif */
-        height: 250px;
-        background-color: #f0f0f0;
-    }
-
-    .scrollview {
-		/* #ifdef H5 */
-		margin-top: 240px;
-		/* #endif */
-        flex: 1;
-        padding: 10px;
-    }
-
-    .list-item {
-        flex-direction: row;
-        flex-wrap: nowrap;
-        align-items: center;
-        padding: 5px 0px;
-    }
-
-    .list-text {
-        flex: 1;
-    }
-
-    .button {
-        margin-top: 5px;
-        margin-bottom: 5px;
-    }
-</style>
diff --git a/pages/API/modal/modal.vue b/pages/API/modal/modal.vue
deleted file mode 100644
index 65dff73..0000000
--- a/pages/API/modal/modal.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-btn-v">
-				<button type="default" @tap="modalTap">有标题的modal</button>
-				<button type="default" @tap="noTitlemodalTap">无标题的modal</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-
-	export default {
-		data() {
-			return {
-				title: 'modal',
-				modalHidden: true,
-				modalHidden2: true
-			}
-		},
-		methods: {
-			modalTap: function (e) {
-				uni.showModal({
-					title: "弹窗标题",
-					content: "弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内",
-					showCancel: false,
-					confirmText: "确定"
-				})
-			},
-			noTitlemodalTap: function (e) {
-				uni.showModal({
-					content: "弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内",
-					confirmText: "确定",
-					cancelText: "取消"
-				})
-			}
-		}
-	}
-</script>
\ No newline at end of file
diff --git a/pages/API/navigator/navigator.vue b/pages/API/navigator/navigator.vue
deleted file mode 100644
index b58504f..0000000
--- a/pages/API/navigator/navigator.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-btn-v">
-				<button @tap="navigateTo">跳转新页面，并传递数据</button>
-				<button @tap="navigateBack">返回上一页</button>
-				<button @tap="redirectTo">在当前页面打开</button>
-				<button @tap="switchTab">切换到模板选项卡</button>
-				<button v-if="!hasLeftWin" @tap="reLaunch">关闭所有页面，打开首页</button>
-				<!-- #ifdef APP-PLUS -->
-				<button @tap="customAnimation">使用自定义动画打开页面</button>
-				<!-- #endif -->
-				<!-- #ifdef APP-PLUS || H5 -->
-				<button @tap="preloadPage">预载复杂页面</button>
-				<!-- #endif -->
-				<!-- #ifdef APP-PLUS -->
-				<button @tap="unPreloadPage">取消页面预载</button>
-				<!-- #endif -->
-				<!-- #ifdef APP-PLUS || H5 -->
-				<button @tap="navigateToPreloadPage">打开复杂页面</button>
-				<!-- #endif -->
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	const preloadPageUrl = '/pages/extUI/calendar/calendar'
-	import { mapState } from 'vuex'
-	export default {
-		data() {
-			return {
-				title: 'navigate'
-			}
-		},
-		computed: {
-			...mapState({
-				hasLeftWin: state => !state.noMatchLeftWindow
-			})
-		},
-		methods: {
-			navigateTo() {
-				uni.navigateTo({
-					url: 'new-page/new-vue-page-1?data=Hello'
-				})
-			},
-			navigateBack() {
-				uni.navigateBack();
-			},
-			redirectTo() {
-				uni.redirectTo({
-					url: 'new-page/new-vue-page-1'
-				});
-			},
-			switchTab() {
-				uni.switchTab({
-					url: '/pages/tabBar/template/template'
-				});
-			},
-			reLaunch() {
-				if (this.hasLeftWin) {
-					uni.reLaunch({
-						url: '/pages/component/view/view'
-					});
-					return;
-				}
-				uni.reLaunch({
-					url: '/pages/tabBar/component/component'
-				});
-			},
-			customAnimation(){
-				uni.navigateTo({
-					url: 'new-page/new-vue-page-1?data=使用自定义动画打开页面',
-					animationType: 'slide-in-bottom',
-					animationDuration: 200
-				})
-			},
-			preloadPage(){
-				uni.preloadPage({
-					url: preloadPageUrl,
-					success(){
-						uni.showToast({
-							title:'页面预载成功'
-						})
-					},
-					fail(){
-						uni.showToast({
-							title:'页面预载失败'
-						})
-					}
-				})
-			},
-			unPreloadPage(){
-				uni.unPreloadPage({
-					url: preloadPageUrl
-				})
-			},
-			navigateToPreloadPage(){
-				uni.navigateTo({
-					url: preloadPageUrl
-				})
-			}
-		}
-	}
-</script>
diff --git a/pages/API/navigator/new-page/new-nvue-page-1.nvue b/pages/API/navigator/new-page/new-nvue-page-1.nvue
deleted file mode 100644
index 5c25cea..0000000
--- a/pages/API/navigator/new-page/new-nvue-page-1.nvue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-	<view class="root">
-		<view class="page-body">
-            <view class="new-page__color" @click="setColorIndex(colorIndex>1?0:colorIndex+1)" :style="{backgroundColor:currentColor}">
-                <text class="new-page__color-text">点击改变颜色</text>
-            </view>
-            <view class="new-page__text-box">
-                <text class="new-page__text">点击上方色块使用vuex在页面之间进行通讯</text>
-            </view>
-            <view class="new-page__button">
-                <button class="new-page__button-item" @click="navToNvue">跳转NVUE页面</button>
-                <button class="new-page__button-item" @click="navToVue">跳转VUE页面</button>
-            </view>
-		</view>
-	</view>
-</template>
-<script>
-    import {mapState,mapGetters,mapMutations} from 'vuex'
-	export default {
-		data() {
-			return {
-			}
-		},
-        computed:{
-            ...mapState(['colorIndex','colorList']),
-            ...mapGetters(['currentColor'])
-        },
-        methods:{
-            ...mapMutations(['setColorIndex']),
-            navToNvue(){
-                uni.navigateTo({
-                    url:'new-nvue-page-2'
-                })
-            },
-            navToVue(){
-                uni.navigateTo({
-                    url:'new-vue-page-2'
-                })
-            }
-        }
-	}
-</script>
-<style>
-    .new-page__text {
-        font-size: 14px;
-        color: #666666;
-    }
-
-	.root{
-		flex-direction: column;
-	}
-
-	.page-body{
-		flex: 1;
-        flex-direction: column;
-		justify-content: flex-start;
-		align-items: center;
-        padding-top: 50px;
-	}
-
-    .new-page__text-box{
-        padding: 20px;
-    }
-
-    .new-page__color{
-        width: 200px;
-        height: 100px;
-		justify-content: center;
-		align-items: center;
-    }
-
-    .new-page__color-text{
-        font-size: 14px;
-        color: #FFFFFF;
-        line-height: 30px;
-        text-align: center;
-    }
-
-    .new-page__button-item{
-        margin-top: 15px;
-        width: 300px;
-    }
-</style>
diff --git a/pages/API/navigator/new-page/new-nvue-page-2.nvue b/pages/API/navigator/new-page/new-nvue-page-2.nvue
deleted file mode 100644
index a5d0780..0000000
--- a/pages/API/navigator/new-page/new-nvue-page-2.nvue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-	<view class="root">
-		<view class="page-body">
-            <view class="new-page__color" @click="setColorIndex(colorIndex>1?0:colorIndex+1)" :style="{backgroundColor:currentColor}">
-                <text class="new-page__color-text">点击改变颜色</text>
-            </view>
-            <view class="new-page__text-box">
-                <text class="new-page__text">点击上方色块使用vuex在页面之间进行通讯</text>
-            </view>
-		</view>
-	</view>
-</template>
-<script>
-    import {mapState,mapGetters,mapMutations} from 'vuex'
-	export default {
-		data() {
-			return {
-			}
-		},
-        computed:{
-            ...mapState(['colorIndex','colorList']),
-            ...mapGetters(['currentColor'])
-        },
-        methods:{
-            ...mapMutations(['setColorIndex'])
-        }
-	}
-</script>
-<style>
-    .new-page__text {
-        font-size: 14px;
-        color: #666666;
-    }
-
-	.root{
-		flex-direction: column;
-	}
-
-	.page-body{
-		flex: 1;
-        flex-direction: column;
-		justify-content: flex-start;
-		align-items: center;
-        padding-top: 50px;
-	}
-
-    .new-page__text-box{
-        padding: 20px;
-    }
-
-    .new-page__color{
-        width: 200px;
-        height: 100px;
-		justify-content: center;
-		align-items: center;
-    }
-
-    .new-page__color-text{
-        font-size: 14px;
-        color: #FFFFFF;
-        line-height: 30px;
-        text-align: center;
-    }
-
-    .new-page__button-item{
-        margin-top: 15px;
-        width: 300px;
-    }
-</style>
diff --git a/pages/API/navigator/new-page/new-vue-page-1.vue b/pages/API/navigator/new-page/new-vue-page-1.vue
deleted file mode 100644
index 0b6c608..0000000
--- a/pages/API/navigator/new-page/new-vue-page-1.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<view class="root">
-		<page-head :title="title"></page-head>
-		<view class="page-body">
-            <view class="new-page__text-box">
-                <text class="new-page__text">从上个页面接收到参数：{{data}}</text>
-            </view>
-            <view class="new-page__color" @click="setColorIndex(colorIndex>1?0:colorIndex+1)" :style="{backgroundColor:currentColor}">
-                <text class="new-page__color-text">点击改变颜色</text>
-            </view>
-            <view class="new-page__text-box">
-                <text class="new-page__text">点击上方色块使用vuex在页面之间进行通讯</text>
-            </view>
-            <view class="new-page__button">
-				<!-- #ifndef VUE3-->
-                <button class="new-page__button-item" @click="navToNvue">跳转NVUE页面</button>
-				<!-- #endif -->
-                <button class="new-page__button-item" @click="navToVue">跳转VUE页面</button>
-            </view>
-		</view>
-	</view>
-</template>
-<script>
-    import {mapState,mapGetters,mapMutations} from 'vuex'
-	export default {
-		data() {
-			return {
-				title: '新页面',
-				data:""
-			}
-		},
-        computed:{
-            ...mapState(['colorIndex','colorList']),
-            ...mapGetters(['currentColor'])
-        },
-		onLoad(e){
-			if(e.data){
-				this.data = e.data;
-			}
-            uni.$on('postMsg',(res)=>{
-                uni.showModal({
-                    content: `收到uni.$emit消息:${res.msg}`,
-                    showCancel: false
-                })
-            })
-		},
-        onUnload() {
-            uni.$off('postMsg')
-        },
-        methods:{
-            ...mapMutations(['setColorIndex']),
-            navToNvue(){
-                uni.navigateTo({
-                    url:'new-nvue-page-1'
-                })
-            },
-            navToVue(){
-                uni.navigateTo({
-                    url:'new-vue-page-2'
-                })
-            }
-        }
-	}
-</script>
-<style>
-    .new-page__text {
-        font-size: 14px;
-        color: #666666;
-    }
-
-	.root{
-		display: flex;
-		flex: 1;
-		flex-direction: column;
-	}
-
-	.page-body{
-		/* flex: 1; */
-		display: flex;
-        flex-direction: column;
-		justify-content: flex-start;
-		align-items: center;
-	}
-
-    .new-page__text-box{
-        padding: 20px;
-    }
-
-    .new-page__color{
-        display: flex;
-        width: 200px;
-        height: 100px;
-		justify-content: center;
-		align-items: center;
-    }
-
-    .new-page__color-text{
-        font-size: 14px;
-        color: #FFFFFF;
-        line-height: 30px;
-        text-align: center;
-    }
-
-    .new-page__button-item{
-        margin-top: 15px;
-        width: 300px;
-    }
-</style>
diff --git a/pages/API/navigator/new-page/new-vue-page-2.vue b/pages/API/navigator/new-page/new-vue-page-2.vue
deleted file mode 100644
index 925badd..0000000
--- a/pages/API/navigator/new-page/new-vue-page-2.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-    <view class="root">
-        <view class="page-body">
-            <view class="new-page__color" @click="setColorIndex(colorIndex>1?0:colorIndex+1)" :style="{backgroundColor:currentColor}">
-                <text class="new-page__color-text">点击改变颜色</text>
-            </view>
-            <view class="new-page__text-box">
-                <text class="new-page__text">点击上方色块使用vuex在页面之间进行通讯</text>
-            </view>
-            <view class="new-page__button">
-                <button class="new-page__button-item" @click="emitMsg">向上一页面传递数据</button>
-            </view>
-        </view>
-    </view>
-</template>
-<script>
-    import {
-        mapState,
-        mapGetters,
-        mapMutations
-    } from 'vuex'
-    export default {
-        data() {
-            return {}
-        },
-        computed: {
-            ...mapState(['colorIndex', 'colorList']),
-            ...mapGetters(['currentColor'])
-        },
-        methods: {
-            ...mapMutations(['setColorIndex']),
-            emitMsg() {
-                uni.$emit('postMsg', {
-                    msg: 'From: Vue Page'
-                })
-            }
-        }
-    }
-</script>
-<style>
-    .new-page__text {
-        font-size: 14px;
-        color: #666666;
-    }
-
-    .root {
-        display: flex;
-        flex: 1;
-        flex-direction: column;
-    }
-
-    .page-body {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
-        padding-top: 50px;
-    }
-
-    .new-page__text-box {
-        padding: 20px;
-    }
-
-    .new-page__color {
-        display: flex;
-        width: 200px;
-        height: 100px;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .new-page__color-text {
-        font-size: 14px;
-        color: #FFFFFF;
-        line-height: 30px;
-        text-align: center;
-    }
-
-    .new-page__button-item {
-        margin-top: 15px;
-        width: 300px;
-    }
-</style>
diff --git a/pages/API/on-accelerometer-change/on-accelerometer-change.vue b/pages/API/on-accelerometer-change/on-accelerometer-change.vue
deleted file mode 100644
index 0565b42..0000000
--- a/pages/API/on-accelerometer-change/on-accelerometer-change.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<!-- #ifdef APP-PLUS -->
-			<view class="uni-btn-v">
-				<button class="shake" @tap="shake">摇一摇</button>
-			</view>
-			<!-- #endif -->
-			<view class="uni-btn-v">
-				<button type="primary" @tap="watchAcce">监听设备的加速度变化</button>
-				<button type="primary" @tap="stopAcce">停止监听设备的加速度变化</button>
-			</view>
-			<view class="uni-textarea uni-common-mt">
-				<textarea class="acc-show" :value="value" />
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-
-	export default {
-		data() {
-			return {
-				title: 'onAccelerometerChange',
-				value: ''
-			}
-		},
-		onUnload() {
-			uni.stopAccelerometer();
-		},
-		methods: {
-			//#ifdef APP-PLUS
-			shake() {
-				uni.navigateTo({
-					url: '/platforms/app-plus/shake/shake'
-				})
-			},
-			//#endif
-			watchAcce() {
-				uni.onAccelerometerChange((res) => {
-					this.value = "监听设备的加速度变化:\n" + "X轴：" + res.x.toFixed(2) + "\nY轴：" + res.y.toFixed(2) +
-						"\nZ轴：" + res.z.toFixed(2);
-				})
-			},
-			stopAcce() {
-				uni.stopAccelerometer()
-			}
-		}
-	}
-</script>
-
-<style>
-	.shake {
-		background-color: #FFCC33;
-		color: #ffffff;
-		margin-bottom: 50rpx;
-	}
-	.uni-textarea .acc-show{
-		height: 240rpx;
-	}
-</style>
diff --git a/pages/API/on-compass-change/on-compass-change.vue b/pages/API/on-compass-change/on-compass-change.vue
deleted file mode 100644
index 72ddd89..0000000
--- a/pages/API/on-compass-change/on-compass-change.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-hello-text uni-center" style="padding-bottom:50rpx;">
-				旋转手机即可获取方位信息
-			</view>
-			<view class="direction">
-				<view class="bg-compass-line"></view>
-				<image class="bg-compass" src="../../../static/compass.png" :style="'transform: rotate('+direction+'deg)'"></image>
-				<view class="direction-value">
-					<text>{{direction}}</text>
-					<text class="direction-degree">o</text>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'onCompassChange',
-				direction: 0
-			}
-		},
-		onReady: function () {
-			uni.onCompassChange((res) => {
-				this.direction = parseInt(res.direction)
-			})
-		},
-		onUnload() {
-			// #ifndef MP-ALIPAY
-			uni.stopCompass();
-			this.direction = 0;
-			// #endif
-
-			// #ifdef MP-ALIPAY
-			uni.offCompassChange();
-			// #endif
-		}
-	}
-</script>
-
-<style>
-	.direction {
-		position: relative;
-		margin-top: 70rpx;
-		display: flex;
-		width: 540rpx;
-		height: 540rpx;
-		align-items: center;
-		justify-content: center;
-		margin:0 auto;
-	}
-
-	.direction-value {
-		position: relative;
-		font-size: 200rpx;
-		color: #353535;
-		line-height: 1;
-		z-index: 1;
-	}
-
-	.direction-degree {
-		position: absolute;
-		top: 0;
-		right: -40rpx;
-		font-size: 60rpx;
-	}
-
-	.bg-compass {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 540rpx;
-		height: 540rpx;
-		transition: .1s;
-	}
-
-	.bg-compass-line {
-		position: absolute;
-		left: 267rpx;
-		top: -10rpx;
-		width: 6rpx;
-		height: 56rpx;
-		background-color: #1AAD19;
-		border-radius: 999rpx;
-		z-index: 1;
-	}
-</style>
diff --git a/pages/API/open-location/open-location.vue b/pages/API/open-location/open-location.vue
deleted file mode 100644
index f9dceb3..0000000
--- a/pages/API/open-location/open-location.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<form @submit="openLocation">
-				<view class="uni-list">
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">经度</view>
-						</view>
-						<view class="uni-list-cell-db">
-							<input class="uni-input" type="text" :disabled="true" value="116.39747" name="longitude"/>
-						</view>
-					</view>
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">纬度</view>
-						</view>
-						<view class="uni-list-cell-db">
-							<input class="uni-input" type="text" :disabled="true" value="39.9085" name="latitude"/>
-						</view>
-					</view>
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">位置名称</view>
-						</view>
-						<view class="uni-list-cell-db">
-							<input class="uni-input" type="text" :disabled="true" value="天安门" name="name"/>
-						</view>
-					</view>
-					<view class="uni-list-cell">
-						<view class="uni-list-cell-left">
-							<view class="uni-label">详细位置</view>
-						</view>
-						<view class="uni-list-cell-db">
-							<input class="uni-input" type="text" :disabled="true" value="北京市东城区东长安街" name="address"/>
-						</view>
-					</view>
-				</view>
-				<view class="uni-padding-wrap">
-					<view class="uni-btn-v uni-common-mt">
-						<button type="primary" formType="submit">查看位置</button>
-					</view>
-				</view>
-			</form>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'openLocation'
-			}
-		},
-		methods: {
-			openLocation: function (e) {
-				console.log(e)
-				var value = e.detail.value
-				uni.openLocation({
-					longitude: Number(value.longitude),
-					latitude: Number(value.latitude),
-					name: value.name,
-					address: value.address
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-list-cell-left {
-		padding: 0 30rpx;
-	}
-</style>
diff --git a/pages/API/pull-down-refresh/pull-down-refresh.vue b/pages/API/pull-down-refresh/pull-down-refresh.vue
deleted file mode 100644
index 708e655..0000000
--- a/pages/API/pull-down-refresh/pull-down-refresh.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view style="font-size: 12px; color: #666;">注：PC 不支持下拉刷新</view>
-			<view class="text" v-for="(num,index) in data" :key="index">list - {{num}}</view>
-			<view class="uni-loadmore" v-if="showLoadMore">{{loadMoreText}}</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: '下拉刷新 + 加载更多',
-				data: [],
-				loadMoreText: "加载中...",
-				showLoadMore: false,
-				max: 0
-			}
-		},
-		onLoad() {
-			this.initData();
-		},
-		onUnload() {
-			this.max = 0,
-			this.data = [],
-			this.loadMoreText = "加载更多",
-			this.showLoadMore = false;
-		},
-		onReachBottom() {
-			console.log("onReachBottom");
-			if (this.max > 40) {
-				this.loadMoreText = "没有更多数据了!"
-				return;
-			}
-			this.showLoadMore = true;
-			setTimeout(() => {
-				this.setListData();
-			}, 300);
-		},
-		onPullDownRefresh() {
-			console.log('onPullDownRefresh');
-			this.initData();
-		},
-		methods: {
-			initData(){
-				setTimeout(() => {
-					this.max = 0;
-					this.data = [];
-					let data = [];
-					this.max += 20;
-					for (var i = this.max - 19; i < this.max + 1; i++) {
-						data.push(i)
-					}
-					this.data = this.data.concat(data);
-					uni.stopPullDownRefresh();
-				}, 300);
-			},
-			setListData() {
-				let data = [];
-				this.max += 10;
-				for (var i = this.max - 9; i < this.max + 1; i++) {
-					data.push(i)
-				}
-				this.data = this.data.concat(data);
-			}
-		}
-	}
-</script>
-
-<style>
-	.text {
-		margin: 16rpx 0;
-		width:100%;
-		background-color: #fff;
-		height: 120rpx;
-		line-height: 120rpx;
-		text-align: center;
-		color: #555;
-		border-radius: 8rpx;
-	}
-</style>
diff --git a/pages/API/request-payment/request-payment.vue b/pages/API/request-payment/request-payment.vue
deleted file mode 100644
index b83a6f2..0000000
--- a/pages/API/request-payment/request-payment.vue
+++ /dev/null
@@ -1,256 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view style="background:#FFF; padding:50rpx 0;">
-				<view class="uni-hello-text uni-center"><text>支付金额</text></view>
-				<view class="uni-h1 uni-center uni-common-mt">
-					<text class="rmbLogo">￥</text>
-					<input class="price" type="digit" :value="price" maxlength="4" @input="priceChange" />
-				</view>
-			</view>
-			<view class="uni-btn-v uni-common-mt">
-				<!-- #ifdef MP-WEIXIN -->
-				<button type="primary" @click="weixinPay" :loading="loading">微信支付</button>
-				<!-- #endif -->
-				<!-- #ifdef APP-PLUS -->
-				<template v-if="providerList.length > 0">
-					<button v-for="(item,index) in providerList" :key="index" @click="requestPayment(item,index)" :loading="item.loading">{{item.name}}支付</button>
-				</template>
-				<!-- #endif -->
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'request-payment',
-				loading: false,
-				price: 1,
-				providerList: []
-			}
-		},
-		onLoad: function() {
-			// #ifdef APP-PLUS
-			uni.getProvider({
-				service: "payment",
-				success: (e) => {
-					console.log("payment success:" + JSON.stringify(e));
-					let providerList = [];
-					e.provider.map((value) => {
-						switch (value) {
-							case 'alipay':
-								providerList.push({
-									name: '支付宝',
-									id: value,
-									loading: false
-								});
-								break;
-							case 'wxpay':
-								providerList.push({
-									name: '微信',
-									id: value,
-									loading: false
-								});
-								break;
-							default:
-								break;
-						}
-					})
-					this.providerList = providerList;
-				},
-				fail: (e) => {
-					console.log("获取支付通道失败：", e);
-				}
-			});
-			// #endif
-		},
-		methods: {
-			loginMpWeixin() {
-				return new Promise((resolve, reject) => {
-					uni.login({
-						provider: 'weixin',
-						success(res) {
-							console.warn('此处使用uni-id处理微信小程序登录，详情参考: https://uniapp.dcloud.net.cn/uniCloud/uni-id')
-							uni.request({
-								url: 'https://97fca9f2-41f6-449f-a35e-3f135d4c3875.bspapp.com/http/user-center',
-								method: 'POST',
-								data: {
-									action: 'loginByWeixin',
-									params: {
-										code: res.code,
-										platform: 'mp-weixin'
-									}
-								},
-								success(res) {
-									if (res.data.code !== 0) {
-										reject(new Error('获取openid失败：', res.result.msg))
-										return
-									}
-									uni.setStorageSync('openid', res.data.openid)
-									resolve(res.data.openid)
-								},
-								fail(err) {
-									reject(new Error('获取openid失败：' + err))
-								}
-							})
-						},
-						fail(err) {
-							reject(err)
-						}
-					})
-				})
-			},
-			async weixinPay() {
-				let openid = uni.getStorageSync('openid')
-				console.log("发起支付");
-				this.loading = true;
-				if (!openid) {
-					try {
-						openid = await this.loginMpWeixin()
-					} catch (e) {
-						console.error(e)
-					}
-
-					if (!openid) {
-						uni.showModal({
-							content: '获取openid失败',
-							showCancel: false
-						})
-						this.loading = false
-						return
-					}
-				}
-				this.openid = openid
-				let orderInfo = await this.getOrderInfo('wxpay')
-				if (!orderInfo) {
-					uni.showModal({
-						content: '获取支付信息失败',
-						showCancel: false
-					})
-					return
-				}
-				uni.requestPayment({
-					...orderInfo,
-					success: (res) => {
-						uni.showToast({
-							title: "感谢您的赞助!"
-						})
-					},
-					fail: (res) => {
-						uni.showModal({
-							content: "支付失败,原因为: " + res
-								.errMsg,
-							showCancel: false
-						})
-					},
-					complete: () => {
-						this.loading = false;
-					}
-				})
-			},
-			async requestPayment(e, index) {
-				this.providerList[index].loading = true;
-				const provider = e.id
-				let orderInfo = await this.getOrderInfo(provider);
-				if (!orderInfo) {
-					uni.showModal({
-						content: '获取支付信息失败',
-						showCancel: false
-					})
-					return
-				}
-				console.log('--------orderInfo--------')
-				console.log(orderInfo);
-				uni.requestPayment({
-					provider,
-					orderInfo: orderInfo,
-					success: (e) => {
-						console.log("success", e);
-						uni.showToast({
-							title: "感谢您的赞助!"
-						})
-					},
-					fail: (e) => {
-						console.log("fail", e);
-						uni.showModal({
-							content: "支付失败,原因为: " + e.errMsg,
-							showCancel: false
-						})
-					},
-					complete: () => {
-						this.providerList[index].loading = false;
-					}
-				})
-			},
-			getOrderInfo(provider) {
-				return new Promise((resolve, reject) => {
-					if (!this.price) {
-						reject(new Error('请输入金额'))
-					}
-					console.warn('此处使用uni-pay处理支付，详情参考: https://uniapp.dcloud.io/uniCloud/unipay')
-					uni.request({
-						method: 'POST',
-						url: 'https://97fca9f2-41f6-449f-a35e-3f135d4c3875.bspapp.com/http/pay',
-						data: {
-							provider,
-							openid: this.openid,
-							totalFee: Number(this.price) * 100, // 转为以分为单位
-							// #ifdef APP-PLUS
-							platform: 'app-plus',
-							// #endif
-							// #ifdef MP-WEIXIN
-							platform: 'mp-weixin',
-							// #endif
-						},
-						success(res) {
-							if (res.data.code === 0) {
-								resolve(res.data.orderInfo)
-							} else {
-								reject(new Error('获取支付信息失败' + res.data.msg))
-							}
-						},
-						fail(err) {
-							reject(new Error('请求支付接口失败' + err))
-						}
-					})
-				})
-			},
-			priceChange(e) {
-				console.log(e.detail.value)
-				this.price = e.detail.value;
-			}
-		}
-	}
-</script>
-
-<style>
-	.rmbLogo {
-		font-size: 40rpx;
-	}
-
-	button {
-		background-color: #007aff;
-		color: #ffffff;
-	}
-
-	.uni-h1.uni-center {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: flex-end;
-	}
-
-	.price {
-		border-bottom: 1px solid #eee;
-		width: 200rpx;
-		height: 80rpx;
-		padding-bottom: 4rpx;
-	}
-
-	.ipaPayBtn {
-		margin-top: 30rpx;
-	}
-</style>
diff --git a/pages/API/request/request.vue b/pages/API/request/request.vue
deleted file mode 100644
index 8ee1503..0000000
--- a/pages/API/request/request.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-hello-text">
-				请点击按钮向服务器发起请求
-			</view>
-			<view class="uni-textarea uni-common-mt">
-				<textarea :value="res"></textarea>
-			</view>
-			<view class="uni-btn-v uni-common-mt">
-				<button type="primary" @click="sendRequest" :loading="loading">发起请求（Callback）</button>
-				<button type="primary" @click="sendRequest('promise')" :loading="loading">发起请求（Promise）</button>
-				<button type="primary" @click="sendRequest('await')" :loading="loading">发起请求（Async/Await）</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	const requestUrl = 'https://unidemo.dcloud.net.cn/ajax/echo/text?name=uni-app'
-	const duration = 2000
-	export default {
-		data() {
-			return {
-				title: 'request',
-				loading: false,
-				res: ''
-			}
-		},
-		methods: {
-			sendRequest(mode) {
-				this.loading = true;
-				switch (mode) {
-					case 'promise':
-						this._requestPromise();
-						break;
-					case 'await':
-						this._requestAwait();
-						break;
-					default:
-						this._request();
-						break;
-				}
-			},
-			_request() {
-				uni.request({
-					url: requestUrl,
-					dataType: 'text',
-					data: {
-						noncestr: Date.now()
-					},
-					success: (res) => {
-						console.log('request success', res)
-						uni.showToast({
-							title: '请求成功',
-							icon: 'success',
-							mask: true,
-							duration: duration
-						});
-						this.res = '请求结果 : ' + JSON.stringify(res);
-					},
-					fail: (err) => {
-						console.log('request fail', err);
-						uni.showModal({
-							content: err.errMsg,
-							showCancel: false
-						});
-					},
-					complete: () => {
-						this.loading = false;
-					}
-				});
-			},
-			_requestPromise() {
-				// #ifndef VUE3
-				uni.request({
-					url: requestUrl,
-					dataType: 'text',
-					data: {
-						noncestr: Date.now()
-					}
-				}).then(res => {
-					console.log('request success', res[1]);
-					uni.showToast({
-						title: '请求成功',
-						icon: 'success',
-						mask: true,
-						duration: duration
-					});
-					this.res = '请求结果 : ' + JSON.stringify(res[1]);
-					this.loading = false;
-				}).catch(err => {
-					console.log('request fail', err);
-					uni.showModal({
-						content: err.errMsg,
-						showCancel: false
-					});
-
-					this.loading = false;
-				});
-				// #endif
-
-				// #ifdef VUE3
-				uni.request({
-					url: requestUrl,
-					dataType: 'text',
-					data: {
-						noncestr: Date.now()
-					}
-				}).then(res => {
-					console.log('request success', res);
-					uni.showToast({
-						title: '请求成功',
-						icon: 'success',
-						mask: true,
-						duration: duration
-					});
-					this.res = '请求结果 : ' + JSON.stringify(res);
-
-					this.loading = false;
-				}).catch(err => {
-					console.log('request fail', err);
-					uni.showModal({
-						content: err.errMsg,
-						showCancel: false
-					});
-
-					this.loading = false;
-				});
-				// #endif
-			},
-			async _requestAwait() {
-				let res, err
-				// #ifndef VUE3
-				[err, res] = await uni.request({
-					url: requestUrl,
-					dataType: 'text',
-					data: {
-						noncestr: Date.now()
-					}
-				});
-				// #endif
-				// #ifdef VUE3
-				try {
-				res = await uni.request({
-					url: requestUrl,
-					dataType: 'text',
-					data: {
-						noncestr: Date.now()
-					}
-				});
-				} catch(e){
-					err=e
-				}
-				// #endif
-				if (err) {
-					console.log('request fail', err);
-					uni.showModal({
-						content: err.errMsg,
-						showCancel: false
-					});
-				} else {
-					console.log('request success', res)
-					uni.showToast({
-						title: '请求成功',
-						icon: 'success',
-						mask: true,
-						duration: duration
-					});
-					this.res = '请求结果 : ' + JSON.stringify(res);
-				}
-				this.loading = false;
-			}
-		}
-	}
-</script>
diff --git a/pages/API/rewarded-video-ad/rewarded-video-ad.vue b/pages/API/rewarded-video-ad/rewarded-video-ad.vue
deleted file mode 100644
index a6d7b99..0000000
--- a/pages/API/rewarded-video-ad/rewarded-video-ad.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="uni-padding-wrap uni-common-mt">
-            <button v-if="!loadError" :loading="loading" :disabled="loading" type="primary" class="btn" @click="show">显示广告</button>
-            <button v-if="loadError" :loading="loading" :disabled="loading" type="primary" class="btn" @click="reloadAd">重新加载广告</button>
-        </view>
-        <!-- #ifndef APP-PLUS -->
-        <view class="ad-tips">
-            <text>小程序端的广告ID由小程序平台提供</text>
-        </view>
-        <!-- #endif -->
-    </view>
-</template>
-
-<script>
-    const ERROR_CODE = [-5001, -5002, -5003, -5004, -5005, -5006];
-
-    export default {
-        data() {
-            return {
-                title: '激励视频广告',
-                loading: false,
-                loadError: false
-            }
-        },
-        onReady() {
-            // #ifdef APP-PLUS
-            this.adOption = {
-                adpid: '1507000689'
-            };
-            // #endif
-            // #ifdef MP-WEIXIN
-            this.adOption = {
-                adUnitId: ''
-            };
-            // #endif
-            this.createAd();
-        },
-        methods: {
-            createAd() {
-                var rewardedVideoAd = this.rewardedVideoAd = uni.createRewardedVideoAd(this.adOption);
-                rewardedVideoAd.onLoad(() => {
-                    this.loading = false;
-                    this.loadError = false;
-                    console.log('onLoad event')
-                });
-                rewardedVideoAd.onClose((res) => {
-                    this.loading = true;
-                    // 用户点击了【关闭广告】按钮
-                    if (res && res.isEnded) {
-                        // 正常播放结束
-                        console.log("onClose " + res.isEnded);
-                    } else {
-                        // 播放中途退出
-                        console.log("onClose " + res.isEnded);
-                    }
-
-                    setTimeout(() => {
-                        uni.showToast({
-                            title: "激励视频" + (res.isEnded ? "成功" : "未") + "播放完毕",
-                            duration: 10000,
-                            position: 'bottom'
-                        })
-                    }, 500)
-                });
-                rewardedVideoAd.onError((err) => {
-                    this.loading = false;
-                    if (err.code && ERROR_CODE.indexOf(err.code) !== -1) {
-                        this.loadError = true;
-                    }
-                    console.log('onError event', err)
-                });
-                this.loading = true;
-            },
-            show() {
-                const rewardedVideoAd = this.rewardedVideoAd;
-                rewardedVideoAd.show().catch(() => {
-                    rewardedVideoAd.load()
-                        .then(() => rewardedVideoAd.show())
-                        .catch(err => {
-                            console.log('激励视频 广告显示失败', err)
-                            uni.showToast({
-                                title: err.errMsg || err.message,
-                                duration: 5000,
-                                position: 'bottom'
-                            })
-                        })
-                })
-            },
-            reloadAd() {
-                this.loading = true;
-                this.rewardedVideoAd.load();
-            }
-        }
-    }
-</script>
-
-<style>
-    .btn {
-        margin-bottom: 20px;
-    }
-
-    .ad-tips {
-        color: #999;
-        padding: 30px 0;
-        text-align: center;
-    }
-</style>
diff --git a/pages/API/save-media/save-media.vue b/pages/API/save-media/save-media.vue
deleted file mode 100644
index 9b30d56..0000000
--- a/pages/API/save-media/save-media.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view v-if="imagePath !== ''" class="media-box image">
-				<image class="image" mode="widthFix" :src="imagePath" />
-			</view>
-			<button type="primary"  class="uni-button" @click="saveImage">拍摄图片并保存到本地</button>
-			<view v-if="videoPath !== ''" class="media-box">
-				<video
-					id="myVideo"
-					:src="videoPath"
-					@error="videoErrorCallback"
-					enable-danmu
-					danmu-btn
-					controls
-				></video>
-			</view>
-			<button type="primary" class="uni-button" @click="saveVideo">录制视频并保存到本地</button>
-		</view>
-	</view>
-</template>
-<script>
-export default {
-	data() {
-		return {
-			title: 'saveImage/saveVideo',
-			imagePath: '',
-			videoPath: ''
-		};
-	},
-	onLoad() {},
-	methods: {
-		videoErrorCallback: function() {
-			uni.showModal({
-				content: '视频加载失败',
-				showCancel: false
-			});
-		},
-		saveImage() {
-			uni.chooseImage({
-				count: 1,
-				sourceType: ['camera'],
-				success: res => {
-					this.imagePath = res.tempFilePaths[0];
-					this.getTempFilePath(res.tempFilePaths[0], 'imageTempPath');
-				},
-				fail: (err) => {
-					// #ifdef MP
-					uni.getSetting({
-						success: (res) => {
-							let authStatus = res.authSetting['scope.camera'];
-							if (!authStatus) {
-								uni.showModal({
-									title: '授权失败',
-									content: 'Hello uni-app需要从您的相机获取图片，请在设置界面打开相关权限',
-									success: (res) => {
-										if (res.confirm) {
-											uni.openSetting()
-										}
-									}
-								})
-							}
-						}
-					})
-					// #endif
-				}
-			});
-		},
-		saveVideo() {
-			let _this = this;
-			uni.chooseVideo({
-				count: 1,
-				sourceType: ['camera'],
-				success: res => {
-					console.log(res.tempFilePath)
-					this.videoPath = res.tempFilePath;
-					this.getTempFilePath(res.tempFilePath, 'videoTempPath');
-				},
-				fail: (err) => {
-					// #ifdef MP
-					uni.getSetting({
-						success: (res) => {
-							let authStatus = res.authSetting['scope.camera'];
-							if (!authStatus) {
-								uni.showModal({
-									title: '授权失败',
-									content: 'Hello uni-app需要从您的相机获取视频，请在设置界面打开相关权限',
-									success: (res) => {
-										if (res.confirm) {
-											uni.openSetting()
-										}
-									}
-								})
-							}
-						}
-					})
-					// #endif
-				}
-			});
-		},
-
-		getTempFilePath(url, types) {
-			// 如果已经下载本地路径，那么直接储存
-			let obj = {
-				filePath: url,
-				success: () => {
-					console.log('save success');
-					uni.showModal({
-						content: '保存成功',
-						showCancel: false
-					});
-					uni.hideLoading();
-				},
-				fail: e => {
-					uni.hideLoading();
-					uni.showModal({
-						content: '保存失败',
-						showCancel: false
-					});
-				}
-			};
-			uni.showLoading({
-				title: '保存中...'
-			});
-			if (types === 'videoTempPath') {
-				uni.saveVideoToPhotosAlbum(obj);
-			} else {
-				uni.saveImageToPhotosAlbum(obj);
-			}
-		}
-	}
-};
-</script>
-
-<style>
-.media-box {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin: 30rpx 0;
-	width: 100%;
-}
-.image {
-	height: 400rpx;
-	overflow: hidden;
-}
-.image image {
-	width: 100%;
-	height: 100%;
-}
-video {
-	width: 100%;
-}
-.uni-button {
-	margin: 30rpx 0;
-}
-</style>
diff --git a/pages/API/scan-code/scan-code.vue b/pages/API/scan-code/scan-code.vue
deleted file mode 100644
index 89006de..0000000
--- a/pages/API/scan-code/scan-code.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">扫码结果：</view>
-			<view class="uni-list" v-if="result">
-				<view class="uni-cell">
-					<view class="scan-result">
-						{{result}}
-					</view>
-				</view>
-			</view>
-			<view class="uni-btn-v">
-				<button type="primary" @click="scan">扫一扫</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	import permision from "@/common/permission.js"
-	export default {
-		data() {
-			return {
-				title: 'scanCode',
-				result: ''
-			}
-		},
-		methods: {
-			async scan() {
-				// #ifdef APP-PLUS
-				let status = await this.checkPermission();
-				if (status !== 1) {
-				    return;
-				}
-				// #endif
-				uni.scanCode({
-					success: (res) => {
-						this.result = res.result
-					},
-					fail: (err) => {
-						// 需要注意的是小程序扫码不需要申请相机权限
-					}
-				});
-			}
-			// #ifdef APP-PLUS
-			,
-			async checkPermission(code) {
-				let status = permision.isIOS ? await permision.requestIOS('camera') :
-					await permision.requestAndroid('android.permission.CAMERA');
-
-				if (status === null || status === 1) {
-					status = 1;
-				} else {
-					uni.showModal({
-						content: "需要相机权限",
-						confirmText: "设置",
-						success: function(res) {
-							if (res.confirm) {
-								permision.gotoAppSetting();
-							}
-						}
-					})
-				}
-				return status;
-			}
-			// #endif
-		}
-	}
-</script>
-
-<style>
-	.scan-result {
-		min-height: 50rpx;
-		line-height: 50rpx;
-	}
-</style>
diff --git a/pages/API/set-navigation-bar-title/set-navigation-bar-title.test.js b/pages/API/set-navigation-bar-title/set-navigation-bar-title.test.js
deleted file mode 100644
index 4023b73..0000000
--- a/pages/API/set-navigation-bar-title/set-navigation-bar-title.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-
-describe('pages/API/set-navigation-bar-title/set-navigation-bar-title.vue', () => {
-    let page
-    beforeAll(async () => {
-        // 重新reLaunch至首页，并获取首页page对象（其中 program 是uni-automator自动注入的全局对象）
-       page = await program.reLaunch('/pages/API/set-navigation-bar-title/set-navigation-bar-title')
-       
-       if (process.env.UNI_PLATFORM === "mp-weixin") {
-       	await page.waitFor(10000)
-       } else {
-       	await page.waitFor(5000)
-       }
-       
-       page = await program.currentPage()
-
-    })
-
-    it('set-navigation-bar-title 组件标题', async () => {
-    	let view = await page.$('.common-page-head-title')
-    	expect(await view.text()).toBe('nav-default')
-    })
-})
diff --git a/pages/API/set-navigation-bar-title/set-navigation-bar-title.vue b/pages/API/set-navigation-bar-title/set-navigation-bar-title.vue
deleted file mode 100644
index 5854621..0000000
--- a/pages/API/set-navigation-bar-title/set-navigation-bar-title.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-	<view class="page">
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-helllo-text">
-				本页标题栏是uni-app的默认配置，开发者可在pages.json里配置文字内容及标题颜色，也可通过api接口将其改变。
-			</view>
-			<view class="uni-btn-v">
-				<button type="default" @click="setText">改变标题栏文字</button>
-				<button type="primary" @click="setBg">改变标题栏颜色</button>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: 'nav-default',
-				hasSetText:false,
-				hasSetBg:false
-			}
-		},
-		methods: {
-			setText() {
-				this.hasSetText = !this.hasSetText;
-				uni.setNavigationBarTitle({
-					title: this.hasSetText ? "Hello uni-app" : "默认导航栏"
-				})
-			},
-			setBg() {
-				this.hasSetBg = !this.hasSetBg;
-				uni.setNavigationBarColor({
-					frontColor: this.hasSetBg ?  "#000000" : "#ffffff",
-					backgroundColor: this.hasSetBg ? "#F8F8F8" : "#007AFF"
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/pages/API/share/share.vue b/pages/API/share/share.vue
deleted file mode 100644
index a56f017..0000000
--- a/pages/API/share/share.vue
+++ /dev/null
@@ -1,293 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-title">分享内容</view>
-			<view class="uni-textarea">
-				<textarea class="textarea" v-model="shareText" />
-				</view>
-			<view class="uni-title">分享图片：</view>
-			<view class="uni-uploader" style="padding:15rpx; background:#FFF;">
-				<view class="uni-uploader__input-box" v-if="!image" @tap="chooseImage"></view>
-				<image class="uni-uploader__img" v-if="image" :src="image"></image>
-			</view>
-			<!-- #ifdef APP-PLUS -->
-			<view class="uni-title">分享类型：</view>
-			<view>
-				<radio-group @change="radioChange">
-					<label class="radio">
-						<radio value="1" checked="true"/>文字
-					</label>
-					<label class="radio">
-						<radio value="2" />图片
-					</label>
-					<label class="radio">
-						<radio value="0" />图文
-					</label>
-					<label class="radio">
-						<radio value="5" />小程序
-					</label>
-				</radio-group>
-			</view>
-			<view class="uni-btn-v uni-common-mt" v-if="providerList.length > 0">
-				<block v-for="(value,index) in providerList" :key="index">
-					<button type="primary" v-if="value" :disabled="isDisableButton(value)" @tap="share(value)">{{value.name}}</button>
-				</block>
-			</view>
-			<!-- #endif -->
-			<!-- #ifdef MP || QUICKAPP-WEBVIEW -->
-			<view class="uni-btn-v uni-common-mt">
-				<button type="primary" open-type="share">分享</button>
-			</view>
-			<!-- #endif -->
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'share',
-				shareText: 'uni-app可以同时发布成原生App、小程序、H5，邀请你一起体验！',
-				href:"https://uniapp.dcloud.io",
-				image: '',
-				shareType:1,
-				providerList: []
-			}
-		},
-		computed:{
-			isDisableButton() {
-				return function(item) {
-					if(this.shareType === 0 && item.id === 'qq'){
-						return true;
-					}
-					if(this.shareType === 5 && item.name !== '分享到微信好友'){
-						return true;
-					}
-					return false;
-				}
-			}
-		},
-		onShareAppMessage() {
-			return {
-				title: this.shareText ? this.shareText : "欢迎体验uni-app",
-				path: '/pages/tabBar/component/component',
-				imageUrl:this.image ? this.image : 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b6304f00-5168-11eb-bd01-97bc1429a9ff.png'
-			}
-		},
-		onUnload:function(){
-			this.shareText='uni-app可以同时发布成原生App、小程序、H5，邀请你一起体验！',
-			this.href = 'https://uniapp.dcloud.io',
-			this.image='';
-		},
-		onLoad: function () {
-			uni.getProvider({
-				service: 'share',
-				success: (e) => {
-					console.log('success', e);
-					let data = []
-					for (let i = 0; i < e.provider.length; i++) {
-						switch (e.provider[i]) {
-							case 'weixin':
-								data.push({
-									name: '分享到微信好友',
-									id: 'weixin',
-									sort:0
-								})
-								data.push({
-									name: '分享到微信朋友圈',
-									id: 'weixin',
-									type:'WXSenceTimeline',
-									sort:1
-								})
-								break;
-							case 'sinaweibo':
-								data.push({
-									name: '分享到新浪微博',
-									id: 'sinaweibo',
-									sort:2
-								})
-								break;
-							case 'qq':
-								data.push({
-									name: '分享到QQ',
-									id: 'qq',
-									sort:3
-								})
-								break;
-							default:
-								break;
-						}
-					}
-					this.providerList = data.sort((x,y) => {
-						return x.sort - y.sort
-					});
-				},
-				fail: (e) => {
-					console.log('获取分享通道失败', e);
-					uni.showModal({
-						content:'获取分享通道失败',
-						showCancel:false
-					})
-				}
-			});
-		},
-		methods: {
-			async share(e) {
-				console.log('分享通道:'+ e.id +'； 分享类型:' + this.shareType);
-				
-				if(!this.shareText && (this.shareType === 1 || this.shareType === 0)){
-					uni.showModal({
-						content:'分享内容不能为空',
-						showCancel:false
-					})
-					return;
-				}
-				
-				if(!this.image && (this.shareType === 2 || this.shareType === 0)){
-					uni.showModal({
-						content:'分享图片不能为空',
-						showCancel:false
-					})
-					return;
-				}
-				
-				let shareOPtions = {
-					provider: e.id,
-					scene: e.type && e.type === 'WXSenceTimeline' ? 'WXSenceTimeline' : 'WXSceneSession', //WXSceneSession”分享到聊天界面，“WXSenceTimeline”分享到朋友圈，“WXSceneFavorite”分享到微信收藏     
-					type: this.shareType,
-					success: (e) => {
-						console.log('success', e);
-						uni.showModal({
-							content: '已分享',
-							showCancel:false
-						})
-					},
-					fail: (e) => {
-						console.log('fail', e)
-						uni.showModal({
-							content: e.errMsg,
-							showCancel:false
-						})
-					},
-					complete:function(){
-						console.log('分享操作结束!')
-					}
-				}
-				
-				switch (this.shareType){
-					case 0:
-						shareOPtions.summary = this.shareText;
-						shareOPtions.imageUrl = this.image;
-						shareOPtions.title = '欢迎体验uniapp';
-						shareOPtions.href = 'https://uniapp.dcloud.io';
-						break;
-					case 1:
-						shareOPtions.summary = this.shareText;
-						break;
-					case 2:
-						shareOPtions.imageUrl = this.image;
-						break;
-					case 5:
-						shareOPtions.imageUrl = this.image ? this.image : 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b6304f00-5168-11eb-bd01-97bc1429a9ff.png'
-						shareOPtions.title = '欢迎体验uniapp';
-						shareOPtions.miniProgram = {
-							id:'gh_33446d7f7a26',
-							path:'/pages/tabBar/component/component',
-							webUrl:'https://uniapp.dcloud.io',
-							type:0
-						};
-						break;
-					default:
-						break;
-				}
-				
-				if(shareOPtions.type === 0 && plus.os.name === 'iOS'){//如果是图文分享，且是ios平台，则压缩图片 
-					shareOPtions.imageUrl = await this.compress();
-				}
-				if(shareOPtions.type === 1 && shareOPtions.provider === 'qq'){//如果是分享文字到qq，则必须加上href和title
-					shareOPtions.href = 'https://uniapp.dcloud.io';
-					shareOPtions.title = '欢迎体验uniapp';
-				}
-				uni.share(shareOPtions);
-			},
-			radioChange(e){
-				console.log('type:' + e.detail.value);
-				this.shareType = parseInt(e.detail.value);
-			},
-			chooseImage() {
-				uni.chooseImage({
-					count: 1,
-					sourceType: ['album', 'camera'],
-					sizeType: ['compressed', 'original'],
-					success: (res) => {
-						this.image = res.tempFilePaths[0];
-					},
-					fail: (err) => {
-						// #ifdef MP
-						uni.getSetting({
-							success: (res) => {
-								let authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];
-								if (!authStatus) {
-									uni.showModal({
-										title: '授权失败',
-										content: 'Hello uni-app需要从您的相机或相册获取图片，请在设置界面打开相关权限',
-										success: (res) => {
-											if (res.confirm) {
-												uni.openSetting()
-											}
-										}
-									})
-								}
-							}
-						})
-						// #endif
-					}
-				})
-			},
-			compress(){//压缩图片 图文分享要求分享图片大小不能超过20Kb
-				console.log('开始压缩');
-				let img = this.image;
-				return new Promise((res) => {
-					var localPath = plus.io.convertAbsoluteFileSystem(img.replace('file://', ''));
-					console.log('after' + localPath);
-					// 压缩size
-					plus.io.resolveLocalFileSystemURL(localPath, (entry) => {
-						entry.file((file) => {// 可通过entry对象操作图片 
-							console.log('getFile:' + JSON.stringify(file));
-							if(file.size > 20480) {// 压缩后size 大于20Kb
-								plus.zip.compressImage({
-									src: img,
-									dst: img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG'),
-									width: '10%',
-									height: '10%',
-									quality: 1,
-									overwrite: true
-								}, (event) => {
-									console.log('success zip****' + event.size);
-									let newImg = img.replace('.jpg', '2222.jpg').replace('.JPG', '2222.JPG');
-									res(newImg);
-								}, function(error) {
-									uni.showModal({
-										content:'分享图片太大,需要请重新选择图片!',
-										showCancel:false
-									})
-								});
-							}
-						});
-					}, (e) => {
-						console.log('Resolve file URL failed: ' + e.message);
-						uni.showModal({
-							content:'分享图片太大,需要请重新选择图片!',
-							showCancel:false
-						})
-					});
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>
diff --git a/pages/API/show-loading/show-loading.vue b/pages/API/show-loading/show-loading.vue
deleted file mode 100644
index 20dc7fd..0000000
--- a/pages/API/show-loading/show-loading.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-btn-v">
-				<button class="btn-load" type="primary" @click="showLoading">显示 loading 提示框</button>
-				<!-- #ifndef MP-ALIPAY -->
-				<button @click="hideLoading">隐藏 loading 提示框</button>
-				<!-- #endif -->
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'loading'
-			}
-		},
-		methods: {
-			showLoading: function() {
-				uni.showLoading({
-					title: 'loading'
-				});
-
-				// #ifdef MP-ALIPAY
-				this._showTimer && clearTimeout(this._showTimer);
-				this._showTimer = setTimeout(() => {
-					this.hideLoading();
-				}, 3000)
-				// #endif
-			},
-			hideLoading: function() {
-				uni.hideLoading();
-			}
-		}
-		// #ifdef MP-ALIPAY
-		,
-		onUnload() {
-			this._showTimer && clearTimeout(this._showTimer);
-		}
-		// #endif
-	}
-</script>
-
-<style>
-
-</style>
diff --git a/pages/API/soter/soter.vue b/pages/API/soter/soter.vue
deleted file mode 100644
index f477e39..0000000
--- a/pages/API/soter/soter.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-btn-v">
-                <button type="primary" @click="checkIsSupportSoterAuthentication">检查支持的认证方式</button>
-                <button type="primary" @click="checkIsSoterEnrolledInDeviceFingerPrint">检查是否录入指纹</button>
-                <button type="primary" @click="checkIsSoterEnrolledInDeviceFaceID">检查是否录入FaceID</button>
-                <button type="primary" @click="startSoterAuthenticationFingerPrint">开始指纹认证</button>
-                <button type="primary" @click="startSoterAuthenticationFaceID">开始FaceID认证</button>
-            </view>
-			<view style="width: 100%;text-align: center;">{{ result }}</view>
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			title: '生物认证',
-			result: ''
-		};
-	},
-	onLoad() {
-
-	},
-	methods: {
-		checkIsSupportSoterAuthentication() {
-			uni.checkIsSupportSoterAuthentication({
-				success(res) {
-                    uni.showModal({
-                        content: '支持的认证方式：' + res.supportMode,
-                        showCancel: false
-                    })
-					console.log(res);
-				},
-				fail(err) {
-					console.log(err);
-				}
-			})
-		},
-		checkIsSoterEnrolledInDeviceFingerPrint() {
-			uni.checkIsSoterEnrolledInDevice({
-				checkAuthMode: 'fingerPrint',
-				success(res) {
-                    if(res.isEnrolled) {
-                        uni.showToast({
-                            icon: 'none',
-                            title: '已录入指纹'
-                        })
-                    }else {
-                        uni.showModal({
-                            content: '未录入指纹',
-                            showCancel: false
-                        })
-                    }
-					console.log(res);
-				},
-				fail(err) {
-                    uni.showModal({
-                        content: '未录入指纹',
-                        showCancel: false
-                    })
-					console.log(err);
-				}
-			})
-		},
-		checkIsSoterEnrolledInDeviceFaceID() {
-			uni.checkIsSoterEnrolledInDevice({
-				checkAuthMode: 'facial',
-				success(res) {
-                    if(res.isEnrolled) {
-                        uni.showToast({
-                            icon: 'none',
-                            title: '已录入FaceID'
-                        })
-                    }else {
-                        uni.showModal({
-                            content: '未录入FaceID',
-                            showCancel: false
-                        })
-                    }
-					console.log(res);
-				},
-				fail(err) {
-                    uni.showModal({
-                        content: '未录入FaceID',
-                        showCancel: false
-                    })
-					console.log(err);
-				}
-			})
-		},
-		startSoterAuthenticationFingerPrint() {
-			uni.startSoterAuthentication({
-				requestAuthModes: ['fingerPrint'],
-				challenge: '123456',
-				authContent: '请用指纹解锁',
-				success(res) {
-                    uni.showToast({
-                        icon: 'none',
-                        title: '指纹验证成功'
-                    })
-					console.log(res);
-				},
-				fail(err) {
-                    uni.showModal({
-                        content: '指纹验证失败，errCode：' + err.errCode,
-                        showCancel: false
-                    })
-					console.log(err);
-				}
-			})
-		},
-		startSoterAuthenticationFaceID() {
-			uni.startSoterAuthentication({
-				requestAuthModes: ['facial'],
-				challenge: '123456',
-				authContent: '请用FaceID解锁',
-				success(res) {
-                    uni.showToast({
-                        icon: 'none',
-                        title: 'FaceID验证成功'
-                    })
-					console.log(res);
-				},
-				fail(err) {
-                    uni.showModal({
-                        content: 'FaceID验证失败，errCode：' + err.errCode,
-                        showCancel: false
-                    })
-					console.log(err);
-				}
-			})
-		}
-	}
-};
-</script>
-
-<style></style>
diff --git a/pages/API/sqlite/sqlite.vue b/pages/API/sqlite/sqlite.vue
deleted file mode 100644
index 7627670..0000000
--- a/pages/API/sqlite/sqlite.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-btn-v"><button type="primary" @click="openDB">打开数据库test.db</button></view>
-			<view class="uni-btn-v"><button type="primary" @click="executeSQL">创建表database及插入数据</button></view>
-			<view class="uni-btn-v"><button type="primary" @click="selectSQL">查询表database的数据</button></view>
-			<view class="uni-btn-v"><button type="primary" @click="droptable">删除表database</button></view>
-			<view class="uni-btn-v"><button type="primary" @click="closeDB">关闭数据库test.db</button></view>
-			<view class="uni-btn-v"><button type="primary" @click="isOpenDB">查询是否打开数据库</button></view>
-			
-			
-			
-			
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			title: 'SQLite'
-		};
-	},
-	methods: {
-		openDB: function() {
-			plus.sqlite.openDatabase({
-				name: 'first',
-				path: '_doc/test.db',
-				success: function(e) {
-					plus.nativeUI.alert('打开数据库test.db成功 ');
-				},
-				fail: function(e) {
-					plus.nativeUI.alert('打开数据库test.db失败: ' + JSON.stringify(e));
-				}
-			});
-		},
-		// 执行SQL语句
-		executeSQL: function() {
-			plus.sqlite.executeSql({
-				name: 'first',
-				sql: 'create table if not exists database("name" CHAR(110),"sex" CHAR(10),"age" INT(11))',
-				success: function(e) {
-					plus.sqlite.executeSql({
-						name: 'first',
-						sql: "insert into database values('彦','女','7000')",
-						success: function(e) {
-							plus.nativeUI.alert('创建表table和插入数据成功');
-						},
-						fail: function(e) {
-							plus.nativeUI.alert('创建表table成功但插入数据失败: ' + JSON.stringify(e));
-						}
-					});
-				},
-				fail: function(e) {
-					plus.nativeUI.alert('创建表table失败: ' + JSON.stringify(e));
-				}
-			});
-		},
-		// 查询SQL语句
-		selectSQL: function() {
-			plus.sqlite.selectSql({
-				name: 'first',
-				sql: 'select * from database',
-				success: function(e) {
-					plus.nativeUI.alert('查询SQL语句成功: ' + JSON.stringify(e));
-				},
-				fail: function(e) {
-					plus.nativeUI.alert('查询SQL语句失败: ' + JSON.stringify(e));
-				}
-			});
-		},
-		// 删除表
-		droptable: function() {
-			plus.sqlite.executeSql({
-				name: 'first',
-				sql: 'drop table database',
-				success: function(e) {
-					plus.nativeUI.alert('删除表database成功');
-				},
-				fail: function(e) {
-					plus.nativeUI.alert('删除表database失败: ' + JSON.stringify(e));
-				}
-			});
-		},
-		// 关闭数据库
-		closeDB: function() {
-			plus.sqlite.closeDatabase({
-				name: 'first',
-				success: function(e) {
-					plus.nativeUI.alert('关闭数据库成功');
-				},
-				fail: function(e) {
-					plus.nativeUI.alert('关闭数据库失败: ' + JSON.stringify(e));
-				}
-			});
-		},
-		isOpenDB: function() {
-			if (
-				plus.sqlite.isOpenDatabase({
-					name: 'first',
-					path: '_doc/test.db'
-				})
-			) {
-				plus.nativeUI.alert('Opened!');
-			} else {
-				plus.nativeUI.alert('Unopened!');
-			}
-		}
-	}
-};
-</script>
-
-<style>
-	.uni-btn-v {
-		margin: 20rpx 0;
-		padding: 0;
-	}
-</style>
diff --git a/pages/API/storage/storage.vue b/pages/API/storage/storage.vue
deleted file mode 100644
index 9dac7b0..0000000
--- a/pages/API/storage/storage.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view class="uni-list">
-				<view class="uni-list-cell">
-					<view class="uni-list-cell-left">
-						<view class="uni-label">key</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" placeholder="请输入key" name="key" :value="key" @input="keyChange"/>
-					</view>
-				</view>
-				<view class="uni-list-cell">
-					<view class="uni-list-cell-left">
-						<view class="uni-label">value</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input class="uni-input" type="text" placeholder="请输入value" name="data" :value="data" @input="dataChange"/>
-					</view>
-				</view>
-			</view>
-			<view class="uni-padding-wrap">
-				<view class="uni-btn-v">
-					<button type="primary" class="btn-setstorage" @tap="setStorage">存储数据</button>
-					<button @tap="getStorage">读取数据</button>
-					<button @tap="clearStorage">清理数据</button>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'get/set/clearStorage',
-				key: '',
-				data: ''
-			}
-		},
-		methods: {
-			keyChange: function (e) {
-				this.key = e.detail.value
-			},
-			dataChange: function (e) {
-				this.data = e.detail.value
-			},
-			getStorage: function () {
-				var key = this.key,
-					data = this.data;
-				if (key.length === 0) {
-					uni.showModal({
-						title: '读取数据失败',
-						content: "key 不能为空",
-						showCancel:false
-					})
-				} else {
-					uni.getStorage({
-						key: key,
-						success: (res) => {
-							uni.showModal({
-								title: '读取数据成功',
-								content: "data: '" + res.data + "'",
-								showCancel:false
-							})
-						},
-						fail: () => {
-							uni.showModal({
-								title: '读取数据失败',
-								content: "找不到 key 对应的数据",
-								showCancel:false
-							})
-						}
-					})
-				}
-			},
-			setStorage: function () {
-				var key = this.key
-				var data = this.data
-				if (key.length === 0) {
-					uni.showModal({
-						title: '保存数据失败',
-						content: 'key 不能为空',
-						showCancel:false
-					})
-				} else {
-					uni.setStorage({
-						key: key,
-						data: data,
-						success: (res) => {
-							uni.showModal({
-								title: '存储数据成功',
-								// #ifndef MP-ALIPAY
-								content: JSON.stringify(res.errMsg),
-								// #endif
-								// #ifdef MP-ALIPAY
-								content: data,
-								// #endif
-								showCancel:false
-							})
-						},
-						fail: () => {
-							uni.showModal({
-								title: '储存数据失败!',
-								showCancel:false
-							})
-						}
-					})
-				}
-			},
-			clearStorage: function () {
-				uni.clearStorageSync()
-				this.key = '',
-					this.data = ''
-				uni.showModal({
-					title: '清除数据成功',
-					content: ' ',
-					showCancel:false
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.btn-setstorage {
-		background-color: #007aff;
-		color: #ffffff;
-	}
-</style>
diff --git a/pages/API/subnvue/subnvue.vue b/pages/API/subnvue/subnvue.vue
deleted file mode 100644
index 78e6cda..0000000
--- a/pages/API/subnvue/subnvue.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-	<view class="content">
-		<page-head :title="title"></page-head>
-		<view class="example">
-			<view class="example-title">从左侧滑出</view>
-			<button @click="showDrawer">显示抽屉</button>
-		</view>
-		<view class="example">
-			<view class="example-title">从上侧竖向滑出</view>
-			<button @click="showPopup">显示 弹出层</button>
-		</view>
-		<view style="width: 100%;">
-			<video v-if="showVideo" id="video"
-			@play="playVideo"
-			@pause="closeMask"
-			:controls="false"
-			src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v"
-			@error="videoErrorCallback" poster="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b1476d40-4e5f-11eb-b997-9918a5dda011.png"></video>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: 'SubNvue',
-				showVideo: false
-			};
-		},
-		onLoad() {
-			this.closeMask();
-
-			// 接收 popup 的消息
-			uni.$on('popup-page', (data) => {
-				switch(data.type){
-					case 'interactive':
-						uni.showModal({
-							title: '来自Popup的消息',
-							content: data.info
-						})
-						break;
-					default:
-						uni.showToast({
-							title: data.title,
-						})
-						break;
-				}
-			})
-			// 监听 drawer 消息
-			uni.$on('drawer-page', (data) => {
-				uni.showToast({
-					title: '点击了第' + data + '项',
-					icon:"none"
-				});
-			})
-		},
-		onUnload() {
-			uni.$off('popup-page')
-			uni.$off('drawer-page')
-		},
-		onReady() {
-			this.showVideo = true
-		},
-		methods: {
-			showDrawer() {
-				uni.getSubNVueById('drawer').show('slide-in-left', 200);
-			},
-		    showPopup() {
-				// 向 popup 传递消息
-				uni.$emit('page-popup', {
-					title: '请阅读软件内容',
-					content: 'uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。'
-				});
-				const subNVue = uni.getSubNVueById('popup')
-		        subNVue.show('slide-in-top', 250)
-		    },
-			videoErrorCallback: function() {
-				uni.showModal({
-					content: '视频加载失败',
-					showCancel: false
-				})
-			},
-			playVideo() {
-				let subNVue = uni.getSubNVueById('video_mask')
-				subNVue.show('fade-in', 200, () => {
-					uni.$emit('play-video', {
-						status: 'open',
-					})
-				})
-			},
-			closeMask() {
-				let subNVue = uni.getSubNVueById('video_mask')
-				uni.$emit('close-video', {
-					status: 'close',
-				})
-				subNVue.hide('fade-out', 200)
-			},
-		}
-	}
-</script>
-
-<style>
-	.content {
-		align-content: center;
-	    height: 100%;
-		background-color: #F4F5F6;
-	}
-	.example {
-		padding: 0 10px 10px
-	}
-	.example-title {
-		font-size: 14px;
-		line-height: 14px;
-		color: #777;
-		margin: 40px 2rpx;
-		position: relative
-	}
-	video {
-		position: absolute;
-		bottom: 30px;
-		left: 0;
-		width: 100%;
-		height: 200px;
-	}
-	.example .example-title {
-		margin: 40rpx 0
-	}
-	button {
-		background-color: #f8f8f8;
-	}
-	.title {
-	    font-size: 20px;
-		text-align: center;
-	    color: #8f8f94;
-	}
-</style>
diff --git a/pages/API/subnvue/subnvue/drawer.nvue b/pages/API/subnvue/subnvue/drawer.nvue
deleted file mode 100644
index 1fb883b..0000000
--- a/pages/API/subnvue/subnvue/drawer.nvue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-    <div class="wrapper">
-		<text class="nav-text">左侧列表</text>
-		<list class="list-wrapper">
-			<cell v-for="item in lists" :key="item.id">
-				<div class="text-wrapper" @click="clickitem(item.id)">
-					<text style="font-size: 30rpx; ">{{item.name}}</text>
-					<text class="icon">&#xe583;</text>
-				</div>
-			</cell>
-		</list>
-		<div style="flex: 1; text-align: center;">
-			<div class="close-drawer" @click="hideDrawer">
-				<text style="font-size: 34rpx; text-align: center;">关闭抽屉</text>
-			</div>
-		</div>
-    </div>
-</template>
-
-<script>
-    export default {
-		data() {
-			return {
-				lists: [],
-			}
-		},
-		beforeCreate() {
-			const domModule = weex.requireModule('dom')
-			domModule.addRule('fontFace', {
-				fontFamily: "unibtn",
-				'src': "url('../../../../static/uni.ttf')"
-			});
-		},
-		created() {
-			for(let i = 0; i < 5; i++){
-				this.lists.push({
-					id: i,
-					name: 'Item' + i,
-				});
-			}
-		},
-        methods: {
-            hideDrawer() {
-                uni.getCurrentSubNVue().hide('auto')
-            },
-			clickitem(e) {
-				uni.$emit('drawer-page', e);
-			}
-        }
-    }
-</script>
-
-<style>
-	.wrapper {
-		flex-direction: column;
-		flex: 1;
-		text-align: center;
-		padding: 60rpx 0rpx 0rpx 20rpx;
-		background-color: #F4F5F6;
-	}
-	.nav-text {
-		color: #8f8f94; 
-		/* #ifndef APP-PLUS-NVUE */
-		margin-bottom: 40px;
-		/* #endif */
-		/* #ifdef APP-PLUS-NVUE */
-		margin-bottom: 40rpx;
-		/* #endif */
-	}
-	.list-wrapper {
-		/* #ifdef APP-PLUS-NVUE */
-		height: 450rpx;
-		/* #endif */
-		/* #ifndef APP-PLUS-NVUE */
-		height: 450px;
-		/* #endif */
-	}
-	.text-wrapper {
-		justify-content: center;
-		border-bottom-style: solid;
-		border-bottom-width: 1rpx;
-		border-bottom-color: rgba(0,0,0,.2);
-		margin-bottom: 35rpx;
-		padding-bottom: 15rpx;
-	}
-	.close-drawer {
-		background-color: #f8f8f8;
-		width: 300rpx;
-		padding: 15rpx;
-		border-radius: 20rpx;
-		border-style: solid;
-		border-width: 1rpx;
-		border-color: rgba(0,0,0,.2);
-	}
-	.icon {
-		position: absolute;
-		right: 10rpx;
-		color: #000000;
-		font-family: unibtn;
-		font-size: 30rpx;
-		font-weight: 400;
-	}
-</style>
diff --git a/pages/API/subnvue/subnvue/popup.nvue b/pages/API/subnvue/subnvue/popup.nvue
deleted file mode 100644
index 2d6a431..0000000
--- a/pages/API/subnvue/subnvue/popup.nvue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-	<div class="wrapper">
-		<text class="title">{{title}}</text>
-		<scroller class="scroller">
-			<div>
-				<text class="content">{{content}}</text>
-			</div>
-			<div>
-				<text style="color: red; font-size: 30rpx;">以下为 Popup 内部滚动示例：</text>
-			</div>
-			<div class="cell" v-for="(item, index) in lists" @click="handle(item)" :key="index">
-				<text class="text">{{item}}</text>
-			</div>
-		</scroller>
-		<div class="message-wrapper">
-			<text class="send-message" @click="sendMessage">向页面发送消息</text>
-		</div>
-	</div>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '',
-				content: '',
-				lists: [],
-			}
-		},
-		created() {
-			const vm = this;
-			for (let i = 1; i < 20; i++) {
-				this.lists.push('item' + i);
-			}
-			uni.$on('page-popup', (data) => {
-				vm.title = data.title;
-				vm.content = data.content;
-			})
-		},
-		beforeDestroy() {
-			uni.$off('drawer-page')
-		},
-		methods: {
-			sendMessage() {
-				const subNVue = uni.getCurrentSubNVue()
-				uni.$emit('popup-page', {
-					title: '已读完!',
-				})
-			},
-			handle(item, index) {
-				const subNVue = uni.getCurrentSubNVue()
-				uni.$emit('popup-page', {
-					type: 'interactive',
-					info: item + ' 该元素被点击了!',
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.wrapper {
-		flex-direction: column;
-		justify-content: space-between;
-		padding: 10rpx 15rpx;
-		background-color: #F4F5F6;
-		border-radius: 4rpx;
-	}
-
-	.title {
-		height: 100rpx;
-		line-height: 100rpx;
-		border-bottom-style: solid;
-		border-bottom-width: 1rpx;
-		border-bottom-color: #CBCBCB;
-		flex: 0;
-		font-size: 30rpx;
-	}
-
-	.scroller {
-		height: 400rpx;
-		padding: 8rpx 15rpx;
-	}
-
-	.content {
-		color: #555555;
-		font-size: 32rpx;
-	}
-
-	.message-wrapper {
-		flex: 0;
-		border-top-style: solid;
-		border-top-width: 1rpx;
-		border-top-color: #CBCBCB;
-		height: 80rpx;
-		align-items: flex-end;
-	}
-
-	.send-message {
-		font-size: 30rpx;
-		line-height: 80rpx;
-		color: #00CE47;
-		margin-left: 20rpx;
-	}
-
-	.cell {
-		margin: 10rpx;
-		padding: 20rpx 0;
-		top: 10rpx;
-		align-items: center;
-		justify-content: center;
-		border-radius: 10rpx;
-		background-color: #5989B9;
-	}
-
-	.text {
-		font-size: 30rpx;
-		text-align: center;
-		color: white;
-	}
-</style>
diff --git a/pages/API/subnvue/subnvue/video-mask.nvue b/pages/API/subnvue/subnvue/video-mask.nvue
deleted file mode 100644
index d7ba10c..0000000
--- a/pages/API/subnvue/subnvue/video-mask.nvue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-	<div class="wrapper">
-		<list class="list">
-			<cell v-for="(item, index) in lists" :key="index" :ref="'item' + index" class="cell">
-				<text class="name">{{item.name}}:</text>
-				<text class="content">{{item.content}}</text>
-			</cell>
-		</list>
-	</div>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				lists: [],
-				interval: null,
-				yourTexts: [
-					{
-						name: '学员A',
-						content: '老师讲的真好',
-					}, {
-						name: '学员B',
-						content: 'uni-app值得学习',
-					}, {
-						name: '学员C',
-						content: '老师，还有实战例子吗？',
-					}, {
-						name: '学员D',
-						content: '老师，请问是不是要先学会vue才能学uni-app？',
-					}, {
-						name: '学员E',
-						content: '受教了，uni-app太牛了',
-					}
-				],
-			}
-		},
-		created() {
-			const vm = this;
-			uni.$on('play-video', (data) => {
-				if(data.status === 'open'){
-					this.addItem();
-				}else{
-					this.closeItem();
-				}
-			})
-		},
-		beforeDestroy(){
-			uni.$off('play-video')
-			this.closeItem()
-		},
-		methods: {
-			addItem() {
-				const vm = this;
-				vm.lists = [{
-					name: '学员E',
-					content: '受教了，uni-app太牛了',
-				}];
-				const dom = weex.requireModule('dom')
-				vm.interval = setInterval(() => {
-					if(vm.lists.length > 15) {
-						vm.lists.unshift();
-					}
-					vm.lists.push({
-						name: vm.yourTexts[vm.lists.length%4].name,
-						content: vm.yourTexts[vm.lists.length%4].content
-					});
-					if(vm.lists.length > 5) {
-						vm.$nextTick(() => {
-							if(vm.$refs['item' + (vm.lists.length - 1)]){
-								dom.scrollToElement(vm.$refs['item' + (vm.lists.length - 1)][0]);
-							}
-						});
-					}
-				}, 3500);
-			},
-			closeItem() {
-				if(this.interval) clearInterval(this.interval);
-			}
-		}
-	}
-</script>
-
-<style>
-	.wrapper {
-		position: relative;
-		flex: 1;
-		background-color: transparent;
-	}
-	.list {
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		background-color: rgba(0, 0, 0, 0.7);
-	}
-	.cell {
-		padding: 10rpx 0;
-		flex-direction: row;
-		flex-wrap: nowrap;
-	}
-	.name {
-		flex: 0;
-		font-size: 20rpx;
-		margin-right: 20rpx;
-		color: #FF5A5F;
-	}
-	.content {
-		flex: 1;
-		font-size: 20rpx;
-		color: #F4F5F6;
-	}
-</style>
diff --git a/pages/API/toast/toast.vue b/pages/API/toast/toast.vue
deleted file mode 100644
index f75cb50..0000000
--- a/pages/API/toast/toast.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-btn-v">
-				<button type="default" @tap="toast1Tap">点击弹出默认toast</button>
-				<button type="default" @tap="toast2Tap">点击弹出设置duration的toast</button>
-				<button type="default" @tap="toast3Tap">点击弹出显示loading的toast</button>
-				<!-- #ifndef MP-ALIPAY -->
-				<button type="default" @tap="toast4Tap">点击弹出显示自定义图片的toast</button>
-				<!-- #endif -->
-				<!-- #ifdef APP-PLUS -->
-				<button type="default" @tap="toast5Tap">点击显示无图标的居底toast</button>
-				<!-- #endif -->
-				<button type="default" @tap="hideToast">点击隐藏toast</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'toast'
-			}
-		},
-		// #ifdef MP-ALIPAY
-		onUnload() {
-			this._showTimer && clearTimeout(this._showTimer);
-		},
-		// #endif
-		methods: {
-			toast1Tap: function () {
-				uni.showToast({
-					title: "默认"
-				})
-			},
-			toast2Tap: function () {
-				uni.showToast({
-					title: "duration 3000",
-					duration: 3000
-				})
-			},
-			toast3Tap: function () {
-				uni.showToast({
-					title: "loading",
-					icon: "loading",
-					duration: 5000
-				})
-				// #ifdef MP-ALIPAY
-				this._showTimer = setTimeout(() => {
-					// icon 是 loading 时，showToast 实际执行的是 showLoading
-					my.hideLoading()
-					// 执行完所有代码再清除定时器
-					clearTimeout(this._showTimer);
-				}, 3000)
-				// #endif
-
-			},
-			toast4Tap: function () {
-				uni.showToast({
-					title: "logo",
-					image: "../../../static/uni.png"
-				})
-			},
-			// #ifdef APP-PLUS
-			toast5Tap: function () {
-				uni.showToast({
-					title: "显示一段轻提示",
-					position:'bottom'
-				})
-			},
-			// #endif
-			hideToast: function () {
-				uni.hideToast()
-			}
-		}
-	}
-</script>
diff --git a/pages/API/upload-file/upload-file.vue b/pages/API/upload-file/upload-file.vue
deleted file mode 100644
index 86c42a9..0000000
--- a/pages/API/upload-file/upload-file.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="demo">
-				<block v-if="imageSrc">
-					<image :src="imageSrc" class="image" mode="widthFix"></image>
-				</block>
-				<block v-else>
-					<view class="uni-hello-addfile" @click="chooseImage">+ 选择图片</view>
-				</block>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'uploadFile',
-				imageSrc: ''
-			}
-		},
-		onUnload() {
-			this.imageSrc = '';
-		},
-		methods: {
-			chooseImage: function() {
-				uni.chooseImage({
-					count: 1,
-					sizeType: ['compressed'],
-					sourceType: ['album'],
-					success: (res) => {
-						console.log('chooseImage success, temp path is', res.tempFilePaths[0])
-						var imageSrc = res.tempFilePaths[0]
-						uni.uploadFile({
-							url: 'https://unidemo.dcloud.net.cn/upload',
-							filePath: imageSrc,
-							fileType: 'image',
-							name: 'data',
-							success: (res) => {
-								console.log('uploadImage success, res is:', res)
-								uni.showToast({
-									title: '上传成功',
-									icon: 'success',
-									duration: 1000
-								})
-								this.imageSrc = imageSrc
-							},
-							fail: (err) => {
-								console.log('uploadImage fail', err);
-								uni.showModal({
-									content: err.errMsg,
-									showCancel: false
-								});
-							}
-						});
-					},
-					fail: (err) => {
-						console.log('chooseImage fail', err)
-						// #ifdef MP
-						uni.getSetting({
-							success: (res) => {
-								let authStatus = res.authSetting['scope.album'];
-								if (!authStatus) {
-									uni.showModal({
-										title: '授权失败',
-										content: 'Hello uni-app需要从您的相册获取图片，请在设置界面打开相关权限',
-										success: (res) => {
-											if (res.confirm) {
-												uni.openSetting()
-											}
-										}
-									})
-								}
-							}
-						})
-						// #endif
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.image {
-		width: 100%;
-	}
-
-	.demo {
-		background: #FFF;
-		padding: 50rpx;
-	}
-</style>
diff --git a/pages/API/vibrate/vibrate.vue b/pages/API/vibrate/vibrate.vue
deleted file mode 100644
index f8fadf7..0000000
--- a/pages/API/vibrate/vibrate.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<button class="uni-button" type="primary" @click="longshock">长震动</button>
-			<button class="uni-button" @click="shortshock">短震动</button>
-
-			<view class="uni-tips">
-				<view>Tips</view>
-				<view class="uni-tips-text">iOS上只有长震动，没有短震动</view>
-				<view class="uni-tips-text">iOS上需要手机设置“打开响铃时震动”或“静音时震动”，否则无法震动</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-export default {
-	data() {
-		return {
-			title: 'vibrateLong/vibrateShort'
-		};
-	},
-	onLoad() {},
-	methods: {
-		longshock() {
-			uni.vibrateLong({
-				success: function() {
-					console.log('success');
-				}
-			});
-		},
-		shortshock() {
-			uni.vibrateShort({
-				success: function() {
-					console.log('success');
-				}
-			});
-		}
-	}
-};
-</script>
-
-<style>
-.uni-padding-wrap {
-	margin-top: 50rpx 0;
-}
-.uni-button {
-	margin: 30rpx 0;
-}
-.uni-tips {
-	color: #666;
-	font-size: 30rpx;
-}
-.uni-tips-text {
-	margin-top: 15rpx;
-	line-height: 1.2;
-	font-size: 24rpx;
-}
-</style>
diff --git a/pages/API/video/video.vue b/pages/API/video/video.vue
deleted file mode 100644
index b371608..0000000
--- a/pages/API/video/video.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view class="uni-list">
-				<view class="uni-list-cell">
-					<view class="uni-list-cell-left">
-						<view class="uni-label">视频来源</view>
-					</view>
-					<view class="uni-list-cell-right">
-						<picker :range="sourceType" @change="sourceTypeChange" :value="sourceTypeIndex">
-							<view class="uni-input">{{sourceType[sourceTypeIndex]}}</view>
-						</picker>
-					</view>
-				</view>
-			</view>
-		</view>
-		<!-- #ifdef APP-PLUS || MP-WEIXIN -->
-		<view class="uni-title uni-common-mt uni-common-pl">摄像头位置</view>
-		<view class="uni-hello-text camera-tips">注意：部分 Android 手机下由于系统 ROM 不支持无法生效，打开拍摄界面后可操作切换</view>
-		<view class="uni-list">
-			<radio-group @change="radioChange">
-				<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in cameraList" :key="item.value">
-					<radio :value="item.value" :checked="index === cameraIndex">{{item.name}}</radio>
-				</label>
-			</radio-group>
-		</view>
-		<!-- #endif -->
-		<template v-if="!src">
-			<view class="uni-hello-addfile" @tap="chooseVideo">+ 添加视频</view>
-		</template>
-		<template v-else>
-			<video :src="src" class="video"></video>
-		</template>
-	</view>
-</template>
-<script>
-	var sourceType = [
-		['camera'],
-		['album'],
-		['camera', 'album']
-	]
-	export default {
-		data() {
-			return {
-				title: 'chooseVideo',
-				sourceTypeIndex: 2,
-				sourceType: ['拍摄', '相册', '拍摄或相册'],
-				src: '',
-				cameraList: [{
-						value: 'back',
-						name: '后置摄像头',
-						checked: 'true'
-					},
-					{
-						value: 'front',
-						name: '前置摄像头'
-					},
-				],
-				cameraIndex: 0
-			}
-		},
-		onUnload() {
-			this.src = '',
-				this.sourceTypeIndex = 2,
-				this.sourceType = ['拍摄', '相册', '拍摄或相册'];
-		},
-		methods: {
-			radioChange(evt) {
-				for (let i = 0; i < this.cameraList.length; i++) {
-					if (this.cameraList[i].value === evt.detail.value) {
-						this.cameraIndex = i;
-						break;
-					}
-				}
-			},
-			sourceTypeChange: function(e) {
-				this.sourceTypeIndex = parseInt(e.detail.value)
-			},
-			chooseVideo: function() {
-				uni.chooseVideo({
-					camera: this.cameraList[this.cameraIndex].value,
-					sourceType: sourceType[this.sourceTypeIndex],
-					success: (res) => {
-						this.src = res.tempFilePath
-					},
-					fail: (err) => {
-						// #ifdef MP
-						uni.getSetting({
-							success: (res) => {
-								let authStatus = false;
-								switch (this.sourceTypeIndex) {
-									case 0:
-										authStatus = res.authSetting['scope.camera'];
-										break;
-									case 1:
-										authStatus = res.authSetting['scope.album'];
-										break;
-									case 2:
-										authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];
-										break;
-									default:
-										break;
-								}
-								if (!authStatus) {
-									uni.showModal({
-										title: '授权失败',
-										content: 'Hello uni-app需要从您的相机或相册获取视频，请在设置界面打开相关权限',
-										success: (res) => {
-											if (res.confirm) {
-												uni.openSetting()
-											}
-										}
-									})
-								}
-							}
-						})
-						// #endif
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.video {
-		width: 100%;
-	}
-
-	.camera-tips {
-		padding: 10rpx 30rpx;
-	}
-</style>
diff --git a/pages/API/voice/voice.vue b/pages/API/voice/voice.vue
deleted file mode 100644
index 0e9e319..0000000
--- a/pages/API/voice/voice.vue
+++ /dev/null
@@ -1,243 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="uni-padding-wrap">
-            <block v-if="!recording && !playing && !hasRecord">
-                <view class="page-body-time">
-                    <text class="time-big">{{formatedRecordTime}}</text>
-                </view>
-                <view class="page-body-buttons">
-                    <view class="page-body-button"></view>
-                    <view class="page-body-button" @click="startRecord">
-                        <image src="../../../static/record.png"></image>
-                    </view>
-                    <view class="page-body-button"></view>
-                </view>
-            </block>
-            <block v-if="recording === true">
-                <view class="page-body-time">
-                    <text class="time-big">{{formatedRecordTime}}</text>
-                </view>
-                <view class="page-body-buttons">
-                    <view class="page-body-button"></view>
-                    <view class="page-body-button" @click="stopRecord">
-                        <view class="button-stop-record"></view>
-                    </view>
-                    <view class="page-body-button"></view>
-                </view>
-            </block>
-            <block v-if="hasRecord === true && playing === false">
-                <view class="page-body-time">
-                    <text class="time-big">{{formatedPlayTime}}</text>
-                    <text class="time-small">{{formatedRecordTime}}</text>
-                </view>
-                <view class="page-body-buttons">
-                    <view class="page-body-button" @click="playVoice">
-                        <image src="../../../static/play.png"></image>
-                    </view>
-                    <view class="page-body-button" @click="clear">
-                        <image src="../../../static/trash.png"></image>
-                    </view>
-                </view>
-            </block>
-            <block v-if="hasRecord === true && playing === true">
-                <view class="page-body-time">
-                    <text class="time-big">{{formatedPlayTime}}</text>
-                    <text class="time-small">{{formatedRecordTime}}</text>
-                </view>
-                <view class="page-body-buttons">
-                    <view class="page-body-button" @click="stopVoice">
-                        <image src="../../../static/stop.png"></image>
-                    </view>
-                    <view class="page-body-button" @click="clear">
-                        <image src="../../../static/trash.png"></image>
-                    </view>
-                </view>
-            </block>
-        </view>
-    </view>
-</template>
-<script>
-	// #ifdef APP-PLUS
-	import permision from "@/common/permission.js"
-	// #endif
-    import * as util from '../../../common/util.js'
-    var playTimeInterval = null;
-    var recordTimeInterval = null;
-    var recorderManager = null;
-    var music = null;
-    export default {
-        data() {
-            return {
-                title: 'start/stopRecord、play/stopVoice',
-                recording: false, //录音中
-                playing: false, //播放中
-                hasRecord: false, //是否有了一个
-                tempFilePath: '',
-                recordTime: 0,
-                playTime: 0,
-                formatedRecordTime: '00:00:00', //录音的总时间
-                formatedPlayTime: '00:00:00' //播放录音的当前时间
-            }
-        },
-        onUnload: function() {
-            this.end();
-        },
-        onLoad: function() {
-            music = uni.createInnerAudioContext();
-            music.onEnded(() => {
-                clearInterval(playTimeInterval)
-                var playTime = 0
-                console.log('play voice finished')
-                this.playing = false;
-                this.formatedPlayTime = util.formatTime(playTime);
-                this.playTime = playTime;
-            });
-            recorderManager = uni.getRecorderManager();
-            recorderManager.onStart(() => {
-                console.log('recorder start');
-
-                this.recording = true;
-                recordTimeInterval = setInterval(() => {
-                    this.recordTime += 1;
-                    this.formatedRecordTime = util.formatTime(this.recordTime);
-                }, 1000)
-            });
-            recorderManager.onStop((res) => {
-                console.log('on stop');
-                music.src = res.tempFilePath;
-
-                this.hasRecord = true;
-                this.recording = false;
-            });
-            recorderManager.onError(() => {
-                console.log('recorder onError');
-            });
-        },
-        methods: {
-            async startRecord() { //开始录音
-                // #ifdef APP-PLUS
-                let status = await this.checkPermission();
-                if (status !== 1) {
-                    return;
-                }
-                // #endif
-
-                // TODO ios 在没有请求过权限之前无法得知是否有相关权限，这种状态下需要直接调用录音，但没有状态或回调判断用户拒绝
-                recorderManager.start({
-                    format: 'mp3'
-                });
-            },
-            stopRecord() { //停止录音
-                recorderManager.stop();
-                clearInterval(recordTimeInterval);
-            },
-            playVoice() {
-                console.log('play voice');
-                this.playing = true;
-                playTimeInterval = setInterval(() => {
-                    this.playTime += 1;
-                    this.formatedPlayTime = util.formatTime(this.playTime);
-                }, 1000)
-                music.play();
-            },
-            stopVoice() {
-                clearInterval(playTimeInterval)
-                this.playing = false;
-                this.formatedPlayTime = util.formatTime(0);
-                this.playTime = 0;
-                music.stop();
-            },
-            end() {
-                music.stop();
-                recorderManager.stop();
-                clearInterval(recordTimeInterval)
-                clearInterval(playTimeInterval);
-                this.recording = false, this.playing = false, this.hasRecord = false;
-                this.playTime = 0, this.recordTime = 0;
-                this.formatedRecordTime = "00:00:00", this.formatedRecordTime = "00:00:00";
-            },
-            clear() {
-                this.end();
-            }
-            // #ifdef APP-PLUS
-            ,
-            async checkPermission() {
-                let status = permision.isIOS ? await permision.requestIOS('record') :
-                    await permision.requestAndroid('android.permission.RECORD_AUDIO');
-
-                if (status === null || status === 1) {
-                    status = 1;
-                } else if (status === 2) {
-                    uni.showModal({
-                        content: "系统麦克风已关闭",
-                        confirmText: "确定",
-                        showCancel: false,
-                        success: function(res) {
-                        }
-                    })
-                } else {
-                    uni.showModal({
-                        content: "需要麦克风权限",
-                        confirmText: "设置",
-                        success: function(res) {
-                            if (res.confirm) {
-                                permision.gotoAppSetting();
-                            }
-                        }
-                    })
-                }
-                return status;
-            }
-            // #endif
-        }
-    }
-</script>
-
-<style>
-    image {
-        width: 150rpx;
-        height: 150rpx;
-    }
-
-    .page-body-wrapper {
-        justify-content: space-between;
-        flex-grow: 1;
-        margin-bottom: 300rpx;
-    }
-
-    .page-body-time {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
-    .time-big {
-        font-size: 60rpx;
-        margin: 20rpx;
-    }
-
-    .time-small {
-        font-size: 30rpx;
-    }
-
-    .page-body-buttons {
-        margin-top: 60rpx;
-        display: flex;
-        justify-content: space-around;
-    }
-
-    .page-body-button {
-        width: 250rpx;
-        text-align: center;
-    }
-
-    .button-stop-record {
-        width: 110rpx;
-        height: 110rpx;
-        border: 20rpx solid #fff;
-        background-color: #f55c23;
-        border-radius: 130rpx;
-        margin: 0 auto;
-    }
-</style>
diff --git a/pages/API/websocket-global/websocket-global.vue b/pages/API/websocket-global/websocket-global.vue
deleted file mode 100644
index 3d7f1ac..0000000
--- a/pages/API/websocket-global/websocket-global.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-	<view>
-		<page-head title="websocket通讯示例"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-btn-v">
-				<view class="websocket-msg">{{showMsg}}</view>
-				<button type="primary" @click="connect">连接websocket服务</button>
-				<button v-show="connected" type="primary" @click="send">发送一条消息</button>
-				<button type="primary" @click="close">断开websocket服务</button>
-				<view class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	let platform = uni.getSystemInfoSync().platform
-	export default {
-		data() {
-			return {
-				connected: false,
-				connecting: false,
-				msg: false,
-				roomId: ''
-			}
-		},
-		computed: {
-			showMsg() {
-				if (this.connected) {
-					if (this.msg) {
-						return '收到消息：' + this.msg
-					} else {
-						return '等待接收消息'
-					}
-				} else {
-					return '尚未连接'
-				}
-			}
-		},
-		onUnload() {
-			uni.closeSocket()
-            uni.hideLoading()
-		},
-		methods: {
-			connect() {
-				if (this.connected || this.connecting) {
-					uni.showModal({
-						content: '正在连接或者已经连接，请勿重复连接',
-						showCancel: false
-					})
-					return false
-				}
-				this.connecting = true
-				uni.showLoading({
-					title: '连接中...'
-				})
-				uni.connectSocket({
-					url: 'wss://echo.websocket.org',
-					data() {
-						return {
-							msg: 'Hello'
-						}
-					},
-					// #ifdef MP
-					header: {
-						'content-type': 'application/json'
-					},
-					// #endif
-					// #ifdef MP-WEIXIN
-					method: 'GET',
-					// #endif
-					success(res) {
-						// 这里是接口调用成功的回调，不是连接成功的回调，请注意
-					},
-					fail(err) {
-						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
-					}
-				})
-				uni.onSocketOpen((res) => {
-					this.connecting = false
-					this.connected = true
-					uni.hideLoading()
-					uni.showToast({
-						icon: 'none',
-						title: '连接成功'
-					})
-					console.log('onOpen', res);
-				})
-				uni.onSocketError((err) => {
-					this.connecting = false
-					this.connected = false
-					uni.hideLoading()
-					uni.showModal({
-						content: '连接失败，可能是websocket服务不可用，请稍后再试',
-						showCancel: false
-					})
-					console.log('onError', err);
-				})
-				uni.onSocketMessage((res) => {
-					this.msg = res.data
-					console.log('onMessage', res)
-				})
-				uni.onSocketClose((res) => {
-					this.connected = false
-					this.startRecive = false
-					this.msg = false
-					console.log('onClose', res)
-				})
-			},
-			send() {
-				uni.sendSocketMessage({
-					data: 'from ' + platform + ' : ' + parseInt(Math.random() * 10000).toString(),
-					success(res) {
-						console.log(res);
-					},
-					fail(err) {
-						console.log(err);
-					}
-				})
-			},
-			close() {
-				uni.closeSocket()
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-btn-v {
-		padding: 10rpx 0;
-	}
-
-	.uni-btn-v button {
-		margin: 20rpx 0;
-	}
-
-	.websocket-room {
-		height: 40px;
-		line-height: 40px;
-		text-align: center;
-		border-bottom: solid 1px #DDDDDD;
-		margin-bottom: 20px;
-	}
-
-	.websocket-msg {
-		padding: 40px 0px;
-		text-align: center;
-		font-size: 14px;
-		line-height: 40px;
-		color: #666666;
-	}
-
-    .websocket-tips{
-        padding: 40px 0px;
-        text-align: center;
-        font-size: 14px;
-        line-height: 24px;
-        color: #666666;
-    }
-</style>
diff --git a/pages/API/websocket-socketTask/websocket-socketTask.vue b/pages/API/websocket-socketTask/websocket-socketTask.vue
deleted file mode 100644
index a891359..0000000
--- a/pages/API/websocket-socketTask/websocket-socketTask.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-	<view>
-		<page-head title="websocket通讯示例"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-btn-v">
-				<view class="websocket-msg">{{showMsg}}</view>
-				<button type="primary" @click="connect">连接websocket服务</button>
-				<button v-show="connected" type="primary" @click="send">发送一条消息</button>
-				<button type="primary" @click="close">断开websocket服务</button>
-				<view class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	let platform = uni.getSystemInfoSync().platform
-	export default {
-		data() {
-			return {
-				connected: false,
-				connecting: false,
-				socketTask: false,
-				msg: false,
-			}
-		},
-		computed: {
-			showMsg() {
-				if (this.connected) {
-					if (this.msg) {
-						return '收到消息：' + this.msg
-					} else {
-						return '等待接收消息'
-					}
-				} else {
-					return '尚未连接'
-				}
-			}
-		},
-		onUnload() {
-            uni.hideLoading()
-			if (this.socketTask && this.socketTask.close) {
-				this.socketTask.close()
-			}
-		},
-		methods: {
-			connect() {
-				if (this.connected || this.connecting) {
-					uni.showModal({
-						content: '正在连接或者已经连接，请勿重复连接',
-						showCancel: false
-					})
-					return false
-				}
-				this.connecting = true
-				uni.showLoading({
-					title: '连接中...'
-				})
-				this.socketTask = uni.connectSocket({
-					url: 'wss://echo.websocket.org',
-					data() {
-						return {
-							msg: 'Hello'
-						}
-					},
-					// #ifdef MP
-					header: {
-						'content-type': 'application/json'
-					},
-					// #endif
-					// #ifdef MP-WEIXIN
-					method: 'GET',
-					// #endif
-					success(res) {
-						// 这里是接口调用成功的回调，不是连接成功的回调，请注意
-					},
-					fail(err) {
-						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
-					}
-				})
-                console.log(this.socketTask);
-				this.socketTask.onOpen((res) => {
-					this.connecting = false
-					this.connected = true
-					uni.hideLoading()
-					uni.showToast({
-						icon: 'none',
-						title: '连接成功'
-					})
-					console.log('onOpen', res);
-				})
-				this.socketTask.onError((err) => {
-					this.connecting = false
-					this.connected = false
-					uni.hideLoading()
-					uni.showModal({
-						content: '连接失败，可能是websocket服务不可用，请稍后再试',
-						showCancel: false
-					})
-					console.log('onError', err);
-				})
-				this.socketTask.onMessage((res) => {
-					this.msg = res.data
-					console.log('onMessage', res)
-				})
-				this.socketTask.onClose((res) => {
-					this.connected = false
-					this.startRecive = false
-					this.socketTask = false
-					this.msg = false
-					console.log('onClose', res)
-				})
-				console.log('task', this.socketTask)
-			},
-			send() {
-				this.socketTask.send({
-					data: 'from ' + platform + ' : ' + parseInt(Math.random() * 10000).toString(),
-					success(res) {
-						console.log(res);
-					},
-					fail(err) {
-						console.log(err);
-					}
-				})
-			},
-			close() {
-				if (this.socketTask && this.socketTask.close) {
-					this.socketTask.close()
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-	
-	.uni-btn-v {
-		padding: 10rpx 0;
-	}
-
-	.uni-btn-v button {
-		margin: 20rpx 0;
-	}
-
-	.websocket-msg {
-		padding: 40px 0px;
-		text-align: center;
-		font-size: 14px;
-		line-height: 40px;
-		color: #666666;
-	}
-
-    .websocket-tips{
-        padding: 40px 0px;
-        text-align: center;
-        font-size: 14px;
-        line-height: 24px;
-        color: #666666;
-    }
-</style>
diff --git a/pages/component/ad/ad.vue b/pages/component/ad/ad.vue
deleted file mode 100644
index 3c83dfd..0000000
--- a/pages/component/ad/ad.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="ad-view">
-            <ad adpid="1111111111" :unit-id="unitId" type="feed" @load="adload" @error="aderror"/>
-            <!-- #ifdef APP-PLUS -->
-            <view class="ad-tips" v-if="!isLoad">
-                <text>{{adMessage}}</text>
-            </view>
-            <!-- #endif -->
-            <!-- #ifndef APP-PLUS -->
-            <view class="ad-tips">
-                <text>小程序端的广告ID由小程序平台提供</text>
-            </view>
-            <!-- #endif -->
-        </view>
-        <view class="tips">
-            <text class="tips-text">本示例页面仅演示ad组件。另点此可体验</text><text class="tips-hl" @click="gotoapi">激励视频API</text><text class="tips-text">。</text>
-        </view>
-    </view>
-</template>
-
-<script>
-    export default {
-        data() {
-            return {
-                title: 'AD组件',
-                unitId: '',
-                isLoad: false,
-                adMessage: "广告加载中..."
-            }
-        },
-        onLoad() {
-            // #ifdef MP-WEIXIN
-            this.unitId = '';
-            // #endif
-            // #ifdef MP-TOUTIAO
-            this.unitId = ''
-            // #endif
-            // #ifdef MP-QQ
-            this.unitId = ''
-            // #endif
-        },
-        methods: {
-            adload() {
-                this.isLoad = true;
-            },
-            aderror(e) {
-                this.adMessage = e.detail.errMsg;
-            },
-            gotoapi() {
-                uni.navigateTo({
-                    url: "/pages/API/rewarded-video-ad/rewarded-video-ad"
-                })
-            }
-        }
-    }
-</script>
-
-<style>
-    .content {
-        background-color: #DBDBDB;
-        padding: 10px;
-    }
-
-    .ad-view {
-        background-color: #FFFFFF;
-        margin-bottom: 10px;
-    }
-
-    .ad-tips {
-        color: #999;
-        padding: 30px 0;
-        text-align: center;
-    }
-
-    .tips {
-        margin-top: 30px;
-        text-align: center;
-        line-height: 42px;
-    }
-
-    .tips-text {
-        color: #444;
-    }
-
-    .tips-hl {
-        color: #007AFF;
-        margin-left: 1px;
-    }
-</style>
diff --git a/pages/component/audio/audio.vue b/pages/component/audio/audio.vue
deleted file mode 100644
index 81f911e..0000000
--- a/pages/component/audio/audio.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-	<view>
-		<page-head title="audio"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-center">
-				<audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name" :author="current.author"
-				    :action="audioAction" controls></audio>
-				<view class="">audio组件不再维护，建议使用能力更强的uni.createInnerAudioContext()</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				current: {
-					poster: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/c517b410-5184-11eb-b997-9918a5dda011.jpeg',
-					name: '致爱丽丝',
-					author: '暂无',
-					src: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
-				},
-				audioAction: {
-					method: 'pause'
-				}
-			}
-		}
-	}
-</script>
\ No newline at end of file
diff --git a/pages/component/button/button.vue b/pages/component/button/button.vue
deleted file mode 100644
index b62fdac..0000000
--- a/pages/component/button/button.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="uni-padding-wrap uni-common-mt">
-            <button type="primary">页面主操作 Normal</button>
-            <button type="primary" :loading="loading">页面主操作 Loading</button>
-            <button type="primary" disabled="true">页面主操作 Disabled</button>
-
-            <button type="default">页面次要操作 Normal</button>
-            <button type="default" disabled="true">页面次要操作 Disabled</button>
-
-            <button type="warn">警告类操作 Normal</button>
-            <button type="warn" disabled="true">警告类操作 Disabled</button>
-
-            <view class="button-sp-area">
-                <button type="primary" plain="true">按钮</button>
-                <button type="primary" disabled="true" plain="true">不可点击的按钮</button>
-
-                <button type="default" plain="true">按钮</button>
-                <button type="default" disabled="true" plain="true">按钮</button>
-
-                <button class="mini-btn" type="primary" size="mini">按钮</button>
-                <button class="mini-btn" type="default" size="mini">按钮</button>
-                <button class="mini-btn" type="warn" size="mini">按钮</button>
-            </view>
-            <!-- #ifdef MP-WEIXIN || MP-QQ || MP-JD -->
-            <button open-type="launchApp" app-parameter="uni-app" @error="openTypeError">打开APP</button>
-            <button open-type="feedback">意见反馈</button>
-            <!-- #endif -->
-        </view>
-    </view>
-</template>
-<script>
-    export default {
-        data() {
-            return {
-                title: 'button',
-                loading: false
-            }
-        },
-        onLoad() {
-            this._timer = null;
-        },
-        onShow() {
-            this.clearTimer();
-            this._timer = setTimeout(() => {
-                this.loading = true;
-            }, 300)
-        },
-        onUnload() {
-            this.clearTimer();
-            this.loading = false;
-        },
-        methods: {
-            openTypeError(error) {
-                console.error('open-type error:', error);
-            },
-            clearTimer() {
-                if (this._timer != null) {
-                    clearTimeout(this._timer);
-                }
-            }
-        }
-    }
-</script>
-
-<style>
-    button {
-        margin-top: 30rpx;
-        margin-bottom: 30rpx;
-    }
-
-    .button-sp-area {
-        margin: 0 auto;
-        width: 60%;
-    }
-
-    .mini-btn {
-        margin-right: 10rpx;
-    }
-</style>
diff --git a/pages/component/canvas/canvas.vue b/pages/component/canvas/canvas.vue
deleted file mode 100644
index c4699a4..0000000
--- a/pages/component/canvas/canvas.vue
+++ /dev/null
@@ -1,263 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="page-body">
-            <view class="page-body-wrapper">
-                <!-- #ifdef APP-PLUS || H5 -->
-                <canvas canvas-id="canvas" class="canvas" :start="startStatus" :change:start="animate.start"
-                    :data-width="canvasWidth" :data-height="canvasWidth"></canvas>
-                <!-- #endif -->
-                <!-- #ifndef APP-PLUS || H5 -->
-                <canvas canvas-id="canvas" id="canvas" class="canvas"></canvas>
-                <!-- #endif -->
-            </view>
-        </view>
-    </view>
-</template>
-
-<script module="animate" lang="renderjs">
-    function Ball({
-        x,
-        y,
-        vx,
-        vy,
-        canvasWidth,
-        canvasHeight,
-        ctx
-    }) {
-        this.canvasWidth = canvasWidth
-        this.canvasHeight = canvasHeight
-        this.ctx = ctx
-        this.x = x
-        this.y = y
-        this.vx = vx
-        this.vy = vy
-        this.radius = 5
-    }
-
-    Ball.prototype.draw = function() {
-        this.ctx.beginPath()
-        this.ctx.fillStyle = '#007AFF'
-        this.ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI)
-        this.ctx.closePath()
-        this.ctx.fill()
-    }
-
-    Ball.prototype.move = function() {
-        this.x += this.vx
-        this.y += this.vy
-        // 回到中心
-        // if (getDistance(this.x - this.canvasWidth / 2, this.y - this.canvasHeight / 2) >
-        // 	getDistance(this.canvasWidth / 2, this.canvasHeight / 2) + this.radius) {
-        // 	this.x = this.canvasWidth / 2
-        // 	this.y = this.canvasHeight / 2
-        // }
-
-        // 边框反弹
-        if (this.x < this.radius) {
-            this.vx = Math.abs(this.vx)
-            return
-        }
-        if (this.x > this.canvasWidth - this.radius) {
-            this.vx = -Math.abs(this.vx)
-        }
-        if (this.y < this.radius) {
-            this.vy = Math.abs(this.vy)
-            return
-        }
-        if (this.y > this.canvasWidth - this.radius) {
-            this.vy = -Math.abs(this.vy)
-        }
-    }
-
-    function getDistance(x, y) {
-        return Math.pow(Math.pow(x, 2) + Math.pow(y, 2), 0.5)
-    }
-
-    export default {
-        methods: {
-            start(newVal, oldVal, owner, ins) {
-                let canvasWidth = ins.getDataset().width,
-                    canvasHeight = ins.getDataset().height,
-                    canvasEle = document.querySelectorAll('.canvas>canvas')[0],
-                    ctx = canvasEle.getContext('2d'),
-                    speed = 3,
-                    ballList = [],
-                    layer = 3,
-                    ballInlayer = 20
-                for (let i = 0; i < layer; i++) {
-                    let radius = getDistance(canvasWidth / 2, canvasHeight / 2) / layer * i
-                    for (let j = 0; j < ballInlayer; j++) {
-                        let deg = j * 2 * Math.PI / ballInlayer,
-                            sin = Math.sin(deg),
-                            cos = Math.cos(deg),
-                            x = radius * cos + canvasWidth / 2,
-                            y = radius * sin + canvasHeight / 2,
-                            vx = speed * cos,
-                            vy = speed * sin
-                        ballList.push(new Ball({
-                            x,
-                            y,
-                            vx,
-                            vy,
-                            canvasWidth,
-                            canvasHeight,
-                            ctx,
-                            radius: 5
-                        }))
-                    }
-                }
-
-                function animate(ballList) {
-                    ctx.clearRect(0, 0, canvasEle.width, canvasEle.height)
-                    ballList.forEach(function(item) {
-                        item.move()
-                        item.draw()
-                    })
-                    requestAnimationFrame(function() {
-                        animate(ballList)
-                    })
-                }
-                animate(ballList)
-            }
-        }
-    }
-</script>
-
-<script>
-    // #ifndef APP-PLUS || H5
-
-    let ctx = null,
-        interval = null;
-
-    function Ball(x, y, vx, vy, canvasWidth, canvasHeight, ctx) {
-        this.canvasWidth = canvasWidth
-        this.canvasHeight = canvasHeight
-        this.ctx = ctx
-        this.x = x
-        this.y = y
-        this.vx = vx
-        this.vy = vy
-        this.radius = 5
-    }
-
-    Ball.prototype.draw = function() {
-        this.ctx.setFillStyle('#007AFF')
-        this.ctx.beginPath()
-        this.ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI)
-        this.ctx.closePath()
-        this.ctx.fill()
-    }
-
-    Ball.prototype.move = function() {
-        this.x += this.vx
-        this.y += this.vy
-        // 回到中心
-        // if (getDistance(this.x - this.canvasWidth / 2, this.y - this.canvasHeight / 2) >
-        // 	getDistance(this.canvasWidth / 2, this.canvasHeight / 2) + this.radius) {
-        // 	this.x = this.canvasWidth / 2
-        // 	this.y = this.canvasHeight / 2
-        // }
-
-        // 边框反弹
-        if (this.x < this.radius) {
-            this.vx = Math.abs(this.vx)
-            return
-        }
-        if (this.x > this.canvasWidth - this.radius) {
-            this.vx = -Math.abs(this.vx)
-        }
-        if (this.y < this.radius) {
-            this.vy = Math.abs(this.vy)
-            return
-        }
-        if (this.y > this.canvasWidth - this.radius) {
-            this.vy = -Math.abs(this.vy)
-        }
-    }
-
-    function getDistance(x, y) {
-        return Math.pow(Math.pow(x, 2) + Math.pow(y, 2), 0.5)
-    }
-
-    // #endif
-
-    export default {
-        data() {
-            return {
-                title: 'canvas',
-                canvasWidth: 0,
-                startStatus: false,
-                ballList: []
-            }
-        },
-        onReady: function() {
-            this.$nextTick(() => {
-                uni.createSelectorQuery().select(".canvas").boundingClientRect(data => {
-                    this.canvasWidth = data.width
-                    // #ifdef APP-PLUS || H5
-                    this.startStatus = true
-                    // #endif
-                    // #ifndef APP-PLUS || H5
-                    ctx = uni.createCanvasContext('canvas')
-                    this.drawBall()
-                    // #endif
-                }).exec()
-            })
-        },
-        // #ifndef APP-PLUS || H5
-        onUnload: function() {
-            clearInterval(interval);
-        },
-        methods: {
-            drawBall: function() {
-                let canvasWidth = this.canvasWidth,
-                    canvasHeight = this.canvasWidth,
-                    speed = 3,
-                    ballList = [],
-                    layer = 3,
-                    ballInlayer = 20
-                for (let i = 0; i < layer; i++) {
-                    let radius = getDistance(canvasWidth / 2, canvasHeight / 2) / layer * i
-                    for (let j = 0; j < ballInlayer; j++) {
-                        let deg = j * 2 * Math.PI / ballInlayer,
-                            sin = Math.sin(deg),
-                            cos = Math.cos(deg),
-                            x = radius * cos + canvasWidth / 2,
-                            y = radius * sin + canvasHeight / 2,
-                            vx = speed * cos,
-                            vy = speed * sin
-                        ballList.push(new Ball(x, y, vx, vy, canvasWidth, canvasHeight, ctx))
-                    }
-                }
-
-                function animate(ballList) {
-                    // ctx.clearRect(0, 0, canvasWidth, canvasHeight)
-                    ballList.forEach(function(item) {
-                        item.move()
-                        item.draw()
-                    })
-                    ctx.draw()
-                }
-
-                interval = setInterval(function() {
-                    animate(ballList)
-                }, 17)
-            }
-        }
-        // #endif
-    }
-</script>
-
-<style>
-    .page-body-wrapper {
-        text-align: center;
-    }
-
-    .canvas {
-        width: 610rpx;
-        height: 610rpx;
-        margin: auto;
-        background-color: #fff;
-    }
-</style>
diff --git a/pages/component/checkbox/checkbox.vue b/pages/component/checkbox/checkbox.vue
deleted file mode 100644
index de5bb05..0000000
--- a/pages/component/checkbox/checkbox.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title uni-common-mt">默认样式</view>
-			<view>
-				<checkbox-group>
-					<label>
-						<checkbox value="cb1" checked="true" />选中
-					</label>
-					<label>
-						<checkbox value="cb" />未选中
-					</label>
-				</checkbox-group>
-			</view>
-			<view class="uni-title uni-common-mt">不同颜色和尺寸的checkbox</view>
-			<view>
-				<checkbox-group>
-					<label>
-						<checkbox value="cb1" checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中
-					</label>
-					<label>
-						<checkbox value="cb" color="#FFCC33" style="transform:scale(0.7)" />未选中
-					</label>
-				</checkbox-group>
-			</view>
-		</view>
-
-		<view class="uni-padding-wrap">
-			<view class="uni-title uni-common-mt">
-				推荐展示样式
-				<text>\n使用 uni-list 布局</text>
-			</view>
-		</view>
-		<view class="uni-list">
-			<checkbox-group @change="checkboxChange">
-				<label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value">
-					<view>
-						<checkbox :value="item.value" :checked="item.checked" />
-					</view>
-					<view>{{item.name}}</view>
-				</label>
-			</checkbox-group>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'checkbox 复选框',
-				items: [{
-						value: 'USA',
-						name: '美国'
-					},
-					{
-						value: 'CHN',
-						name: '中国',
-						checked: 'true'
-					},
-					{
-						value: 'BRA',
-						name: '巴西'
-					},
-					{
-						value: 'JPN',
-						name: '日本'
-					},
-					{
-						value: 'ENG',
-						name: '英国'
-					},
-					{
-						value: 'FRA',
-						name: '法国'
-					}
-				]
-			}
-		},
-		methods: {
-			checkboxChange: function (e) {
-				var items = this.items,
-					values = e.detail.value;
-				for (var i = 0, lenI = items.length; i < lenI; ++i) {
-					const item = items[i]
-					if(values.indexOf(item.value) >= 0){
-						this.$set(item,'checked',true)
-					}else{
-						this.$set(item,'checked',false)
-					}
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-.uni-list-cell {
-	justify-content: flex-start
-}
-</style>
diff --git a/pages/component/cover-view/cover-view.nvue b/pages/component/cover-view/cover-view.nvue
deleted file mode 100644
index 377d1cc..0000000
--- a/pages/component/cover-view/cover-view.nvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-    <view>
-        <video ref="video" id="myVideo" class="video" :src="src" controls="true">
-            <cover-view class="coverview" style="overflow-y: scroll;">
-                <text class="text">{{ '\uEA06\uEA0E\uEA0C\uEA0A 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view 我是可以滚动的cover-view' }}</text>
-            </cover-view>
-        </video>
-    </view>
-</template>
-
-<script>
-    export default {
-        data() {
-            return {
-                title: 'cover-view',
-                src: "https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v"
-            }
-        },
-        onLoad() {
-        },
-        methods: {
-        }
-    }
-</script>
-
-<style>
-    .content {
-        text-align: center;
-        height: 400rpx;
-    }
-
-    .logo {
-        height: 200rpx;
-        width: 200rpx;
-        margin-top: 200rpx;
-    }
-
-    .title {
-        font-size: 36rpx;
-        color: #8f8f94;
-    }
-
-    .text {
-        color: #4CD964;
-        font-family: unincomponents;
-    }
-
-    .video {
-        width: 750rpx;
-        height: 400rpx;
-        background-color: #808080;
-    }
-
-    .coverview {
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 0rpx;
-        height: 150rpx;
-        border-width: 10rpx;
-        border-color: #4CD964;
-    }
-</style>
diff --git a/pages/component/cover-view/cover-view.vue b/pages/component/cover-view/cover-view.vue
deleted file mode 100644
index ace1bf9..0000000
--- a/pages/component/cover-view/cover-view.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<view>
-		<page-head title="cover-view用于覆盖map、video等原生组件"></page-head>
-		<view class="cover-content" v-if="showMap">
-			<!-- TODO暂时条件编译解决支付宝小程序不能正常显示 cover-x -->
-			<!-- #ifdef APP-PLUS -->
-			<map>
-				<cover-view class="cover-view">简单的cover-view</cover-view>
-				<cover-image class="cover-image" src="/static/uni.png"></cover-image>
-			</map>
-			<!-- #endif -->
-
-			<!-- #ifndef APP-PLUS -->
-			<!-- #ifndef MP-QQ -->
-			<map></map>
-			<!-- #endif -->
-
-			<!-- TODO QQ暂不支持地图组件 -->
-			<!-- #ifdef MP-QQ -->
-			<video class="video" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v"></video>
-			<!-- #endif -->
-
-			<cover-view class="cover-view">简单的cover-view</cover-view>
-			<!-- #ifndef MP-QQ -->
-			<cover-image class="cover-image" src="/static/uni.png"></cover-image>
-			<!-- #endif -->
-			<!-- #endif -->
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				showMap: false
-			};
-		},
-		onLoad() {
-      // #ifdef APP-PLUS || MP-BAIDU
-			setTimeout(()=>{
-				this.showMap = true
-			},350)
-      // #endif
-      // #ifndef APP-PLUS || MP-BAIDU
-			this.showMap = true
-      // #endif
-		}
-	}
-</script>
-
-<style>
-	map {
-		width: 750rpx;
-		width: 100%;
-		height: 600px;
-	}
-
-	.video {
-		width: 100%;
-	}
-
-	.cover-content {
-		position: relative;
-	}
-
-	.cover-view {
-		position: absolute;
-		left: 5px;
-		top: 5px;
-		width: 375rpx;
-		text-align: center;
-		background-color: #DDDDDD;
-	}
-
-	.cover-image {
-		position: absolute;
-		left: 0;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		margin: auto;
-		width: 96px;
-		height: 96px;
-	}
-</style>
diff --git a/pages/component/editor/editor-icon.css b/pages/component/editor/editor-icon.css
deleted file mode 100644
index e8f0345..0000000
--- a/pages/component/editor/editor-icon.css
+++ /dev/null
@@ -1,238 +0,0 @@
-@font-face {
-    font-family: 'iconfont';
-    src: url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTYZt980AACuYAAAAHEdERUYAKQBBAAAreAAAAB5PUy8yPJdOmAAAAVgAAABWY21hcLyvuFAAAAJMAAACGmdhc3D//wADAAArcAAAAAhnbHlm1+PZcgAABOAAACD0aGVhZBRVFL8AAADcAAAANmhoZWEISgQAAAABFAAAACRobXR4TS8LYAAAAbAAAACcbG9jYQhHD/wAAARoAAAAeG1heHABTgChAAABOAAAACBuYW1lKeYRVQAAJdQAAAKIcG9zdLoCe30AAChcAAADEgABAAAAAQAAUo9exF8PPPUACwQAAAAAANhk6GIAAAAA2GToYgAA/34EbAOAAAAACAACAAAAAAAAAAEAAAOA/4AAXARsAAAAAARsAAEAAAAAAAAAAAAAAAAAAAATAAEAAAA7AJUACQAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQBAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5ifspQOA/4AAXAOAAIIAAAABAAAAAAAABAAAAAAAAAABVQAABAAALwQAAJ0EAAAeBAAAQARsAAAEAAACBAAANwQAADcEAACVBAAAmgQAAJoEAAA+BAAAQAQAACUEAQAABAAAQAAnAIAAgABgAIAAgACAAIAAeAAAAFAAMABgAEAAYAAgAEAAOQAgAGAAYACAAD8AYAAgAEAA1wBeACEAwACAAOAAogBgABoAIQBgADIAiwBAAAAAAwAAAAMAAAAcAAEAAAAAARQAAwABAAAAHAAEAPgAAAA6ACAABAAa5ifmK+Yx5jPmPuZN5mDmZOZu5njmfuaE5ujm/ecs513n+Ohg6GXpZOso7AnsE+x87JTsnuyg7KX//wAA5ifmK+Yx5jPmPuZN5l/mZOZt5njmfuaE5ujm/ecs51zn+Ohg6GPpZOso7AnsE+x67H/snuyg7KX//xncGdkZ1BnTGckZuxmqGacZnxmWGZEZjBkpGRUY5xi4GB4Xtxe1FrcU9BQUFAsTpROjE5oTmROVAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGgB8ANIA7AGaAiwCugNGBCAEgATiBRgFfgXyBl4GfAbGBwAHOAeWB7wH5ggoCGgI5AlSCaIKIgqmCxILPAtKC64L+gw8DIQMpgzKDQYNKA1GDaAN4g4MDlIObA6gDs4O6g8MD2APpA/GD+gQHhB6AAEAL/+AA8ADgAAJAAABNQkBNQQCFyYSAkABgP6A/r1YYdeEAoj4/oD+gP4G/rCo+QIEAAACAJ0ACANqAtQAKwA9AAAlIS4BJxE+ATchHgEXFQ4BIiY9AS4BJyEOAQcRHgEzITI2NzU0NjIWFxUOASUiLwEmNDYyHwEBNjIWFAcBBgL2/hsxQQICQTEB6y4+AgESGxIBGhP+FRYdAQEdFgHlFh0BEhsSAQJB/qoNCqMKFBkKjQFgChkUCv6KCggBQTEB5jBCAQE+Lx4NEhINHhQZAQEdFf4aFh0dFvkOEhIO+TFBnwqjChoTCY0BYAoUGQr+iQkAAAAABAAeAEoD4gJoAA8AGwAnADAAAAEGBAcmJC8BNzYkNxYEHwElDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEnDgEUFjI2NCYD0Ar+/sTE/v4LERELAQLExAECChL+Ho3WKirWjY3WKirWjTpNAQFNOjpNAQFNOh8qKj4qKgFEFtUPD9UWFRUX1Q4O1RcVzgeVMjKUCAiUMjKV/qwCTzw8UAEBUDw8T9cBK0ArK0ArAAEAQP+AA9EDgAAJAAAFNgIlFQkBFQQSAvphWP69/oABgAGNhICoAVAG/gGAAYD4C/38AAAIAAD/gARsA4AAHwArAEAATABVAGIAaAB1AAAFIikBLgEnET4BNzMVIyIGHQEhNS4BKwE1Mx4BFxEOARMiKQERFBYzITI2NwEwDwEGDwEjNzEuASc+ATceARcUBycOARQWMj8BNjcuAQUGDwE1NzMRIwEuASc1PgEyFh0BFAYlMjMhFSEHLgE9ATQ2MhYdARQGBAA5/m/+Ni49AQE9LlFRFx8EAAEeF1FRLj0BAT0IQP5A/gAfFwOUFx4B/uUCAgUGhTpiM0UBAUUzNEQBDmscJiY5FAkJAQEm/q0FIylTNDYCAAsPAQEPFw8P/aMi7AEN/eU1DA8PFw8PgAE9LgLXLj0BNh8Xa2sXHzYBPS79KS49AqH9yhcfHxcBIAMDCQjSoAJMOTlMAgJMOSIcjwEuRC4YEBIWIi4VBCAkQ1D+UgKGAQ8LogsQEAuiCw+GNlEBDwuiCxAQC6ILDwADAAL/fgPvA3AAKwBNAGcAAAEjNS4BJyMOAQcVIw4BBxUUFhcDHgE3ITUzFjI3MxYyNzMWNjcRPgE9AS4BAyM1NCYiBh0BIzU0JiIGBxUjNS4BIgYdASMiJicRIREUBhMUBiMhIiYnNT4BMyE1PgE3Mx4BFxUhMhYVA3/fAS8kpyQvAeAvPwEeGgEKYAYBMxUEBwO2AwcEhQZgCRoeAT+DVBAYEIwQGA8BiwEPGBBUJC8BAw4vZyAY/PIXIAEBIBcBGAEvIzgkLwEBFxggAnSoIzABATAjqAE/MDcgMg/+hlEjBAEBAQEBBCNQAXoPMiA3MD/9SN4MEBAM3t4MEBAM398MEBAM3ywoAU/+sScsAhIYICAYNxggqCMwAQEwI6ggGAAABQA3/8ED2gNPABEAIAAzAEQAXwAAASIjISYnJj4BMyEyFxYOASMGAzI7AR4BBwYHIS4BNzYzBSIjJSInJjY3NjMlIR4BFAYHIxUyOwEWFxYGBwYjBS4BNDYzATQmIg8BNTQmIgYdAScmIgYUFzEXFjI/ATE2ApxL0v7jHQgEBxgOAwQhCAQGGBBnZzlQiRcWBwke/LkXFwYIIAIjRs3+7RwJBAYKDQ8BcAFvFBYWFLwuJVQcCQQGCgwP/TcTFhYSAjQVHwotFB8ULQogFAlrCiEKawkB0AEZDBcOGgwXDgEBgAEeFBgBARwUG+YBGQwWBwkBARUiFAHoARgMFwcIAQEUIhX+2g8UCzKpDxQUD6kyCxQdCnYMDHYKAAAFADf/wQPaA00AEQAgADMARABeAAAlIiMhJicmPgE3ITIXFg4BIwYDMjsBHgEHBiMhIiY3NjcFIiMhJicmNjc2NykBMhYUBisBFTIzFxYXFgYHBgchIiY0NjMBMScmIg8BMQYUFjI/ARUUFjI2PQEXFjI2NAKcS9L+4x0IBAcYDgMEIQgEBhgQZ2c5UIkXFgcJHvy5FxcGCCACI0bN/u0cCQQGCg0PAXABbxQWFhS8LiVUHAkEBgoMD/03ExYWEgIrawohCmsJFCAKLRQfFC0KHxVbARkNFw0BGg0WDgEBgAEeFRgdFBoB5gEYDBcHCAEVIhXoAQEYCxcHCAEVIRUCv3cLC3cKHRQMMagPFBQPqDEMFB0AAAAACQCV/4EDawN+AB8ALwA9AE4AWgBrAHcAiACUAAABIzUuAScjLgEiBgcjDgEHFSMiBhURFBYXIT4BNRE0JiUzMjY3PgEyFhceATsBFSEBIREzFR4BMyEyNjc1MwUHJyYiBhQfARYyPwE2NCYiFyIGFBYzITI2NCYjBQcnJiIGFB8BFjI/ATY0JiIFIQ4BFBYzITI2NCYFBycmIgYUHwEWMj8BNjQmIgUhIgYUFhchPgE0JgNZVQEKB4IJPVQ9CYIHCgFVCAoKCAKyCAoK/b9/BwoBAyxALAMBCgd//kACJ/1yQwEKBwHkBwoBQ/4zSiEFDwoFLQYOBlYFCw5WBwoKBwEpBwoKB/58SiEFDwoFLQYOBlYFCw4Bf/7XBwoKBwEpBwoK/nVKIQUPCgUtBg4GVgULDgF//tcHCgoHASkHCgoC4TEHCgEoMjIoAQoHMQoI/MQHCgEBCgcDPAgKHwkIICkpIAgJbf0SAxg8CAoKCDzCSiEFCg8FLgUFVwUOCysKDwsLDwqlSSEFCw4GLQUFVgYOCysBCg8KCg8KpEohBgsPBS4FBVcFDgsrCg8KAQEKDwoAAAMAmv+AAzMDTQAXADQAPQAAJScmIgYUHwEhDgEUFhchBwYUFjI/ATY0ESEOAQceARczFRQWMjY1ETMRHgEyNjcRMzI2NCYBIy4BJz4BNzMDEmYIFBAIOv4kCg8PCgHcOggPFQhmCP5MV3MCAnNXNA4WD5kBDhYOAYAKDw/+djRBVwEBV0E0EmcHEBQIOgEOFg4BOggVDwhmCBQDQwJ0V1d0AuYLDw8LAk39swsPDwsCTQ4WD/6ZAldBQVcCAAAAAAMAmv+AAzMDTQAcACUAPQAAASEOAQceARczFRQWMjY1ETMRHgEyNjcRMzI2NCYBIy4BJz4BNzMBITc2LgEiDwEGFB8BFjI2NC8BIT4BNCYDGv5MV3MCAnNXNA4WD5kBDhYOAYAKDw/+djRBVwEBV0E0AUz+JToIAQ8UCGYICGYIFQ8IOgHbCw8PA00CdFdXdALmCw4OCwJN/bMLDg4LAk0OFg/+mQJXQUFXAv0AOggUEAdnCBQIZggPFQg6AQ4WDgAAAAADAD7/vgPCA0IADwAXABsAAAEhDgEHER4BFyE+ATcRLgEDJyMHIxMzEwEDMwMDUv1cL0ABAUAvAqQvQAEBQM82+DZn4m7i/uZevl0DQgFAL/1cL0ABAUAvAqQvQPzuqKgCav2WAfr+5wEZAAADAEAAAAPAAsAAFgAjAD8AAAEzPgE0JichDgEUFhczBwMGHgE2NxM2AT4BNyEeARQGByEuASUnJiIGFB8BBwYUFjI/ARcWMjY0LwE3NjQmIgcBtMwbJCQb/gAbJCQbuQEtBB02KgUtAv6IASQbAYAbJCQb/oAbJAK/VxMxJRJXVxIlMRNXVxMxJRJXVxIlMRMCQAEkNiQBASQ2JAEH/tgfMQsiHwEoEf4QGyQBASQ2JAEBJPJXEiUxE1dXEzElEldXEiUxE1dXEzElEgACACX/yQPbAzcABwBLAAABAxcWMzI3JgE3PgQ3GwEzFhcTHgEXHgEXFhceARcWHQEiJiMiBiM0PwI2PwE+ATU0Ji8BJQ4BFB4CHwEWFRQHIiYjIgYjBgHDYU47IAsWMv4rAQ0mGx0WB4egSQUCdRNTFwkxEQsJC04JAySRJSufFgJbCAYDBgQCIxcY/v4OOhAiFRYXAQEhhSIEFQIuAkH+/gEBAZH9+i0EBwULFhIBYAGeCAT+7i3NNhR+IRoHCBEDFgsPCQgYFBQCAgIFAgcFCVw3OgEhnhoSCgYCAgsWBQsMBQgAAAAABQAAABIEAAM3AA0AHQAtAD0ATQAAExEUBiIvASY0PwE2MhYBFRQGIyEiJj0BNDYzITIWNRUUBiMhIiY9ATQ2MyEyFjUVFAYjISImPQE0NjMhMhY1FRQGIyEiJj0BNDYzITIW2woQBaUFBaUFEAoDJQsH/CQHCwsHA9wHCwsH/ZIHCwsHAm4HCwsH/ZIHCwsHAm4HCwsH/CQHCwsHA9wHCwJJ/rcHCwWkBhAFpAUK/kFtCAsLCG0ICwvUbgcLCwduBwsL1G4HCwsHbggKCtRuCAoKCG4HCwsAAgBA/4ADwAMAAAcADwAAEyEVIxEjESMBIxEjESM1IUABgICAgAOA/Ij8AoABgID+gAGAAYD9AAMAgAAAAwAn/88D2QMxABgAHAAsAAA3MzI2PwEhFx4BOwE+AScDJicjIgYHAwYWATMXIwEhIgYHFR4BMyEyNjc1LgHNUQkPAz8BCEUDDwlRCwsE7AcTjAkPA9kECwEqElWyAhj8igwRAQERDAN2DBEBARG7DQmvrwkNAQ8KAkkSAQoJ/bcKDwH/xf5PEQ07DBERDDsNEQAAAAIAgACAA4AC1QALACQAABMzETMRMxEjESMRIykBIiY0PwE2NCYiBhUjPgE3HgEXFAYPASGAVatVVatVAwD/ACMyF88ZMkYyVQFhSElgAhsXzgEAAtX/AAEA/asBAP8AMkYX4BhHMjIjSGEBAWFIJD0Y3QAAAgCAAIADgALVAAsAJwAAEzMRMxEzESMRIxEjATMyFhURFAYrASImPQEzFTM1IzUzNSMVIzU0NoBVq1VVq1UCAKsjMjIjqyMyVaurq6tVMgLV/wABAP2rAQD/AAJVMiP+VSMyMiMrK6tVqysrIzIAAAIAYAAgA6EC4AAjAD0AAAEhBgcVFhczNjc1MxEjBgcVFhchNjc1JicjETMVFhczNjc1JgEjETMyNi8BJg8BBhY7AREjIgYfARY/ATYmAoj94AcBAQc4BwGoXAcBAQcBCAcBAQdcqAEHOAcBAQEKQUEEBAJlBgZkAwQEQUEEBANkBgZkAwQC4AEHgAcBAQdA/dABBzgHAQEHOAcBAjBABwEBB4AH/d8BhAgEfwYGfwQI/nwIBH8GBn8ECAAAAgCAAIADVQLVAAsAFgAAEzMRMxEzESMRIxEjITUzEQc1NzMRMxWAVatVVatVAdVWa2tVVQLV/wABAP2rAQD/AFUBnj5jPf4AVQAAAAMAgACAA4AC1QALABYAGQAAEzMRMxEzESMRIxEjITUjNRMzETMVIxUDNQeAVatVVatVAoDV1VUrK1VtAtX/AAEA/asBAP8A1VYBKv7WVtUBK5iYAAIAgACAA4AC1QALACsAABMzETMRMxEjESMRIwEzFSMVMx4BFw4BByMuASc1MxUzPgE0JicjLgEnNT4BgFWrVVWrVQIA1dVVSWACAmBJVSQwAVVVJDExJFUkMAEBMALV/wABAP2rAQD/AAJVVasBYUhJYAIBMCQrKwExSDABATAkqyQwAAMAgACAA4AC1QALACQAKAAAEzMRMxEzESMRIxEjATMeARcVIzUjFTMeARcVDgEHIy4BJxE+ARMVMzWAVatVVatVAgCrJDABVaurJDABATAkqyQwAQEwJKsC1f8AAQD9qwEA/wACVQEwJCsrqwEwJKskMAEBMCQBqyQw/qyrqwAAAgB4/6IDiQNeAC8AVgAAJSY1Ji8BJiIGFB8BITc2NCYiDwEOAR0BFBYfARYyPgEvASEHBhQWMj8CPgE1NyYBPgE9ASERIyIGFBY7ATI2NCYrAREhFRQWMjY9ATQmIyEiBh0BFBYDiAEBA2YFDgoFSf1jSQUKDgVmAgICAmYFDQoBBUkCnUkFCg4FZwEBAgEB/UUHCgERMwgJCQiICAkJCDMBEQoOCgoH/ZoHCgoeAQEDA2YFCg4FSUkFDgoFZwIFAwMCBQJoBAoNBUpKBQ4KBWYCAgQDAgIC2wEJCDP9MwoOCgoOCgLNMwgJCQhEBwoKB0QICQAAAAAFAAAAEgQAAzcADgAeAC4APgBOAAATFA8BBiImNRE0NjIfARYBFRQGIyEiJj0BNDYzITIWNRUUBiMhIiY9ATQ2MyEyFjUVFAYjISImPQE0NjMhMhY1FRQGIyEiJj0BNDYzITIWyQWlBQ8LCw8FpQUDNwsH/CQHCwsHA9wHCwsH/ZIHCwsHAm4HCwsH/ZIHCwsHAm4HCwsH/CQHCwsHA9wHCwGlCAakBQsHAUkICgWkBf7lbQgLCwhtCAsL1G4HCwsHbgcLC9RuBwsLB24ICgrUbggKCghuBwsLAAAABABQ/9ADsAMwABEAFQAZADIAAAkBJiMhDgEHER4BFyE+ATcRNCUzFSMBITUhFyM1NCYjISIGHQEjETMVFBYzITI2PQEzAQOd/v4TGv4iGyQBASQbAuAbJAH9cMDAAcD+QAHAkFASDv4ADhJQUBIOAQAOEk4BAgIbAQITASQb/SAbJAEBJBsB3hrocP2QkJCwDhISDrAC4JAOEhIOkP7+AAYAMP+wA9ADUAAQACEAMgBEAFQAWAAAASMiBh0BFBYyNj0BMzI2NCYhIyIGFBY7ARUUFjI2PQE0JgEjNTQmIgYdARQWOwEyNjQmJSIGHQEjIgYUFjsBMjY9ATQmEyEOAQcRHgEXIT4BNxEuAQERIREBcZEOEhIcEnENExMBk5EOEhIOcRIbExP+U3ESHBISDpENExMBkw4ScQ4SEg6RDRMTcvzgGyQBASQbAyAbJAEBJPzFAyACwBIOig0TEw1qEhwSEhwSag0TEw2KDhL9tmoOEhIOig4SEhwSihIOahIcEhIOig4SAlABJBv84BskAQEkGwMgGyT8oQMg/OAAAAAGAGD/wAOgA0AADwAfADMAPwBLAFcAAAEhDgEHER4BFyE+ATcRLgEDFAYjISImNRE0NjMhMhYVNyEiBhQWMyEyFhURFBYyNjURLgEBISIGFBYzITI2NCYHISIGFBYzITI2NCYHIyIGFBYXMz4BNCYC0P3gIi0BAS0iAiAiLQEBLRIJB/3gBwkJBwIgBwlw/eAOEhIOAiAHCRIcEgEt/u7+wA4SEg4BQA4SEg7+wA4SEg4BQA4SEo7ADhISDsAOEhICwAEtIv2gIi0BAS0iAmAiLf1RBwkJBwJgBwkJB9ASHBIJB/2gDhISDgJgIi3+2RIcEhIcEqASHBISHBKfEhsSAQESGxIAAAAFAED/oAPAA2AAHwAjAC0AOgBHAAABIzU0JiMhIgYdASMiBhQWOwETHgEXIT4BNxMzMjY0JiUhFSEBDgEjISImJwMhAzI2NRE0JiIGFREUFiMyNjURNCYiBhURFBYDoMASDv6ADhLADhISDiJOBDUmAaImNQROIg4SEv2yAUD+wAGRAhEN/l4NEQJNAnzeDhISHBISog4SEhwSEgLwUA4SEg5QEhwS/UUlLwEBLyUCuxIcEjAw/QwMEBAMArT9mxIOAdYNExMN/ioOEhIOAdYNExMN/ioOEgADAGD/wAOmAzcABAAPABMAAAEnAQc3AScjLgEPARc3NjQBIRUhAwib/jQnvwJpgwEEDQWDm4EF/LoDQPzAAfet/lm8DQJMlwUBBXitdwQN/WtAAAABACABQAPgAbAAAwAAEyEVISADwPxAAbBwAAAAAwBA/9UDwgMyAB4AJwA/AAABITY1LgEHDgEdAQ4BByMiBhURHgEzITI2NxM2LgIBETQ7AREjIiYBAw4BIyERPgE3NTY3NhYXFAcGFjMhMhYDWf73EwJUNi4sAUo5dhsoASYcAo0lOAdKBAseKf0QA01NAQIC/0kDFQ7+AE1fAQEiFiwBHAUSEQE0EhcCJ0I0PlcFB0QzOzpTBycc/nsdJi4lAYUXLCQT/fEBhQP+dQIBov57DhEBjhBzTjs5BgExIThUDxscAAADADn/uwPXAycAEwAlACkAAAEuAQ8BFzc2FhcWBg8BFzc+AiYBBiYnJjY/AScHDgEXHgE/AScTFwEnA45U82dlM2RNsz47E0lsMmwwOQ0i/k9Msz86E0lvMm9jGk9V82dpMzcz/qkzAqpjGk9SPlI6E0lMsz9XPlcnanp0/c06E0lMsz9aPlpU82djGk9VPwGBPv7iPQAAAAUAIAAAA+ADAAASABMAHAAgACQAAAE0LwEmDwEGIi8BLgEPAQYVESEDIx4BMjY0JiIGJREhEQMhESEDgAisDAlNBQ0E/QUMBbwFAwBgQAEkNiQkNiT9PwPAQPzAA0ABDQkFaQYJXgUF/AQBBaoFB/73AeAbJCQ2JCSl/QADAP1AAoAAAAkAYAARA6AC7wADAAcACwAMABUAFgAfACAAKQAAASEVIRUhFSEVIRUhAyMeATI2NCYiBhMjHgEyNjQmIgYTIx4BMjY0JiIGASACgP2AAoD9gAKA/YCAQAEkNiQkNiQ/QAEkNiQkNiQ/QAEkNiQkNiQC4GDQYNBgApAbJCQ2JCT+tRskJDYkJP61GyQkNiQkAAQAYAAAA6ADAAADAAcACwAPAAATIRUhESEVIRMhFSERIRUhYANA/MADQPzAgAJA/cACQP3AAwBg/qBgAUBg/qBgAAAABACAAFIDdQLAAAMABwALAA8AABMhESEREzMDKQERIRETMwOAAVX+q5BukAEyAVX+q5BukAGn/qsBVQEZ/uf+qwFVARn+5wAABgA//+ADoAMpAAUADwAbAB8AIwAnAAATMzUjFTMDMwcVMzUjNzUjETMVIxUzFSMVMzUjEyEVIRUhFSEVIRUhYzdbJCNAQIBAQIBJKipJgIDgAoD9gAKA/YACgP2AAmDJN/7AWzc3Wzf+iRI3EjfJAjdg0GDQYAAABABgAAADoAMAAAMABwALAA8AABMhFSERIRUhASEVIREhFSFgA0D8wANA/MABAAJA/cACQP3AAwBg/qBgAUBg/qBgAAACACAARAPUAqAABQALAAAJAjcnNyUHFwcXAQEs/vQBDEjU1AFUSNTUSAEMAqD+0v7SQO7uQEDu7kABLgAHAED/wAPAA0AACwAXABgAIQAiACsAMgAAAQ4BBx4BFz4BNy4BAy4BJz4BNx4BFw4BASMeATI2NCYiBgUjHgEyNjQmIgYFHgEXPgE3AgC+/QUF/b6+/QUF/b6j2QQE2aOj2QQE2f6dQAEkNiQkNiQBv0ABJDYkJDYk/l8Do3p6owMDQAX9vr79BQX9vr79/MUE2aOj2QQE2aOj2QH8GyQkNiQkGxskJDYkJJt6owMDo3oAAAADANf/7QMgAwYAEwAdACYAAAEmJzU+ATc2JzQmJyERITI3Njc0ATMWFxYUBwYrAQEGByM1Mx4BFAMBIUEiLw0YAXZ1/q4BbV0/PwH+OMNCHyAgH0LDATEfQ8/PQz4BQTMRAhAoFS0xX3QB/Oc+PGc+AY8BHyFgICL+yyMC7wFFYQAAAAADAF7/4AOdAyAACwATABcAAAEhIgYUFhchPgE0JiUzNSE1IRUhETMRIwN9/QANEhINAwAOEhL+NXABIP1QASBwcAGKEhsSAQESGxI28HBw/lD+4AAEACEAAAPgA2AABwALAA4AJwAACQEzNyEXMwEDEzMTBQchAw4BFSE1IzY3PgE1NCYjIgcXNjMyFhUUBgE7/uZ8PAEmPHv+56JwAnABc5ABINorOwEgnwkqOylHPXQaXwkhEBUhAwf8+a2tAwf+DgFT/q014AKHIlsxUBAhLzomNkFnDyYVERYqAAAAAAEAwP/AA0ADIAALAAABESERIxEzESERMxEC4P5AYGABwGADIP6AAYD8oAGg/mADYAAAAAACAID/ygOAAyYAEQAdAAAlPgE3ESMRDgEHLgEnESMRHgEFISIGFBYXIT4BNCYCAIWwA3ACcVVVcQJwA7AB5f1ADhISDgLADhISVQOwhQGZ/mdVcQICcVUBmf5nhbBOEhsSAQESGxIAAAEA4P/qAyADKgAbAAABISIGFBYXMwMjIgYUFhchPgE0JisBEzM+ATQmAwD+4A4SEg5g5loOEhIOASAOEhIOXudXDhISAyoSGxIB/UASGxIBARIbEgLAARIbEgAAAgCi/+YDgAMSAAcACgAABTcBIwEzNyElGwEDGWf+vVr+v2ZDAYr+nJ+fGgIDKvzWqGABjv5yAAAEAGAAAAOgAwAAAwAHAAsADwAAEyEVIREhFSERIRUhESEVIWADQPzAA0D8wAJA/cACQP3AAwBg/qBgAUBg/qBgAAAAAAQAGgAvA+4CvwALABcAIwAvAAABAiADDgEXFiA3NiYHBiAnJjQ3NiAXHgEBDgEHHgEXPgE3LgEHIi4BND4BMx4BFAYD0uP+K+QbARvPAgDPGwFLvv5AvgsM0gGW0wsB/lJffwICf19ffwICf58RHhERHhEbJCQBugEF/vsgUCH6+iFQSOTkDiIO8fEOIgEAAn9fX38CAn9fX3/eER4iHhEBJDYkAAAAAAQAIf+5A+ADJwACAAoADgAmAAABIRclATM3IRczAQMTMxMBNjc+ATU0JiMiBxc2MzIWFRQOAhUhNQPA/uCQ/gv+5nw8ASY8e/7nonACcAFkCSo7KUc9dBpfCSEQFSFYOwEgAyDg5/z5ra0DB/4OAVP+rf7UECEvOiY2QWcPJhURFipFWzFQAAAEAGAAAAOgAwAAAwAHAAsADwAAEyEVIREhFSERIRUhESEVIWADQPzAA0D8wANA/MADQPzAAwBg/qBgAUBg/qBgAAAAAAEAMgBGA+ICrwAPAAABNjIWFAcBDgEnASY+ARcBA6sKGhMJ/eYJGQr+rQ4HIg8BPAKlChMaCv3YCQEIASQMJAwM/vEAAQCLABsDZQL1ABoAAAkBNjQmIgcJASYiBhQXCQEGHgE3CQEWMjY0JwInATQKExoK/sz+ywoZFAoBNP7MDQojDQE1ATQKGhMKAYoBNAoaEwn+ywE1CRMaCv7M/ssOIwkMATX+ywkTGgoAAAAAAwBAABgDwALNABEAJgA5AAABNzYWFxEOAS8BIyImNRE0NjMBBiImNDc+ATU0JicmPgEXHgEVFAYXBi4BNz4BNCYnJj4BMhceARQGAQTNDyQBASQP0p8OEhIOAj8KGRMJHyEcHAwLJA0jJStwDSQJDDo9OzcJARMaCUBERwIbpAwRFP2eFBEMqBIOAQgOEv6VCRMaCh5PLChKHg4jCA4nYDQ5ZrMNCSMOO5ellDoKGhIKRKq/rQAAAAAAEgDeAAEAAAAAAAAAFQAsAAEAAAAAAAEACABUAAEAAAAAAAIABwBtAAEAAAAAAAMACACHAAEAAAAAAAQACACiAAEAAAAAAAUACwDDAAEAAAAAAAYACADhAAEAAAAAAAoAKwFCAAEAAAAAAAsAEwGWAAMAAQQJAAAAKgAAAAMAAQQJAAEAEABCAAMAAQQJAAIADgBdAAMAAQQJAAMAEAB1AAMAAQQJAAQAEACQAAMAAQQJAAUAFgCrAAMAAQQJAAYAEADPAAMAAQQJAAoAVgDqAAMAAQQJAAsAJgFuAAoAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAKAAAKQ3JlYXRlZCBieSBpY29uZm9udAoAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGkAYwBvAG4AZgBvAG4AdAAAaWNvbmZvbnQAAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AAEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC4AAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAGh0dHA6Ly9mb250ZWxsby5jb20AAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOwAAAAEAAgECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkEcmVkbwlzZWxlY3RhbGwHcHJldmlldwR1bmRvBGRhdGUHY2xlYXJ1cBU3MjNiaWFuamlxaV9kdWFuaG91anUWNzIyYmlhbmppcWlfZHVhbnFpYW5qdQotY2hlY2tsaXN0DWRpcmVjdGlvbi1sdHINZGlyZWN0aW9uLXJ0bAtmb250Ymdjb2xvcg1jbGVhcmVkZm9ybWF0BGZvbnQHb3V0ZGVudAhmb250c2l6ZQp0ZXh0X2NvbG9yD2Zvcm1hdC1oZWFkZXItMg9mb3JtYXQtaGVhZGVyLTMLbGluZS1oZWlnaHQPZm9ybWF0LWhlYWRlci0xD2Zvcm1hdC1oZWFkZXItNA9mb3JtYXQtaGVhZGVyLTUPZm9ybWF0LWhlYWRlci02EUNoYXJhY3Rlci1TcGFjaW5nBmluZGVudAZiYW9jdW4IcXVhbnBpbmcFZnV6aGkHc2hhbmNodQxiaWFuamlzZWt1YWkJZmVuZ2V4aWFuB2RpYW56YW4MY2hhcnVsaWFuamllC2NoYXJ1dHVwaWFuCnd1eHVwYWlsaWUManV6aG9uZ2R1aXFpB3lpbnlvbmcLeW91eHVwYWlsaWUIeW91ZHVpcWkJeml0aWRhaW1hCHhpYW9saWFuCXppdGlqaWFjdQ96aXRpc2hhbmNodXhpYW4Neml0aXNoYW5nYmlhbwp6aXRpYmlhb3RpDnppdGl4aWFodWF4aWFuCXppdGl4aWV0aQl6aXRpeWFuc2UIenVvZHVpcWkJeml0aXl1bGFuC3ppdGl4aWFiaWFvC3p1b3lvdWR1aXFpB2R1aWdvdXgGZ3VhbmJpDnNoZW5neWluX3NoaXRpAAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwA6AAEABAAAAAIAAAAAAAAAAQAAAADVpCcIAAAAANhk6GIAAAAA2GToYg==') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
-}
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-redo:before {
-  content: "\e627";
-}
-
-.icon-undo:before {
-  content: "\e633";
-}
-
-.icon-indent:before {
-  content: "\eb28";
-}
-
-.icon-outdent:before {
-  content: "\e6e8";
-}
-
-.icon-fontsize:before {
-  content: "\e6fd";
-}
-
-.icon-format-header-1:before {
-  content: "\e860";
-}
-
-.icon-format-header-4:before {
-  content: "\e863";
-}
-
-.icon-format-header-5:before {
-  content: "\e864";
-}
-
-.icon-format-header-6:before {
-  content: "\e865";
-}
-
-.icon-clearup:before {
-  content: "\e64d";
-}
-
-.icon-preview:before {
-  content: "\e631";
-}
-
-.icon-date:before {
-  content: "\e63e";
-}
-
-.icon-fontbgcolor:before {
-  content: "\e678";
-}
-
-.icon-clearedformat:before {
-  content: "\e67e";
-}
-
-.icon-font:before {
-  content: "\e684";
-}
-
-.icon-723bianjiqi_duanhouju:before {
-  content: "\e65f";
-}
-
-.icon-722bianjiqi_duanqianju:before {
-  content: "\e660";
-}
-
-.icon-text_color:before {
-  content: "\e72c";
-}
-
-.icon-format-header-2:before {
-  content: "\e75c";
-}
-
-.icon-format-header-3:before {
-  content: "\e75d";
-}
-
-.icon--checklist:before {
-  content: "\e664";
-}
-
-.icon-baocun:before {
-  content: "\ec09";
-}
-
-.icon-line-height:before {
-  content: "\e7f8";
-}
-
-.icon-quanping:before {
-  content: "\ec13";
-}
-
-.icon-direction-rtl:before {
-  content: "\e66e";
-}
-
-.icon-direction-ltr:before {
-  content: "\e66d";
-}
-
-.icon-selectall:before {
-  content: "\e62b";
-}
-
-.icon-fuzhi:before {
-  content: "\ec7a";
-}
-
-.icon-shanchu:before {
-  content: "\ec7b";
-}
-
-.icon-bianjisekuai:before {
-  content: "\ec7c";
-}
-
-.icon-fengexian:before {
-  content: "\ec7f";
-}
-
-.icon-dianzan:before {
-  content: "\ec80";
-}
-
-.icon-charulianjie:before {
-  content: "\ec81";
-}
-
-.icon-charutupian:before {
-  content: "\ec82";
-}
-
-.icon-wuxupailie:before {
-  content: "\ec83";
-}
-
-.icon-juzhongduiqi:before {
-  content: "\ec84";
-}
-
-.icon-yinyong:before {
-  content: "\ec85";
-}
-
-.icon-youxupailie:before {
-  content: "\ec86";
-}
-
-.icon-youduiqi:before {
-  content: "\ec87";
-}
-
-.icon-zitidaima:before {
-  content: "\ec88";
-}
-
-.icon-xiaolian:before {
-  content: "\ec89";
-}
-
-.icon-zitijiacu:before {
-  content: "\ec8a";
-}
-
-.icon-zitishanchuxian:before {
-  content: "\ec8b";
-}
-
-.icon-zitishangbiao:before {
-  content: "\ec8c";
-}
-
-.icon-zitibiaoti:before {
-  content: "\ec8d";
-}
-
-.icon-zitixiahuaxian:before {
-  content: "\ec8e";
-}
-
-.icon-zitixieti:before {
-  content: "\ec8f";
-}
-
-.icon-zitiyanse:before {
-  content: "\ec90";
-}
-
-.icon-zuoduiqi:before {
-  content: "\ec91";
-}
-
-.icon-zitiyulan:before {
-  content: "\ec92";
-}
-
-.icon-zitixiabiao:before {
-  content: "\ec93";
-}
-
-.icon-zuoyouduiqi:before {
-  content: "\ec94";
-}
-
-.icon-duigoux:before {
-  content: "\ec9e";
-}
-
-.icon-guanbi:before {
-  content: "\eca0";
-}
-
-.icon-shengyin_shiti:before {
-  content: "\eca5";
-}
-
-.icon-Character-Spacing:before {
-  content: "\e964";
-}
diff --git a/pages/component/editor/editor.vue b/pages/component/editor/editor.vue
deleted file mode 100644
index 95465db..0000000
--- a/pages/component/editor/editor.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-<template>
-	<view class="container">
-		<view class="page-body">
-			<view class='wrapper'>
-				<view class='toolbar' @tap="format" style="height: 120px;overflow-y: auto;">
-					<view :class="formats.bold ? 'ql-active' : ''" class="iconfont icon-zitijiacu" data-name="bold"></view>
-					<view :class="formats.italic ? 'ql-active' : ''" class="iconfont icon-zitixieti" data-name="italic"></view>
-					<view :class="formats.underline ? 'ql-active' : ''" class="iconfont icon-zitixiahuaxian" data-name="underline"></view>
-					<view :class="formats.strike ? 'ql-active' : ''" class="iconfont icon-zitishanchuxian" data-name="strike"></view>
-					<view :class="formats.align === 'left' ? 'ql-active' : ''" class="iconfont icon-zuoduiqi" data-name="align"
-					 data-value="left"></view>
-					<view :class="formats.align === 'center' ? 'ql-active' : ''" class="iconfont icon-juzhongduiqi" data-name="align"
-					 data-value="center"></view>
-					<view :class="formats.align === 'right' ? 'ql-active' : ''" class="iconfont icon-youduiqi" data-name="align"
-					 data-value="right"></view>
-					<view :class="formats.align === 'justify' ? 'ql-active' : ''" class="iconfont icon-zuoyouduiqi" data-name="align"
-					 data-value="justify"></view>
-					<view :class="formats.lineHeight ? 'ql-active' : ''" class="iconfont icon-line-height" data-name="lineHeight"
-					 data-value="2"></view>
-					<view :class="formats.letterSpacing ? 'ql-active' : ''" class="iconfont icon-Character-Spacing" data-name="letterSpacing"
-					 data-value="2em"></view>
-					<view :class="formats.marginTop ? 'ql-active' : ''" class="iconfont icon-722bianjiqi_duanqianju" data-name="marginTop"
-					 data-value="20px"></view>
-					<view :class="formats.previewarginBottom ? 'ql-active' : ''" class="iconfont icon-723bianjiqi_duanhouju" data-name="marginBottom"
-					 data-value="20px"></view>
-					<view class="iconfont icon-clearedformat" @tap="removeFormat"></view>
-					<view :class="formats.fontFamily ? 'ql-active' : ''" class="iconfont icon-font" data-name="fontFamily" data-value="Pacifico"></view>
-					<view :class="formats.fontSize === '24px' ? 'ql-active' : ''" class="iconfont icon-fontsize" data-name="fontSize"
-					 data-value="24px"></view>
-
-					<view :class="formats.color === '#0000ff' ? 'ql-active' : ''" class="iconfont icon-text_color" data-name="color"
-					 data-value="#0000ff"></view>
-					<view :class="formats.backgroundColor === '#00ff00' ? 'ql-active' : ''" class="iconfont icon-fontbgcolor"
-					 data-name="backgroundColor" data-value="#00ff00"></view>
-
-					<view class="iconfont icon-date" @tap="insertDate"></view>
-					<view class="iconfont icon--checklist" data-name="list" data-value="check"></view>
-					<view :class="formats.list === 'ordered' ? 'ql-active' : ''" class="iconfont icon-youxupailie" data-name="list"
-					 data-value="ordered"></view>
-					<view :class="formats.list === 'bullet' ? 'ql-active' : ''" class="iconfont icon-wuxupailie" data-name="list"
-					 data-value="bullet"></view>
-					<view class="iconfont icon-undo" @tap="undo"></view>
-					<view class="iconfont icon-redo" @tap="redo"></view>
-
-					<view class="iconfont icon-outdent" data-name="indent" data-value="-1"></view>
-					<view class="iconfont icon-indent" data-name="indent" data-value="+1"></view>
-					<view class="iconfont icon-fengexian" @tap="insertDivider"></view>
-					<view class="iconfont icon-charutupian" @tap="insertImage"></view>
-					<view :class="formats.header === 1 ? 'ql-active' : ''" class="iconfont icon-format-header-1" data-name="header"
-					 :data-value="1"></view>
-					<view :class="formats.script === 'sub' ? 'ql-active' : ''" class="iconfont icon-zitixiabiao" data-name="script"
-					 data-value="sub"></view>
-					<view :class="formats.script === 'super' ? 'ql-active' : ''" class="iconfont icon-zitishangbiao" data-name="script"
-					 data-value="super"></view>
-					<view class="iconfont icon-shanchu" @tap="clear"></view>
-					<view :class="formats.direction === 'rtl' ? 'ql-active' : ''" class="iconfont icon-direction-rtl" data-name="direction"
-					 data-value="rtl"></view>
-
-				</view>
-
-				<view class="editor-wrapper">
-					<editor id="editor" class="ql-container" placeholder="开始输入..." showImgSize showImgToolbar showImgResize
-					 @statuschange="onStatusChange" :read-only="readOnly" @ready="onEditorReady">
-					</editor>
-				</view>
-			</view>
-		</view>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				readOnly: false,
-				formats: {}
-			}
-		},
-		methods: {
-			readOnlyChange() {
-				this.readOnly = !this.readOnly
-			},
-			onEditorReady() {
-				uni.createSelectorQuery().select('#editor').context((res) => {
-					this.editorCtx = res.context
-				}).exec()
-			},
-			undo() {
-				this.editorCtx.undo()
-			},
-			redo() {
-				this.editorCtx.redo()
-			},
-			format(e) {
-				let {
-					name,
-					value
-				} = e.target.dataset
-				if (!name) return
-				// console.log('format', name, value)
-				this.editorCtx.format(name, value)
-
-			},
-			onStatusChange(e) {
-				const formats = e.detail
-				this.formats = formats
-			},
-			insertDivider() {
-				this.editorCtx.insertDivider({
-					success: function() {
-						console.log('insert divider success')
-					}
-				})
-			},
-			clear() {
-				this.editorCtx.clear({
-					success: function(res) {
-						console.log("clear success")
-					}
-				})
-			},
-			removeFormat() {
-				this.editorCtx.removeFormat()
-			},
-			insertDate() {
-				const date = new Date()
-				const formatDate = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDate()}`
-				this.editorCtx.insertText({
-					text: formatDate
-				})
-			},
-			insertImage() {
-				uni.chooseImage({
-					count: 1,
-					success: (res) => {
-						this.editorCtx.insertImage({
-							src: res.tempFilePaths[0],
-							alt: '图像',
-							success: function() {
-								console.log('insert image success')
-							}
-						})
-					}
-				})
-			}
-		},
-		onLoad() {
-			uni.loadFontFace({
-				family: 'Pacifico',
-				source: 'url("https://sungd.github.io/Pacifico.ttf")'
-			})
-		},
-	}
-</script>
-
-<style>
-	@import "./editor-icon.css";
-
-	.page-body {
-		height: calc(100vh - var(--window-top) - var(--status-bar-height));
-	}
-
-	.wrapper {
-		height: 100%;
-	}
-
-	.editor-wrapper {
-		height: calc(100vh - var(--window-top) - var(--status-bar-height) - 140px);
-		background: #fff;
-	}
-
-	.iconfont {
-		display: inline-block;
-		padding: 8px 8px;
-		width: 24px;
-		height: 24px;
-		cursor: pointer;
-		font-size: 20px;
-	}
-
-	.toolbar {
-		box-sizing: border-box;
-		border-bottom: 0;
-		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
-	}
-
-
-	.ql-container {
-		box-sizing: border-box;
-		padding: 12px 15px;
-		width: 100%;
-		min-height: 30vh;
-		height: 100%;
-		margin-top: 20px;
-		font-size: 16px;
-		line-height: 1.5;
-	}
-
-	.ql-active {
-		color: #06c;
-	}
-</style>
diff --git a/pages/component/editor/iconfont.ttf b/pages/component/editor/iconfont.ttf
deleted file mode 100644
index 8ade3a4..0000000
--- a/pages/component/editor/iconfont.ttf
+++ /dev/null
diff --git a/pages/component/form/form.vue b/pages/component/form/form.vue
deleted file mode 100644
index a336962..0000000
--- a/pages/component/form/form.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<view>
-		<page-head title="form"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<form @submit="formSubmit" @reset="formReset">
-				<view class="uni-form-item uni-column">
-					<view class="title">姓名</view>
-					<input class="uni-input" name="nickname" placeholder="请输入姓名" />
-				</view>
-				<view class="uni-form-item uni-column">
-					<view class="title">性别</view>
-					<radio-group name="gender">
-						<label>
-							<radio value="男" /><text>男</text>
-						</label>
-						<label>
-							<radio value="女" /><text>女</text>
-						</label>
-					</radio-group>
-				</view>
-				<view class="uni-form-item uni-column">
-					<view class="title">爱好</view>
-					<checkbox-group name="loves">
-						<label>
-							<checkbox value="读书" /><text>读书</text>
-						</label>
-						<label>
-							<checkbox value="写字" /><text>写字</text>
-						</label>
-					</checkbox-group>
-				</view>
-				<view class="uni-form-item uni-column">
-					<view class="title">年龄</view>
-					<slider value="20" name="age" show-value></slider>
-				</view>
-				<view class="uni-form-item uni-column">
-					<view class="title">保留选项</view>
-					<view>
-						<switch name="switch" />
-					</view>
-				</view>
-				<view class="uni-btn-v">
-					<button form-type="submit">Submit</button>
-					<button type="default" form-type="reset">Reset</button>
-				</view>
-			</form>
-		</view>
-	</view>
-</template>
-<script>
-	import graceChecker from "../../../common/graceChecker.js"
-	export default {
-		data() {
-			return {
-			}
-		},
-		methods: {
-			formSubmit: function(e) {
-				console.log('form发生了submit事件，携带数据为：' + JSON.stringify(e.detail.value))
-                //定义表单规则
-                var rule = [
-                    {name:"nickname", checkType : "string", checkRule:"1,3",  errorMsg:"姓名应为1-3个字符"},
-                    {name:"gender", checkType : "in", checkRule:"男,女",  errorMsg:"请选择性别"},
-                    {name:"loves", checkType : "notnull", checkRule:"",  errorMsg:"请选择爱好"}
-                ];
-                //进行表单检查
-                var formData = e.detail.value;
-                var checkRes = graceChecker.check(formData, rule);
-                if(checkRes){
-                    uni.showToast({title:"验证通过!", icon:"none"});
-                }else{
-                    uni.showToast({ title: graceChecker.error, icon: "none" });
-                }
-			},
-			formReset: function(e) {
-				console.log('清空数据')
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-form-item .title {
-		padding: 20rpx 0;
-	}
-</style>
diff --git a/pages/component/image/image.vue b/pages/component/image/image.vue
deleted file mode 100644
index a2f4295..0000000
--- a/pages/component/image/image.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">
-				示例1 <text>\n本地图片</text>
-			</view>
-			<view class="uni-center" style="background:#FFFFFF; font-size:0;">
-				<image class="image" mode="widthFix" src="../../../static/uni.png" />
-			</view>
-			<view class="uni-title uni-common-mt">
-				示例2 <text>\n网络图片</text>
-			</view>
-			<view class="uni-center" style="background:#FFFFFF; font-size:0;">
-				<image class="image" mode="widthFix" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/ceb770c0-5164-11eb-8a36-ebb87efcf8c0.png" />
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'image'
-			}
-		}
-	}
-</script>
-<style>
-	.image {
-		margin:40rpx 0;
-		width: 200rpx;
-	}
-</style>
diff --git a/pages/component/input/input.nvue b/pages/component/input/input.nvue
deleted file mode 100644
index c6624ab..0000000
--- a/pages/component/input/input.nvue
+++ /dev/null
@@ -1,245 +0,0 @@
-<template>
-    <view class="nvue-page-root">
-        <view class="page-title">
-            <view class="page-title__wrapper">
-                <text class="page-title__text">{{title}}</text>
-            </view>
-        </view>
-        <view class="uni-common-mt">
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">可自动聚焦的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" focus placeholder="自动获得焦点" />
-                </view>
-            </view>
-            <!-- #ifdef APP-PLUS -->
-            <view v-if="platform==='ios'&&!isNvue" class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">隐藏 iOS 软键盘上的导航条</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" placeholder="触摸其他地方收起键盘" @focus="onFocus" @blur="onBlur" />
-                </view>
-            </view>
-            <!-- #endif -->
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">键盘右下角按钮显示为搜索</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" confirm-type="search" placeholder="键盘右下角按钮显示为搜索" />
-                </view>
-            </view>
-            <!-- #ifndef H5 -->
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">键盘右下角按钮显示为发送</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" confirm-type="send" placeholder="键盘右下角按钮显示为发送" />
-                </view>
-            </view>
-            <!-- #endif -->
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">控制最大输入长度的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" maxlength="10" placeholder="最大输入长度为10" />
-                </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">实时获取输入值：{{inputValue}}</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" @input="onKeyInput" placeholder="输入同步到view中" />
-                </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">控制输入的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" @input="replaceInput" v-model="changeValue" placeholder="连续的两个1会变成2" />
-                </view>
-            </view>
-            <!-- #ifndef MP-BAIDU -->
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">控制键盘的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" ref="input1" @input="hideKeyboard" placeholder="输入123自动收起键盘" />
-                </view>
-            </view>
-            <!-- #endif -->
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">数字输入的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" type="number" placeholder="这是一个数字输入框" />
-                </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">密码输入的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" password type="text" placeholder="这是一个密码输入框" />
-                </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">带小数点的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" type="digit" placeholder="带小数点的数字键盘" /> </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">身份证输入的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" type="idcard" placeholder="身份证输入键盘" /> </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">控制占位符颜色的 input</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" placeholder-style="color:#F76260" placeholder="占位符字体是红色的" />
-                </view>
-            </view>
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">带清除按钮的输入框</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" placeholder="带清除按钮的输入框" :value="inputClearValue" @input="clearInput" />
-                    <text class="uni-icon" v-if="showClearIcon" @click="clearIcon">&#xe434;</text>
-                </view>
-            </view> 
-            <view class="uni-form-item uni-column">
-                <view class="title"><text class="uni-form-item__title">可查看密码的输入框</text></view>
-                <view class="uni-input-wrapper">
-                    <input class="uni-input" placeholder="请输入密码" :password="showPassword" />
-                    <text class="uni-icon" :class="[!showPassword ? 'uni-eye-active' : '']" @click="changePassword">&#xe568;</text>
-                </view>
-            </view>
-        </view>
-    </view>
-</template>
-<script>
-    export default {
-        data() {
-            return {
-                title: 'input',
-                focus: false,
-                inputValue: '',
-                showClearIcon: false,
-                inputClearValue: '',
-                changeValue: '',
-                showPassword: true,
-                src: '../../../static/eye-1.png',
-                platform: '',
-                isNvue: false,
-            }
-        },
-        methods: {
-            onKeyInput: function(event) {
-                this.inputValue = event.detail.value
-            },
-            replaceInput: function(event) {
-                var value = event.detail.value;
-                if (value === '11') {
-                    this.changeValue = '2';
-                }
-            },
-            hideKeyboard: function(event) {
-                if (event.detail.value === '123') {
-                    uni.hideKeyboard();
-                }
-            },
-            clearInput: function(event) {
-                this.inputClearValue = event.detail.value;
-                if (event.detail.value.length > 0) {
-                    this.showClearIcon = true;
-                } else {
-                    this.showClearIcon = false;
-                }
-            },
-            clearIcon: function() {
-                this.inputClearValue = '';
-                this.showClearIcon = false;
-            },
-            changePassword: function() {
-                this.showPassword = !this.showPassword;
-            },
-            onFocus() {
-                this.$mp.page.$getAppWebview().setStyle({
-                    softinputNavBar: 'none'
-                })
-            },
-            onBlur() {
-                this.$mp.page.$getAppWebview().setStyle({
-                    softinputNavBar: 'auto'
-                })
-            }
-        },
-        onLoad() {
-            this.platform = uni.getSystemInfoSync().platform
-            // #ifdef APP-PLUS-NVUE
-            this.isNvue = true
-            // #endif
-        }
-    }
-</script>
-
-<style scoped>
-    .nvue-page-root {
-        background-color: #F8F8F8;
-        padding-bottom: 20px;
-    }
-
-    .page-title {
-        /* #ifndef APP-NVUE */
-        display: flex;
-        /* #endif */
-        flex-direction: row;
-        justify-content: center;
-        align-items: center;
-        padding: 35rpx;
-    }
-
-    .page-title__wrapper {
-        padding: 0px 20px;
-        border-bottom-color: #D8D8D8;
-        border-bottom-width: 1px;
-    }
-
-    .page-title__text {
-        font-size: 16px;
-        height: 48px;
-        line-height: 48px;
-        color: #BEBEBE;
-    }
-
-    .title {
-        padding: 5px 13px;
-    }
-
-    .uni-form-item__title {
-        font-size: 16px;
-        line-height: 24px;
-    }
-
-    .uni-input-wrapper {
-        /* #ifndef APP-NVUE */
-        display: flex;
-        /* #endif */
-        padding: 8px 13px;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        background-color: #FFFFFF;
-    }
-
-    .uni-input {
-        height: 28px;
-        line-height: 28px;
-        font-size: 15px;
-        padding: 0px;
-        flex: 1;
-        background-color: #FFFFFF;
-    }
-
-    .uni-icon {
-        font-family: uniicons;
-        font-size: 24px;
-        font-weight: normal;
-        font-style: normal;
-        width: 24px;
-        height: 24px;
-        line-height: 24px;
-        color: #999999;
-    }
-
-    .uni-eye-active {
-        color: #007AFF;
-    }
-</style>
diff --git a/pages/component/label/label.vue b/pages/component/label/label.vue
deleted file mode 100644
index b920cce..0000000
--- a/pages/component/label/label.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view class="uni-form-item uni-column">
-				<view class="title">表单组件在label内</view>
-				<checkbox-group class="uni-list" @change="checkboxChange">
-					<label class="uni-list-cell uni-list-cell-pd" v-for="item in checkboxItems" :key="item.name">
-						<view>
-							<checkbox :value="item.name" :checked="item.checked"></checkbox>
-						</view>
-						<view>{{item.value}}</view>
-					</label>
-				</checkbox-group>
-			</view>
-
-			<view class="uni-form-item uni-column">
-				<view class="title">label用for标识表单组件</view>
-				<radio-group class="uni-list" @change="radioChange">
-					<view class="uni-list-cell uni-list-cell-pd" v-for="(item,index) in radioItems" :key="index">
-						<view>
-							<radio :id="item.name" :value="item.name" :checked="item.checked"></radio>
-						</view>
-                        <label class="label-2-text" :for="item.name">
-                            <text>{{item.value}}</text>
-                        </label>
-					</view>
-				</radio-group>
-			</view>
-
-			<view class="uni-form-item uni-column">
-				<view class="title">label内有多个时选中第一个</view>
-				<checkbox-group class="uni-list" @change="checkboxChange">
-					<label class="label-3">
-						<view class="uni-list-cell uni-list-cell-pd">
-							<checkbox class="checkbox-3">选项一</checkbox>
-						</view>
-						<view class="uni-list-cell uni-list-cell-pd">
-							<checkbox class="checkbox-3">选项二</checkbox>
-						</view>
-						<view class="uni-link uni-center" style="margin-top:20rpx;">点击该label下的文字默认选中第一个checkbox</view>
-					</label>
-				</checkbox-group>
-			</view>
-
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'label',
-				checkboxItems: [{
-						name: 'USA',
-						value: '美国'
-					},
-					{
-						name: 'CHN',
-						value: '中国',
-						checked: 'true'
-					}
-				],
-				radioItems: [{
-						name: 'USA',
-						value: '美国'
-					},
-					{
-						name: 'CHN',
-						value: '中国',
-						checked: 'true'
-					}
-				],
-				hidden: false
-			}
-		},
-		methods: {
-			checkboxChange: function(e) {
-				var checked = e.detail.value
-				console.log(checked)
-
-			},
-			radioChange: function(e) {
-				var checked = e.detail.value
-				console.log(checked)
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-list-cell {
-		justify-content: flex-start
-	}
-
-	.uni-list .label-3 {
-		padding: 0;
-	}
-    
-    .label-2-text {
-        flex: 1;
-    }
-</style>
diff --git a/pages/component/map/map.nvue b/pages/component/map/map.nvue
deleted file mode 100644
index a3696ff..0000000
--- a/pages/component/map/map.nvue
+++ /dev/null
@@ -1,295 +0,0 @@
-<template>
-    <view class="content">
-        <map class="map" ref="map1" :controls="controls" :scale="scale" :longitude="location.longitude" :latitude="location.latitude"
-            :show-location="showLocation" :enable-3D="enable3D" :rotate="rotate" :skew="skew" :show-compass="showCompass"
-            :enable-overlooking="enableOverlooking" :enable-zoom="enableZoom" :enable-scroll="enableScroll"
-            :enable-rotate="enableRotate" :enable-satellite="enableSatellite" :enable-traffic="enableTraffic" :markers="markers"
-            :polyline="polyline" :circles="circles" :polygons="polygons" :include-points="includePoints"></map>
-        <view class="line"></view>
-        <uni-list class="scrollview">
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enable3D" title="显示3D楼块" @switchChange="enableThreeD" />
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="showCompass" title="显示指南针" @switchChange="changeShowCompass" />
-            <!-- <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enableOverlooking" title="开启俯视" @switchChange="changeEnableOverlooking" /> -->
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enableZoom" title="是否支持缩放" @switchChange="changeEnableZoom" />
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enableScroll" title="是否支持拖动" @switchChange="changeEnableScroll" />
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enableRotate" title="是否支持旋转" @switchChange="changeEnableRotate" />
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enableSatellite" title="是否开启卫星图" @switchChange="changeEnableSatellite" />
-            <uni-list-item :show-arrow="false" :show-switch="true" :switch-checked="enableTraffic" title="是否开启实时路况" @switchChange="changeEnableTraffic" />
-        </uni-list>
-    </view>
-</template>
-<script>
-    const testMarkers = [{
-            id: 0,
-            latitude: 39.989631,
-            longitude: 116.481018,
-            title: '方恒国际 阜通东大街6号',
-            zIndex: '1',
-            rotate: 0,
-            width: 20,
-            height: 20,
-            anchor: {
-                x: 0.5,
-                y: 1
-            },
-            callout: {
-                content: '方恒国际 阜通东大街6号',
-                color: '#00BFFF',
-                fontSize: 10,
-                borderRadius: 4,
-                borderWidth: 1,
-                borderColor: '#333300',
-                bgColor: '#CCFF99',
-                padding: '5',
-                display: 'ALWAYS'
-            }
-        },
-        {
-            id: 1,
-            latitude: 39.9086920000,
-            longitude: 116.3974770000,
-            title: '天安门',
-            zIndex: '1',
-            iconPath: '/static/location.png',
-            width: 40,
-            height: 40,
-            anchor: {
-                x: 0.5,
-                y: 1
-            },
-            callout: {
-                content: '首都北京\n天安门',
-                color: '#00BFFF',
-                fontSize: 12,
-                borderRadius: 2,
-                borderWidth: 0,
-                borderColor: '#333300',
-                bgColor: '#CCFF11',
-                padding: '1',
-                display: 'ALWAYS'
-            }
-        }
-    ];
-    const testPolyline = [{
-            points: [{
-                    latitude: 39.925539,
-                    longitude: 116.279037
-                },
-                {
-                    latitude: 39.925539,
-                    longitude: 116.520285
-                }
-            ],
-            color: '#FFCCFF',
-            width: 7,
-            dottedLine: true,
-            arrowLine: true,
-            borderColor: '#000000',
-            borderWidth: 2
-        },
-        {
-            points: [{
-                    latitude: 39.938698,
-                    longitude: 116.275177
-                },
-                {
-                    latitude: 39.966069,
-                    longitude: 116.289253
-                },
-                {
-                    latitude: 39.944226,
-                    longitude: 116.306076
-                },
-                {
-                    latitude: 39.966069,
-                    longitude: 116.322899
-                },
-                {
-                    latitude: 39.938698,
-                    longitude: 116.336975
-                }
-            ],
-            color: '#CCFFFF',
-            width: 5,
-            dottedLine: true,
-            arrowLine: true,
-            borderColor: '#CC0000',
-            borderWidth: 3
-        }
-    ];
-    const testPolygons = [{
-            points: [{
-                    latitude: 39.781892,
-                    longitude: 116.293413
-                },
-                {
-                    latitude: 39.787600,
-                    longitude: 116.391842
-                },
-                {
-                    latitude: 39.733187,
-                    longitude: 116.417932
-                },
-                {
-                    latitude: 39.704653,
-                    longitude: 116.338255
-                }
-            ],
-            fillColor: '#FFCCFF',
-            strokeWidth: 3,
-            strokeColor: '#CC99CC',
-            zIndex: 11
-        },
-        {
-            points: [{
-                    latitude: 39.887600,
-                    longitude: 116.518932
-                },
-                {
-                    latitude: 39.781892,
-                    longitude: 116.518932
-                },
-                {
-                    latitude: 39.781892,
-                    longitude: 116.428932
-                },
-                {
-                    latitude: 39.887600,
-                    longitude: 116.428932
-                }
-            ],
-            fillColor: '#CCFFFF',
-            strokeWidth: 5,
-            strokeColor: '#CC0000',
-            zIndex: 3
-        }
-    ];
-    const testCircles = [{
-            latitude: 39.996441,
-            longitude: 116.411146,
-            radius: 15000,
-            strokeWidth: 5,
-            color: '#CCFFFF',
-            fillColor: '#CC0000'
-        },
-        {
-            latitude: 40.096441,
-            longitude: 116.511146,
-            radius: 12000,
-            strokeWidth: 3,
-            color: '#CCFFFF',
-            fillColor: '#FFCCFF'
-        },
-        {
-            latitude: 39.896441,
-            longitude: 116.311146,
-            radius: 9000,
-            strokeWidth: 1,
-            color: '#CCFFFF',
-            fillColor: '#CC0000'
-        }
-    ];
-    const testIncludePoints = [{
-            latitude: 39.989631,
-            longitude: 116.481018,
-        },
-        {
-            latitude: 39.9086920000,
-            longitude: 116.3974770000,
-        }
-    ];
-    export default {
-        data() {
-            return {
-                location: {
-                    longitude: 116.3974770000,
-                    latitude: 39.9086920000
-                },
-                controls: [{
-                    id: 1,
-                    position: {
-                        left: 5,
-                        top: 180,
-                        width: 30,
-                        height: 30
-                    },
-                    iconPath: '/static/logo.png',
-                    clickable: true
-                }],
-                showLocation: false,
-                scale: 13,
-                showCompass: true,
-                enable3D: true,
-                enableOverlooking: true,
-                enableZoom: true,
-                enableScroll: true,
-                enableRotate: true,
-                enableSatellite: false,
-                enableTraffic: false,
-                polyline: [],
-                markers: [],
-                polygons: [],
-                circles: [],
-                includePoints: [],
-                rotate: 0,
-                skew: 0
-            }
-        },
-        onLoad() {},
-        methods: {
-            changeScale() {
-                this.scale = this.scale == 9 ? 15 : 9;
-            },
-            changeRotate() {
-                this.rotate = this.rotate == 90 ? 0 : 90;
-            },
-            changeSkew() {
-                this.skew = this.skew == 30 ? 0 : 30;
-            },
-            enableThreeD(e) {
-                this.enable3D = e.value;
-            },
-            changeShowCompass(e) {
-                this.showCompass = e.value;
-            },
-            changeEnableOverlooking(e) {
-                this.enableOverlooking = e.value;
-            },
-            changeEnableZoom(e) {
-                this.enableZoom = e.value;
-            },
-            changeEnableScroll(e) {
-                this.enableScroll = e.value;
-            },
-            changeEnableRotate(e) {
-                this.enableRotate = e.value;
-            },
-            changeEnableSatellite(e) {
-                this.enableSatellite = e.value;
-            },
-            changeEnableTraffic(e) {
-                this.enableTraffic = e.value;
-            }
-        }
-    }
-</script>
-
-<style>
-    .content {
-        flex: 1;
-    }
-
-    .map {
-        width: 750rpx;
-        height: 250px;
-        background-color: #f0f0f0;
-    }
-
-    .line {
-        height: 4px;
-    }
-
-    .scrollview {
-        flex: 1;
-    }
-</style>
diff --git a/pages/component/map/map.vue b/pages/component/map/map.vue
deleted file mode 100644
index 794acf1..0000000
--- a/pages/component/map/map.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view>
-				<map :latitude="latitude" :longitude="longitude" :markers="covers">
-				</map>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'map',
-				latitude: 39.909,
-				longitude: 116.39742,
-				covers: [{
-					latitude: 39.9085,
-					longitude: 116.39747,
-					// #ifdef APP-PLUS
-					iconPath: '../../../static/app-plus/location@3x.png',
-					// #endif
-					// #ifndef APP-PLUS
-					iconPath: '../../../static/location.png',
-					// #endif
-				}, {
-					latitude: 39.90,
-					longitude: 116.39,
-					// #ifdef APP-PLUS
-					iconPath: '../../../static/app-plus/location@3x.png',
-					// #endif
-					// #ifndef APP-PLUS
-					iconPath: '../../../static/location.png',
-					// #endif
-				}]
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-<style>
-	map {
-		width: 100%;
-		height: 600rpx;
-	}
-</style>
diff --git a/pages/component/movable-view/movable-view.vue b/pages/component/movable-view/movable-view.vue
deleted file mode 100644
index c93e9f6..0000000
--- a/pages/component/movable-view/movable-view.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-	<view class="page-body">
-		<page-head title="movable-view,可拖动视图"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title uni-common-mt">
-				示例 1
-				<text>\nmovable-view 区域小于 movable-area</text>
-			</view>
-			<movable-area>
-				<movable-view :x="x" :y="y" direction="all" @change="onChange">text</movable-view>
-			</movable-area>
-			<view @tap="tap" class="uni-link uni-center uni-common-mt">
-				点击这里移动至 (30px, 30px)
-			</view>
-			<view class="uni-title uni-common-mt">
-				示例 2
-				<text>\nmovable-view区域大于movable-area</text>
-			</view>
-			<movable-area>
-				<movable-view class="max" direction="all">text</movable-view>
-			</movable-area>
-			<view class="uni-title uni-common-mt">
-				示例 3
-				<text>\n只可以横向移动</text>
-			</view>
-			<movable-area>
-				<movable-view direction="horizontal">text</movable-view>
-			</movable-area>
-			<view class="uni-title uni-common-mt">
-				示例 4
-				<text>\n只可以纵向移动</text>
-			</view>
-			<movable-area>
-				<movable-view direction="vertical">text</movable-view>
-			</movable-area>
-			<view class="uni-title uni-common-mt">
-				示例 5
-				<text>\n可超出边界</text>
-			</view>
-			<movable-area>
-				<movable-view direction="all" out-of-bounds>text</movable-view>
-			</movable-area>
-			<view class="uni-title uni-common-mt">
-				示例 6
-				<text>\n带有惯性</text>
-			</view>
-			<movable-area>
-				<movable-view direction="all" inertia>text</movable-view>
-			</movable-area>
-			<view class="uni-title uni-common-mt">
-				示例 7
-				<text>\n可放缩</text>
-			</view>
-			<movable-area scale-area>
-				<movable-view direction="all" @scale="onScale" scale scale-min="0.5" scale-max="4" :scale-value="scale">text</movable-view>
-			</movable-area>
-			<view @tap="tap2" class="uni-link uni-center uni-common-mt" style="padding-bottom:80rpx;">
-				点击这里放大3倍
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				x: 0,
-				y: 0,
-				scale: 2,
-				old: {
-					x: 0,
-					y: 0,
-					scale: 2
-				}
-			}
-		},
-		methods: {
-			tap: function(e) {
-				// 解决view层不同步的问题
-				this.x = this.old.x
-				this.y = this.old.y
-				this.$nextTick(function() {
-					this.x = 30
-					this.y = 30
-				})
-			},
-			tap2() {
-				// 解决view层不同步的问题
-				this.scale = this.old.scale
-				this.scale = this.old.scale
-				this.$nextTick(function() {
-					this.scale = 3
-				})
-			},
-			onChange: function(e) {
-				this.old.x = e.detail.x
-				this.old.y = e.detail.y
-			},
-			onScale: function(e) {
-				this.old.scale = e.detail.scale
-			}
-		}
-	}
-</script>
-
-<style>
-	movable-view {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 150rpx;
-		width: 150rpx;
-		background-color: #007AFF;
-		color: #fff;
-	}
-
-	movable-area {
-		height: 300rpx;
-		width: 100%;
-		background-color: #D8D8D8;
-		overflow: hidden;
-	}
-
-	.max {
-		width:500rpx;
-		height: 500rpx;
-	}
-</style>
\ No newline at end of file
diff --git a/pages/component/navigator/navigate/navigate.vue b/pages/component/navigator/navigate/navigate.vue
deleted file mode 100644
index d293fa4..0000000
--- a/pages/component/navigator/navigate/navigate.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: '新建的页面'
-			}
-		}
-	}
-</script>
diff --git a/pages/component/navigator/navigator.vue b/pages/component/navigator/navigator.vue
deleted file mode 100644
index 2c98518..0000000
--- a/pages/component/navigator/navigator.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-btn-v">
-				<navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
-					<button type="default">跳转到新页面</button>
-				</navigator>
-				<navigator url="redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">
-					<button type="default">在当前页打开</button>
-				</navigator>
-				<navigator v-if="!hasLeftWin" url="/pages/tabBar/extUI/extUI" open-type="switchTab" hover-class="other-navigator-hover">
-					<button type="default">跳转tab页面</button>
-				</navigator>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	import { mapState } from 'vuex'
-	export default {
-		data() {
-			return {
-				title: 'navigator'
-			}
-		},
-		computed: {
-			...mapState({
-				hasLeftWin: state => !state.noMatchLeftWindow
-			})
-		},
-	}
-</script>
diff --git a/pages/component/navigator/redirect/redirect.vue b/pages/component/navigator/redirect/redirect.vue
deleted file mode 100644
index 246011a..0000000
--- a/pages/component/navigator/redirect/redirect.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: '当前页'
-			}
-		}
-	}
-</script>
diff --git a/pages/component/picker-view/picker-view.vue b/pages/component/picker-view/picker-view.vue
deleted file mode 100644
index 0fd4c51..0000000
--- a/pages/component/picker-view/picker-view.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="uni-padding-wrap">
-			<view class="uni-title">
-				日期：{{year}}年{{month}}月{{day}}日
-			</view>
-		</view>
-        <picker-view v-if="visible" :indicator-style="indicatorStyle" :mask-style="maskStyle" :value="value" @change="bindChange">
-            <picker-view-column>
-                <view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
-            </picker-view-column>
-            <picker-view-column>
-                <view class="item" v-for="(item,index) in months" :key="index">{{item}}月</view>
-            </picker-view-column>
-            <picker-view-column>
-                <view class="item" v-for="(item,index) in days" :key="index">{{item}}日</view>
-            </picker-view-column>
-        </picker-view>
-    </view>
-</template>
-
-<script>
-    export default {
-        data () {
-            const date = new Date()
-            const years = []
-            const year = date.getFullYear()
-            const months = []
-            const month = date.getMonth() + 1
-            const days = []
-            const day = date.getDate()
-
-            for (let i = 1990; i <= date.getFullYear(); i++) {
-                years.push(i)
-            }
-
-            for (let i = 1; i <= 12; i++) {
-                months.push(i)
-            }
-
-            for (let i = 1; i <= 31; i++) {
-                days.push(i)
-            }
-            return {
-                title: 'picker-view',
-                years,
-                year,
-                months,
-                month,
-                days,
-                day,
-                value: [9999, month - 1, day - 1],
-				/**
-				 * 解决动态设置indicator-style不生效的问题
-				 */
-                visible: true,
-                // indicatorStyle: `height: ${Math.round(uni.getSystemInfoSync().screenWidth/(750/100))}px;`
-                indicatorStyle: `height: 50px;`,
-				// #ifdef MP-KUAISHOU
-				maskStyle: "padding:10px 0"
-				// #endif
-				// #ifndef MP-KUAISHOU
-				maskStyle: ""
-				// #endif
-            }
-        },
-        methods: {
-            bindChange (e) {
-                const val = e.detail.value
-                this.year = this.years[val[0]]
-                this.month = this.months[val[1]]
-                this.day = this.days[val[2]]
-            }
-        }
-    }
-</script>
-
-<style>
-
-    picker-view {
-        width: 100%;
-        height: 600rpx;
-        margin-top:20rpx;
-    }
-
-    .item {
-        line-height: 100rpx;
-        text-align: center;
-    }
-</style>
diff --git a/pages/component/picker/picker.vue b/pages/component/picker/picker.vue
deleted file mode 100644
index 2288adf..0000000
--- a/pages/component/picker/picker.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-title uni-common-pl">普通选择器</view>
-		<view class="uni-list">
-			<view class="uni-list-cell">
-				<view class="uni-list-cell-left">
-					当前选择
-				</view>
-				<view class="uni-list-cell-db">
-					<picker @change="bindPickerChange" :value="index" :range="array" range-key="name">
-						<view class="uni-input">{{array[index].name}}</view>
-					</picker>
-				</view>
-			</view>
-		</view>
-
-		<!-- #ifndef MP-ALIPAY -->
-		<view class="uni-title uni-common-pl">多列选择器</view>
-		<view class="uni-list">
-			<view class="uni-list-cell">
-				<view class="uni-list-cell-left">
-					当前选择
-				</view>
-				<view class="uni-list-cell-db">
-					<picker mode="multiSelector" @columnchange="bindMultiPickerColumnChange" :value="multiIndex" :range="multiArray">
-						<view class="uni-input">{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}}，{{multiArray[2][multiIndex[2]]}}</view>
-					</picker>
-				</view>
-			</view>
-		</view>
-		<!-- #endif -->
-
-		<view class="uni-title uni-common-pl">时间选择器</view>
-		<view class="uni-list">
-			<view class="uni-list-cell">
-				<view class="uni-list-cell-left">
-					当前选择
-				</view>
-				<view class="uni-list-cell-db">
-					<picker mode="time" :value="time" start="09:01" end="21:01" @change="bindTimeChange">
-						<view class="uni-input">{{time}}</view>
-					</picker>
-				</view>
-			</view>
-		</view>
-		<view class="uni-picker-tips">
-			注：选择 09:01 ~ 21:01 之间的时间, 不在区间内不能选中
-		</view>
-
-		<view class="uni-title uni-common-pl">日期选择器</view>
-		<view class="uni-list">
-			<view class="uni-list-cell">
-				<view class="uni-list-cell-left">
-					当前选择
-				</view>
-				<view class="uni-list-cell-db">
-					<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
-						<view class="uni-input">{{date}}</view>
-					</picker>
-				</view>
-			</view>
-		</view>
-		<view class="uni-picker-tips">
-			注：选择当前时间 ±10 年之间的时间, 不在区间内不能选中
-		</view>
-	</view>
-</template>
-<script>
-
-	function getDate(type) {
-		const date = new Date();
-
-		let year = date.getFullYear();
-		let month = date.getMonth() + 1;
-		let day = date.getDate();
-
-		if (type === 'start') {
-			year = year - 10;
-		} else if (type === 'end') {
-			year = year + 10;
-		}
-		month = month > 9 ? month : '0' + month;;
-		day = day > 9 ? day : '0' + day;
-
-		return `${year}-${month}-${day}`;
-	}
-	export default {
-		data() {
-			return {
-				title: 'picker',
-				array: [{name:'中国'},{name: '美国'}, {name:'巴西'}, {name:'日本'}],
-				index: 0,
-				multiArray: [
-					['亚洲', '欧洲'],
-					['中国', '日本'],
-					['北京', '上海', '广州']
-				],
-				multiIndex: [0, 0, 0],
-				date: getDate({
-					format: true
-				}),
-				startDate:getDate('start'),
-				endDate:getDate('end'),
-				time: '12:01'
-			}
-		},
-		methods: {
-			bindPickerChange: function(e) {
-				console.log('picker发送选择改变，携带值为：' + e.detail.value)
-				this.index = e.detail.value
-			},
-			bindMultiPickerColumnChange: function(e) {
-				console.log('修改的列为：' + e.detail.column + '，值为：' + e.detail.value)
-				this.multiIndex[e.detail.column] = e.detail.value
-				switch (e.detail.column) {
-					case 0: //拖动第1列
-						switch (this.multiIndex[0]) {
-							case 0:
-								this.multiArray[1] = ['中国', '日本']
-								this.multiArray[2] = ['北京', '上海', '广州']
-								break
-							case 1:
-								this.multiArray[1] = ['英国', '法国']
-								this.multiArray[2] = ['伦敦', '曼彻斯特']
-								break
-						}
-						this.multiIndex.splice(1, 1, 0)
-						this.multiIndex.splice(2, 1, 0)
-						break
-					case 1: //拖动第2列
-						switch (this.multiIndex[0]) { //判断第一列是什么
-							case 0:
-								switch (this.multiIndex[1]) {
-									case 0:
-										this.multiArray[2] = ['北京', '上海', '广州']
-										break
-									case 1:
-										this.multiArray[2] = ['东京','北海道']
-										break
-								}
-								break
-							case 1:
-								switch (this.multiIndex[1]) {
-									case 0:
-										this.multiArray[2] = ['伦敦', '曼彻斯特']
-										break
-									case 1:
-										this.multiArray[2] = ['巴黎', '马赛']
-										break
-								}
-								break
-						}
-						this.multiIndex.splice(2, 1, 0)
-						break
-				}
-				this.$forceUpdate()
-			},
-			bindDateChange: function(e) {
-				this.date = e.detail.value
-			},
-			bindTimeChange: function(e) {
-				this.time = e.detail.value
-			}
-
-		}
-	}
-</script>
-
-<style>
-.uni-picker-tips {
-	font-size: 12px;
-	color: #666;
-	margin-bottom: 15px;
-	padding: 0 15px;
-	/* text-align: right; */
-}
-</style>
diff --git a/pages/component/progress/progress.vue b/pages/component/progress/progress.vue
deleted file mode 100644
index 1541d7d..0000000
--- a/pages/component/progress/progress.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-    <view>
-        <page-head :title="title"></page-head>
-        <view class="uni-padding-wrap uni-common-mt">
-            <view class="progress-box">
-                <progress :percent="pgList[0]" show-info stroke-width="3" />
-            </view>
-            <view class="progress-box">
-                <progress :percent="pgList[1]" stroke-width="3" />
-                <uni-icons type="close" class="progress-cancel" color="#dd524d"></uni-icons>
-            </view>
-            <view class="progress-box">
-                <progress :percent="pgList[2]" stroke-width="3" />
-            </view>
-            <view class="progress-box">
-                <progress :percent="pgList[3]" activeColor="#10AEFF" stroke-width="3" />
-            </view>
-            <view class="progress-control">
-                <button type="primary" @click="setProgress">设置进度</button>
-                <button type="warn" @click="clearProgress">清除进度</button>
-            </view>
-        </view>
-    </view>
-</template>
-<script>
-    export default {
-        data() {
-            return {
-                title: 'progress',
-                pgList: [0, 0, 0, 0]
-            }
-        },
-        methods: {
-            setProgress() {
-                this.pgList = [20, 40, 60, 80]
-            },
-            clearProgress() {
-                this.pgList = [0, 0, 0, 0]
-            }
-        }
-    }
-</script>
-
-<style>
-    .progress-box {
-        display: flex;
-        height: 50rpx;
-        margin-bottom: 60rpx;
-    }
-
-    .uni-icon {
-        line-height: 1.5;
-    }
-
-    .progress-cancel {
-        margin-left: 40rpx;
-    }
-    
-    .progress-control button{
-        margin-top: 20rpx;
-    }
-</style>
diff --git a/pages/component/radio/radio.vue b/pages/component/radio/radio.vue
deleted file mode 100644
index 44f7b77..0000000
--- a/pages/component/radio/radio.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-title">默认样式</view>
-			<view>
-				<label class="radio" style="margin-right: 30rpx;">
-					<radio value="r1" checked="true" />选中
-				</label>
-				<label class="radio">
-					<radio value="r2" />未选中
-				</label>
-			</view>
-		</view>
-		<view class="uni-padding-wrap">
-			<view class="uni-title">不同颜色和尺寸的radio</view>
-			<view>
-				<label class="radio" style="margin-right: 30rpx;">
-					<radio value="r1" checked="true" color="#FFCC33" style="transform:scale(0.7)"/>选中
-				</label>
-				<label class="radio">
-					<radio value="r2" color="#FFCC33" style="transform:scale(0.7)"/>未选中
-				</label>
-			</view>
-		</view>
-		<view class="uni-title uni-common-mt uni-common-pl">推荐展示样式</view>
-		<view class="uni-list">
-			<radio-group @change="radioChange">
-				<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
-					<view>
-						<radio :value="item.value" :checked="index === current" />
-					</view>
-					<view>{{item.name}}</view>
-				</label>
-			</radio-group>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'radio 单选框',
-				items: [{
-						value: 'USA',
-						name: '美国'
-					},
-					{
-						value: 'CHN',
-						name: '中国',
-						checked: 'true'
-					},
-					{
-						value: 'BRA',
-						name: '巴西'
-					},
-					{
-						value: 'JPN',
-						name: '日本'
-					},
-					{
-						value: 'ENG',
-						name: '英国'
-					},
-					{
-						value: 'FRA',
-						name: '法国'
-					},
-				],
-				current: 0
-			}
-		},
-		methods: {
-			radioChange(evt) {
-				for (let i = 0; i < this.items.length; i++) {
-					if (this.items[i].value === evt.detail.value) {
-						this.current = i;
-						break;
-					}
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-list-cell {
-		justify-content: flex-start
-	}
-</style>
diff --git a/pages/component/rich-text/rich-text.vue b/pages/component/rich-text/rich-text.vue
deleted file mode 100644
index 47e7387..0000000
--- a/pages/component/rich-text/rich-text.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-	<view class="content">
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-title uni-common-mt">
-				数组类型
-				<text>\nnodes属性为Array</text>
-			</view>
-			<view class="uni-common-mt" style="background:#FFF; padding:20rpx;">
-				<rich-text :nodes="nodes"></rich-text>
-			</view>
-			<!-- #ifndef MP-ALIPAY -->
-			<view class="uni-title uni-common-mt">
-				字符串类型
-				<text>\nnodes属性为String</text>
-			</view>
-			<view class="uni-common-mt" style="background:#FFF; padding:20rpx;">
-				<rich-text :nodes="strings"></rich-text>
-			</view>
-			<!-- #endif -->
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'rich-text',
-				nodes: [{
-					name: 'div',
-					attrs: {
-						class: 'div-class',
-						style: 'line-height: 60px; color: red; text-align:center;'
-					},
-					children: [{
-						type: 'text',
-						text: 'Hello&nbsp;uni-app!'
-					}]
-				}],
-				strings: '<div style="text-align:center;"><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/ceb770c0-5164-11eb-8a36-ebb87efcf8c0.png"/></div>'
-			}
-		}
-	}
-</script>
diff --git a/pages/component/scroll-view/scroll-view.vue b/pages/component/scroll-view/scroll-view.vue
deleted file mode 100644
index 60c88bf..0000000
--- a/pages/component/scroll-view/scroll-view.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-	<view>
-		<page-head title="scroll-view,区域滚动视图"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title uni-common-mt">
-				Vertical Scroll
-				<text>\n纵向滚动</text>
-			</view>
-			<view>
-				<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower"
-				@scroll="scroll">
-					<view id="demo1" class="scroll-view-item uni-bg-red">A</view>
-					<view id="demo2" class="scroll-view-item uni-bg-green">B</view>
-					<view id="demo3" class="scroll-view-item uni-bg-blue">C</view>
-				</scroll-view>
-			</view>
-			<view @tap="goTop" class="uni-link uni-center uni-common-mt">
-				点击这里返回顶部
-			</view>
-			
-			<view class="uni-title uni-common-mt">
-				Horizontal Scroll
-				<text>\n横向滚动</text>
-			</view>
-			<view>
-				<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
-					<view id="demo1" class="scroll-view-item_H uni-bg-red">A</view>
-					<view id="demo2" class="scroll-view-item_H uni-bg-green">B</view>
-					<view id="demo3" class="scroll-view-item_H uni-bg-blue">C</view>
-				</scroll-view>
-			</view>
-            <view class="uni-common-pb"></view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				scrollTop: 0,
-				old: {
-					scrollTop: 0
-				}
-			}
-		},
-		methods: {
-			upper: function(e) {
-				console.log(e)
-			},
-			lower: function(e) {
-				console.log(e)
-			},
-			scroll: function(e) {
-				console.log(e)
-				this.old.scrollTop = e.detail.scrollTop
-			},
-			goTop: function(e) {
-				// 解决view层不同步的问题
-				this.scrollTop = this.old.scrollTop
-				this.$nextTick(function() {
-					this.scrollTop = 0
-				});
-				uni.showToast({
-					icon:"none",
-					title:"纵向滚动 scrollTop 值已被修改为 0"
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-	.scroll-Y {
-		height: 300rpx;
-	}
-
-	.scroll-view_H {
-		white-space: nowrap;
-		width: 100%;
-	}
-
-	.scroll-view-item {
-		height: 300rpx;
-		line-height: 300rpx;
-		text-align: center;
-		font-size: 36rpx;
-	}
-
-	.scroll-view-item_H {
-		display: inline-block;
-		width: 100%;
-		height: 300rpx;
-		line-height: 300rpx;
-		text-align: center;
-		font-size: 36rpx;
-	}
-</style>
\ No newline at end of file
diff --git a/pages/component/slider/slider.vue b/pages/component/slider/slider.vue
deleted file mode 100644
index a44d480..0000000
--- a/pages/component/slider/slider.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">显示当前value</view>
-			<view>
-				<slider value="50" @change="sliderChange" show-value />
-			</view>
-			
-			<view class="uni-title">设置步进step跳动</view>
-			<view>
-				<slider value="60" @change="sliderChange" step="5" />
-			</view>
-
-			<view class="uni-title">设置最小/最大值</view>
-			<view>
-				<slider value="100" @change="sliderChange" min="50" max="200" show-value />
-			</view>
-			
-			<view class="uni-title">不同颜色和大小的滑块</view>
-			<view>
-				<slider value="50" @change="sliderChange" activeColor="#FFCC33" backgroundColor="#000000" block-color="#8A6DE9" block-size="20" />
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'slider 滑块'
-			}
-		},
-		methods: {
-			sliderChange(e) {
-				console.log('value 发生变化：' + e.detail.value)
-			}
-		}
-	}
-</script>
diff --git a/pages/component/swiper/swiper.vue b/pages/component/swiper/swiper.vue
deleted file mode 100644
index de4df51..0000000
--- a/pages/component/swiper/swiper.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-	<view>
-		<page-head title="swiper,可滑动视图"></page-head>
-		<view class="uni-margin-wrap">
-			<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
-				<swiper-item>
-					<view class="swiper-item uni-bg-red">A</view>
-				</swiper-item>
-				<swiper-item>
-					<view class="swiper-item uni-bg-green">B</view>
-				</swiper-item>
-				<swiper-item>
-					<view class="swiper-item uni-bg-blue">C</view>
-				</swiper-item>
-			</swiper>
-		</view>
-
-		<view class="swiper-list">
-			<view class="uni-list-cell uni-list-cell-pd">
-				<view class="uni-list-cell-db">指示点</view>
-				<switch :checked="indicatorDots" @change="changeIndicatorDots" />
-			</view>
-			<view class="uni-list-cell uni-list-cell-pd">
-				<view class="uni-list-cell-db">自动播放</view>
-				<switch :checked="autoplay" @change="changeAutoplay" />
-			</view>
-		</view>
-
-		<view class="uni-padding-wrap">
-			<view class="uni-common-mt">
-				<text>幻灯片切换时长(ms)</text>
-				<text class="info">{{duration}}</text>
-			</view>
-			<slider @change="durationChange" :value="duration" min="500" max="2000" />
-			<view class="uni-common-mt">
-				<text>自动播放间隔时长(ms)</text>
-				<text class="info">{{interval}}</text>
-			</view>
-			<slider @change="intervalChange" :value="interval" min="2000" max="10000" />
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				background: ['color1', 'color2', 'color3'],
-				indicatorDots: true,
-				autoplay: true,
-				interval: 2000,
-				duration: 500
-			}
-		},
-		methods: {
-			changeIndicatorDots(e) {
-				this.indicatorDots = !this.indicatorDots
-			},
-			changeAutoplay(e) {
-				this.autoplay = !this.autoplay
-			},
-			intervalChange(e) {
-				this.interval = e.detail.value
-			},
-			durationChange(e) {
-				this.duration = e.detail.value
-			}
-		}
-	}
-</script>
-
-<style>
-	.uni-margin-wrap {
-		width:690rpx;
-		width: 100%;;
-	}
-	.swiper {
-		height: 300rpx;
-	}
-	.swiper-item {
-		display: block;
-		height: 300rpx;
-		line-height: 300rpx;
-		text-align: center;
-	}
-
-	.swiper-list {
-		margin-top: 40rpx;
-		margin-bottom: 0;
-	}
-
-	.uni-common-mt{
-		margin-top:60rpx;
-		position:relative;
-	}
-
-	.info {
-		position: absolute;
-		right:20rpx;
-	}
-
-    .uni-padding-wrap {
-        width:550rpx;
-        padding:0 100rpx;
-    }
-</style>
diff --git a/pages/component/switch/switch.vue b/pages/component/switch/switch.vue
deleted file mode 100644
index 32c6437..0000000
--- a/pages/component/switch/switch.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">默认样式</view>
-			<view>
-				<switch checked @change="switch1Change" />
-				<switch @change="switch2Change" />
-			</view>
-			<view class="uni-title">不同颜色和尺寸的switch</view>
-			<view>
-				<switch checked color="#FFCC33" style="transform:scale(0.7)"/>
-				<switch color="#FFCC33" style="transform:scale(0.7)"/>
-			</view>
-
-			<view class="uni-title">推荐展示样式</view>
-		</view>
-		<view class="uni-list">
-			<view class="uni-list-cell uni-list-cell-pd">
-				<view class="uni-list-cell-db">开启中</view>
-				<switch checked />
-			</view>
-			<view class="uni-list-cell uni-list-cell-pd">
-				<view class="uni-list-cell-db">关闭</view>
-				<switch />
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'switch 开关'
-			}
-		},
-		methods: {
-			switch1Change: function (e) {
-				console.log('switch1 发生 change 事件，携带值为', e.detail.value)
-			},
-			switch2Change: function (e) {
-				console.log('switch2 发生 change 事件，携带值为', e.detail.value)
-			}
-		}
-	}
-</script>
-
diff --git a/pages/component/text/text.vue b/pages/component/text/text.vue
deleted file mode 100644
index 0494e20..0000000
--- a/pages/component/text/text.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="text-box" scroll-y="true">
-				<text>{{text}}</text>
-			</view>
-			<view class="uni-btn-v">
-				<button type="primary" :disabled="!canAdd" @click="add">add line</button>
-				<button type="warn" :disabled="!canRemove" @click="remove">remove line</button>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'text',
-				texts: [
-					'HBuilder，400万开发者选择的IDE',
-					'MUI，轻巧、漂亮的前端开源框架',
-					'wap2app，M站快速转换原生体验的App',
-					'5+Runtime，为HTML5插上原生的翅膀',
-					'HBuilderX，轻巧、极速，极客编辑器',
-					'uni-app，终极跨平台方案',
-					'HBuilder，400万开发者选择的IDE',
-					'MUI，轻巧、漂亮的前端开源框架',
-					'wap2app，M站快速转换原生体验的App',
-					'5+Runtime，为HTML5插上原生的翅膀',
-					'HBuilderX，轻巧、极速，极客编辑器',
-					'uni-app，终极跨平台方案',
-					'......'
-				],
-				text: '',
-				canAdd: true,
-				canRemove: false,
-				extraLine: []
-			}
-		},
-		methods: {
-			add: function(e) {
-				this.extraLine.push(this.texts[this.extraLine.length % 12]);
-				this.text = this.extraLine.join('\n');
-				this.canAdd = this.extraLine.length < 12;
-				this.canRemove = this.extraLine.length > 0;
-			},
-			remove: function(e) {
-				if (this.extraLine.length > 0) {
-					this.extraLine.pop();
-					this.text = this.extraLine.join('\n');
-					this.canAdd = this.extraLine.length < 12;
-					this.canRemove = this.extraLine.length > 0;
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-	.text-box {
-		margin-bottom: 40rpx;
-		padding: 40rpx 0;
-		display: flex;
-		min-height: 300rpx;
-		background-color: #FFFFFF;
-		justify-content: center;
-		align-items: center;
-		text-align: center;
-		font-size: 30rpx;
-		color: #353535;
-		line-height: 1.8;
-	}
-</style>
diff --git a/pages/component/textarea/textarea.vue b/pages/component/textarea/textarea.vue
deleted file mode 100644
index b20a27e..0000000
--- a/pages/component/textarea/textarea.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-title uni-common-pl">输入区域高度自适应，不会出现滚动条</view>
-		<view class="uni-textarea">
-			<textarea @blur="bindTextAreaBlur" auto-height />
-			</view>
-			<view class="uni-title uni-common-pl">占位符字体是红色的textarea</view>
-			<view class="uni-textarea">
-				<textarea placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/>
-			</view>
-		</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'textarea',
-				focus: false
-			}
-		},
-		methods: {
-			bindTextAreaBlur: function (e) {
-				console.log(e.detail.value)
-			}
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/pages/component/video/video.nvue b/pages/component/video/video.nvue
deleted file mode 100644
index 673c072..0000000
--- a/pages/component/video/video.nvue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<div>
-		<video id='video1' class="video" :src="src" autoplay="false" duration="" controls="true" :danmu-list="list"
-			danmu-btn="true" enable-danmu="true" :loop="true" muted="true" initial-time="" direction="-90"
-			show-mute-btn="true" @play="onstart" @pause="onpause" @ended="onfinish" @error="onfail" @waiting="waiting"
-			@timeupdate="timeupdate" @fullscreenchange="fullscreenchange"></video>
-		<button class="btn" @click="play">播放</button>
-		<button class="btn" @click="pause">暂停</button>
-		<button class="btn" @click="seek">跳转到指定位置</button>
-		<button class="btn" @click="stop">停止</button>
-		<button class="btn" @click="fullScreen">全屏</button>
-		<button class="btn" @click="exitFullScreen">退出全屏</button>
-		<button class="btn" @click="playbackRate">设置倍速</button>
-		<button class="btn" @click="sendDanmu">发送弹幕</button>
-	</div>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				src: "https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v",
-				fil: true,
-				list: [{
-					text: '要显示的文本',
-					color: '#FF0000',
-					time: 9
-				}]
-			}
-		},
-		onReady() {
-			this.context = uni.createVideoContext("video1", this);
-		},
-		methods: {
-			onstart(e) {
-				console.log("onstart:" + JSON.stringify(e));
-			},
-			onpause(e) {
-				console.log("onpause:" + JSON.stringify(e));
-			},
-			onfinish(e) {
-				console.log("onfinish:" + JSON.stringify(e));
-			},
-			onfail(e) {
-				console.log("onfail:" + JSON.stringify(e));
-			},
-			fullscreenchange(e) {
-				console.log("fullscreenchange:" + JSON.stringify(e));
-			},
-			waiting(e) {
-				console.log("waiting:" + JSON.stringify(e));
-			},
-			timeupdate(e) {
-				console.log("timeupdate:" + JSON.stringify(e));
-			},
-
-			play() {
-				this.context.play();
-			},
-			pause() {
-				this.context.pause();
-			},
-			seek() {
-				this.context.seek(20);
-			},
-			stop() {
-				this.context.stop();
-			},
-			fullScreen() {
-				this.context.requestFullScreen({
-					direction: 90
-				});
-			},
-			exitFullScreen() {
-				this.context.exitFullScreen();
-			},
-			sendDanmu() {
-				this.context.sendDanmu({
-					text: '要显示的弹幕文本',
-					color: '#FF0000'
-				});
-			},
-			playbackRate() {
-				this.context.playbackRate(2);
-			}
-		}
-	}
-</script>
-
-<style>
-	.video {
-		width: 750rpx;
-		/* #ifdef H5 */
-		width: 100%;
-		/* #endif */
-		height: 400rpx;
-		background-color: #808080;
-	}
-
-	.btn {
-		margin-top: 5px;
-		margin-bottom: 5px;
-	}
-</style>
diff --git a/pages/component/video/video.vue b/pages/component/video/video.vue
deleted file mode 100644
index 49522d8..0000000
--- a/pages/component/video/video.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt" v-if="showVideo">
-			<view>
-				<video id="myVideo" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v"
-				 @error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls poster="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b1476d40-4e5f-11eb-b997-9918a5dda011.png"></video>
-			</view>
-			<!-- #ifndef MP-ALIPAY || MP-TOUTIAO || MP-KUAISHOU || MP-LARK || MP-JD -->
-			<view class="uni-list uni-common-mt">
-				<view class="uni-list-cell">
-					<view>
-						<view class="uni-label">弹幕内容</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<input v-model="danmuValue" class="uni-input" type="text" placeholder="在此处输入弹幕内容" />
-					</view>
-				</view>
-			</view>
-			<view class="uni-btn-v">
-				<button @click="sendDanmu" class="page-body-button">发送弹幕</button>
-			</view>
-			<!-- #endif -->
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'video',
-				src: '',
-				danmuList: [{
-						text: '第 1s 出现的弹幕',
-						color: '#ff0000',
-						time: 1
-					},
-					{
-						text: '第 3s 出现的弹幕',
-						color: '#ff00ff',
-						time: 3
-					}
-				],
-				danmuValue: '',
-				showVideo: false
-			}
-		},
-		onReady: function(res) {
-			// #ifndef MP-ALIPAY || MP-TOUTIAO
-			this.videoContext = uni.createVideoContext('myVideo')
-			// #endif
-      // #ifdef APP-PLUS || MP-BAIDU
-      setTimeout(()=>{
-      	this.showVideo = true
-      },350)
-      // #endif
-      // #ifndef APP-PLUS || MP-BAIDU
-      this.showVideo = true
-      // #endif
-		},
-		methods: {
-			sendDanmu: function() {
-				this.videoContext.sendDanmu({
-					text: this.danmuValue,
-					color: this.getRandomColor()
-				});
-				this.danmuValue = '';
-			},
-			videoErrorCallback: function(e) {
-				uni.showModal({
-					content: e.target.errMsg,
-					showCancel: false
-				})
-			},
-			getRandomColor: function() {
-				const rgb = []
-				for (let i = 0; i < 3; ++i) {
-					let color = Math.floor(Math.random() * 256).toString(16)
-					color = color.length == 1 ? '0' + color : color
-					rgb.push(color)
-				}
-				return '#' + rgb.join('')
-			}
-		}
-	}
-</script>
-
-<style>
-	video {
-		width: 690rpx;
-		width: 100%;
-		height: 400px;
-	}
-</style>
diff --git a/pages/component/view/view.test.js b/pages/component/view/view.test.js
deleted file mode 100644
index 4755f38..0000000
--- a/pages/component/view/view.test.js
+++ /dev/null
@@ -1,36 +0,0 @@
-describe('pages/component/view/view.vue', () => {
-	let page
-	beforeAll(async () => {
-		// 重新reLaunch至首页，并获取首页page对象（其中 program 是uni-automator自动注入的全局对象）
-		page = await program.reLaunch('/pages/component/view/view')
-		await page.waitFor(1000)
-	})
-
-	/**
-	 * 测试步骤
-	 * 1. 检测页面标题是否为 view
-	 */
-	it('view 组件标题', async () => {
-		let view = await page.$('.common-page-head-title')
-		expect(await view.text()).toBe('view')
-	})
-	/**
-	 * 测试步骤
-	 * 1. uni-flex 的个数
-	 * 2. flex-item 的个数
-	 */
-	it('view 个数', async () => {
-		let viewLen = await page.$$('.uni-flex')
-		expect(viewLen.length).toBe(18)
-		let viewItemLen = await page.$$('.flex-item')
-		expect(viewItemLen.length).toBe(6)
-	})
-	/**
-	 * 测试步骤
-	 * 1. 第一个颜色块的色值是否为 rgb(247, 98, 96)
-	 */
-	it('view 前三个元素颜色', async () => {
-		let viewRed = await page.$('.uni-bg-red')
-		expect(await viewRed.style('backgroundColor')).toBe('rgb(247, 98, 96)')
-	})
-})
diff --git a/pages/component/view/view.vue b/pages/component/view/view.vue
deleted file mode 100644
index df7145f..0000000
--- a/pages/component/view/view.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-	<view>
-		<page-head title="view"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-hello-text">
-				Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。当设置display: flex后，继续给view等容器组件设置flex-direction:
-				row或column，就可以在该容器内按行或列排布子组件。uni-app推荐使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。
-			</view>
-
-			<view class="uni-title uni-common-mt">
-				flex-direction: row
-				<text>\n横向布局</text>
-			</view>
-			<view class="uni-flex uni-row">
-				<view class="flex-item uni-bg-red">A</view>
-				<view class="flex-item uni-bg-green">B</view>
-				<view class="flex-item uni-bg-blue">C</view>
-			</view>
-
-			<view class="uni-title uni-common-mt">
-				flex-direction: column
-				<text>\n纵向布局</text>
-			</view>
-			<view class="uni-flex uni-column">
-				<view class="flex-item flex-item-V uni-bg-red">A</view>
-				<view class="flex-item flex-item-V uni-bg-green">B</view>
-				<view class="flex-item flex-item-V uni-bg-blue">C</view>
-			</view>
-
-			<view class="uni-title uni-common-mt">
-				更多布局示例
-				<text>\nflex布局演示</text>
-			</view>
-			<view>
-				<view class="text">纵向布局-自动宽度</view>
-				<view class="text" style="width: 300rpx;">纵向布局-固定宽度</view>
-				<view class="uni-flex uni-row">
-					<view class="text">横向布局-自动宽度</view>
-					<view class="text">横向布局-自动宽度</view>
-				</view>
-				<view class="uni-flex uni-row" style="-webkit-justify-content: center;justify-content: center;">
-					<view class="text">横向布局-居中</view>
-					<view class="text">横向布局-居中</view>
-				</view>
-				<view class="uni-flex uni-row" style="-webkit-justify-content: flex-end;justify-content: flex-end;">
-					<view class="text">横向布局-居右</view>
-					<view class="text">横向布局-居右</view>
-				</view>
-				<view class="uni-flex uni-row">
-					<view class="text" style="-webkit-flex: 1;flex: 1;">横向布局-平均分布</view>
-					<view class="text" style="-webkit-flex: 1;flex: 1;">横向布局-平均分布</view>
-				</view>
-				<view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
-					<view class="text">横向布局-两端对齐</view>
-					<view class="text">横向布局-两端对齐</view>
-				</view>
-				<view class="uni-flex uni-row">
-					<view class="text" style="width: 200rpx;">固定宽度</view>
-					<view class="text" style="-webkit-flex: 1;flex: 1;">自动占满余量</view>
-				</view>
-				<view class="uni-flex uni-row">
-					<view class="text" style="width: 200rpx;">固定宽度</view>
-					<view class="text" style="-webkit-flex: 1;flex: 1;">自动占满</view>
-					<view class="text" style="width: 200rpx;">固定宽度</view>
-				</view>
-				<view class="uni-flex uni-row" style="-webkit-flex-wrap: wrap;flex-wrap: wrap;">
-					<view class="text" style="width: 280rpx;">一行显示不全,wrap折行</view>
-					<view class="text" style="width: 280rpx;">一行显示不全,wrap折行</view>
-					<view class="text" style="width: 280rpx;">一行显示不全,wrap折行</view>
-				</view>
-				<view class="uni-flex uni-row">
-					<view class="text uni-flex" style="-webkit-flex: 1;flex: 1;height: 200rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-start;align-items: flex-start;">
-						<text>垂直居顶</text>
-					</view>
-					<view class="text uni-flex" style="-webkit-flex: 1;flex: 1;height: 200rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;">
-						<text>垂直居中</text>
-					</view>
-					<view class="text uni-flex" style="-webkit-flex: 1;flex: 1;height: 200rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-end;align-items: flex-end;">
-						<text>垂直居底</text>
-					</view>
-				</view>
-			</view>
-
-			<view class="uni-title uni-common-mt">
-				组合示例
-				<text>\nflex布局演示</text>
-			</view>
-			<view class="uni-flex uni-row">
-				<view class="text uni-flex" style="width: 200rpx;height: 220rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;">
-					<image src="../../../static/plus.png" style="width: 150rpx;height: 150rpx;"></image>
-				</view>
-				<view class="uni-flex uni-column" style="-webkit-flex: 1;flex: 1;-webkit-justify-content: space-between;justify-content: space-between;">
-					<view class="text" style="height: 120rpx;text-align: left;padding-left: 20rpx;padding-top: 10rpx;">
-						文字居左，留出左间距
-					</view>
-					<view class="uni-flex uni-row">
-						<view class="text" style="-webkit-flex: 1;flex: 1;">剩余数量</view>
-						<view class="text" style="-webkit-flex: 1;flex: 1;">立即购买</view>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {}
-		}
-	}
-</script>
-
-<style>
-	.flex-item {
-		width: 33.3%;
-		height: 200rpx;
-		text-align: center;
-		line-height: 200rpx;
-	}
-
-	.flex-item-V {
-		width: 100%;
-		height: 150rpx;
-		text-align: center;
-		line-height: 150rpx;
-	}
-
-	.text {
-		margin: 15rpx 10rpx;
-		padding: 0 20rpx;
-		background-color: #ebebeb;
-		height: 70rpx;
-		line-height: 70rpx;
-		text-align: center;
-		color: #777;
-		font-size: 26rpx;
-	}
-
-	.desc {
-		/* text-indent: 40rpx; */
-	}
-	.flex-pc {
-		display: flex;
-		justify-content: center;
-	}
-</style>
diff --git a/pages/component/web-view-local/web-view-local.vue b/pages/component/web-view-local/web-view-local.vue
deleted file mode 100644
index a9c9e36..0000000
--- a/pages/component/web-view-local/web-view-local.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-	<view>
-		<web-view src="/hybrid/html/local.html" @message="getMessage"></web-view>
-	</view>
-</template>
-
-<script>
-	export default {
-		methods: {
-			getMessage(e) {
-				uni.showModal({
-					content: JSON.stringify(e.detail),
-					showCancel: false
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>
diff --git a/pages/component/web-view/web-view.vue b/pages/component/web-view/web-view.vue
deleted file mode 100644
index 0e78c25..0000000
--- a/pages/component/web-view/web-view.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<view>
-		<web-view :src="url" @message="getMessage"></web-view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				url: 'https://uniapp.dcloud.io/static/web-view.html'
-			}
-		},
-		onLoad(options) {
-			if (options && options.url) {
-				this.url = options.url;
-			}
-		},
-		methods: {
-			getMessage(event) {
-				uni.showModal({
-					content: JSON.stringify(event.detail),
-					showCancel: false
-				});
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>
diff --git a/pages/extUI/badge/badge.vue b/pages/extUI/badge/badge.vue
deleted file mode 100644
index ff1bea5..0000000
--- a/pages/extUI/badge/badge.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">数字角标通用来标记重点信息使用，如接受到新消息、有未读消息等</text>
-		</uni-card>
-		<uni-section title="基础用法" type="line" padding>
-			<view class="example-body">
-				<uni-badge class="uni-badge-left-margin" text="1" />
-				<uni-badge class="uni-badge-left-margin" text="2" type="primary" />
-				<uni-badge class="uni-badge-left-margin" text="34" type="success" />
-				<uni-badge class="uni-badge-left-margin" text="45" type="warning" />
-				<uni-badge class="uni-badge-left-margin" text="123" type="info" />
-			</view>
-		</uni-section>
-		<uni-section title="无底色" type="line" padding>
-			<view class="example-body">
-				<uni-badge class="uni-badge-left-margin" :inverted="true" text="1" />
-				<uni-badge class="uni-badge-left-margin" :inverted="true" text="2" type="primary" />
-				<uni-badge class="uni-badge-left-margin" :inverted="true" text="34" type="success" />
-				<uni-badge class="uni-badge-left-margin" :inverted="true" text="45" type="warning" />
-				<uni-badge class="uni-badge-left-margin" :inverted="true" text="123" type="info" />
-			</view>
-		</uni-section>
-
-		<uni-section title="自定义样式" type="line" padding>
-			<view class="example-body">
-				<uni-badge class="uni-badge-left-margin" text="2" type="primary"
-					:customStyle="{background: '#4335d6'}" />
-				<uni-badge class="uni-badge-left-margin" text="2" type="primary" :customStyle="customStyle" />
-			</view>
-		</uni-section>
-
-		<uni-section title="定位: aboslute 属性" subTitle="注：在安卓端不支持 nvue" type="line" padding>
-			<uni-badge class="uni-badge-left-margin" :text="value" absolute="rightTop" size="small">
-				<view class="box"><text class="box-text">右上</text></view>
-			</uni-badge>
-		</uni-section>
-
-		<uni-section title="偏移: offset 属性(存在 aboslute)" type="line" padding>
-			<uni-badge class="uni-badge-left-margin" :text="8" absolute="rightTop" :offset="[-3, -3]" size="small">
-				<view class="box"><text class="box-text">右上</text></view>
-			</uni-badge>
-		</uni-section>
-		<uni-section title="仅显示点: is-dot 属性" type="line" padding>
-			<uni-badge class="uni-badge-left-margin" :is-dot="true" :text="value" absolute="rightTop" size="small">
-				<view class="box"><text class="box-text">圆点</text></view>
-			</uni-badge>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				value: 0,
-				customStyle: {
-					backgroundColor: '#62ed0d',
-					color: '#fff'
-				}
-			};
-		},
-		mounted() {
-			const timer = setInterval(() => {
-				if (this.value >= 199) {
-					clearInterval(timer)
-					return
-				}
-				this.value++
-			}, 100)
-		}
-	};
-</script>
-
-<style lang="scss">
-	/* #ifdef MP-ALIPAY */
-	.uni-badge {
-		margin-left: 20rpx;
-	}
-
-	/* #endif */
-	.example-body {
-		flex-direction: row;
-		justify-content: flex-start;
-	}
-
-	.uni-badge-left-margin {
-		margin-left: 10px;
-	}
-
-	.uni-badge-absolute {
-		margin-left: 40px;
-	}
-
-	.box {
-		width: 40px;
-		height: 40px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		text-align: center;
-		background-color: #DCDFE6;
-		color: #fff;
-		font-size: 12px;
-	}
-
-	.box-text {
-		text-align: center;
-		color: #fff;
-		font-size: 12px;
-	}
-</style>
diff --git a/pages/extUI/button/button.vue b/pages/extUI/button/button.vue
deleted file mode 100644
index f42df35..0000000
--- a/pages/extUI/button/button.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<template>
-	<view class="container">
-		<!-- 暂时不支持 nvue -->
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">使用 '.uni-btn' 样式，可对内置button组件设置样式</text>
-		</uni-card>
-		<uni-section title="按钮形状" sub-title="添加类名 .uni-btn-radius 可以使用圆角按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn">默认按钮</button>
-				<button class="uni-btn uni-btn-radius " hover-class="hover-class">圆角</button>
-			</view>
-		</uni-section>
-		<uni-section title="按钮形状(size=mini)" sub-title="添加类名 .uni-btn-radius 可以使用圆角按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" size="mini">默认按钮</button>
-				<button class="uni-btn uni-btn-radius" size="mini">圆角</button>
-			</view>
-		</uni-section>
-		<uni-section title="普通按钮" sub-title="指定不同的 type 属性 ,展示不同类型按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" type="default">default</button>
-				<button class="uni-btn" type="primary">primary</button>
-				<button class="uni-btn" type="success">success</button>
-				<button class="uni-btn" type="warning">warning</button>
-				<button class="uni-btn" type="error">error</button>
-				<button class="uni-btn" type="info">info</button>
-			</view>
-		</uni-section>
-		<uni-section title="普通按钮(size=mini)" sub-title="指定不同的 type 属性 ,展示不同类型按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" size="mini">default</button>
-				<button class="uni-btn" type="primary" size="mini">primary</button>
-				<button class="uni-btn" type="success" size="mini">success</button>
-				<button class="uni-btn" type="warning" size="mini">warning</button>
-				<button class="uni-btn" type="error" size="mini">error</button>
-				<button class="uni-btn" type="info" size="mini">info</button>
-			</view>
-		</uni-section>
-
-		<uni-section title="镂空按钮" sub-title="添加类名 .uni-btn-plain 使用镂空按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" plain>default</button>
-				<button class="uni-btn" plain type="primary">primary</button>
-				<button class="uni-btn" plain type="success">success</button>
-				<button class="uni-btn" plain type="warning">warning</button>
-				<button class="uni-btn" plain type="error">error</button>
-				<button class="uni-btn" plain type="info">info</button>
-			</view>
-		</uni-section>
-
-
-		<uni-section title="镂空按钮(size=mini)" sub-title="添加类名 .uni-btn-plain 使用镂空按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" plain size="mini">default</button>
-				<button class="uni-btn" plain type="primary" size="mini">primary</button>
-				<button class="uni-btn" plain type="success" size="mini">success</button>
-				<button class="uni-btn" plain type="warning" size="mini">warning</button>
-				<button class="uni-btn" plain type="error" size="mini">error</button>
-				<button class="uni-btn" plain type="info" size="mini">info</button>
-			</view>
-		</uni-section>
-		<uni-section title="禁用" sub-title="使用 disabled 属性 ,展示禁用按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" type="primary" disabled>primary</button>
-				<button class="uni-btn" plain type="primary" disabled>primary</button>
-				<button class="uni-btn uni-btn-radius" disabled>圆角</button>
-			</view>
-		</uni-section>
-		<uni-section title="禁用(size=mini)" sub-title="使用 disabled 属性 ,展示禁用按钮" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" type="primary" disabled size="mini">primary</button>
-				<button class="uni-btn" plain type="primary" disabled size="mini">primary</button>
-				<button class="uni-btn uni-btn-radius" disabled size="mini">圆角</button>
-			</view>
-		</uni-section>
-		<uni-section title="大小" sub-title="添加类名 .uni-btn-small .uni-btn-mini 展示按钮的不同大小" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" type="primary">default</button>
-				<button class="uni-btn uni-btn-small" type="primary">samll</button>
-				<button class="uni-btn uni-btn-mini uni-btn-radius" type="primary">mini</button>
-			</view>
-		</uni-section>
-		<uni-section title="大小(sizi=mini)" sub-title="添加类名 .uni-btn-small .uni-btn-mini 展示按钮的不同大小" type="line">
-			<view class="uni-ma-5 uni-pb-5">
-				<button class="uni-btn" type="primary" size="mini">default</button>
-				<button class="uni-btn uni-btn-small" type="primary" size="mini">samll</button>
-				<button class="uni-btn uni-btn-mini uni-btn-radius" type="primary" size="mini">mini</button>
-			</view>
-		</uni-section>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {}
-		},
-		onLoad() {},
-		methods: {}
-	}
-</script>
-<style lang="scss">
-	.hover-class-test {
-		color: red;
-		border: 1px red solid;
-		background: blue;
-	}
-</style>
diff --git a/pages/extUI/calendar/calendar.nvue b/pages/extUI/calendar/calendar.nvue
deleted file mode 100644
index fa242d3..0000000
--- a/pages/extUI/calendar/calendar.nvue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-	<view class="calendar-content" v-if="showCalendar">
-		<text class="example-info">日历组件可以查看日期，选择任意范围内的日期，打点操作。常用场景如：酒店日期预订、火车机票选择购买日期、上下班打卡等。</text>
-		<uni-section title="插入模式" type="line"></uni-section>
-		<view>
-			<!-- 插入模式 -->
-			<uni-calendar class="uni-calendar--hook" :selected="info.selected" :showMonth="false" @change="change" @monthSwitch="monthSwitch" />
-		</view>
-		<uni-section class="hideOnPc" title="弹出模式" type="line"></uni-section>
-		<view class="example-body hideOnPc">
-			<button class="calendar-button" type="button" @click="open">打开日历</button>
-		</view>
-		<uni-calendar ref="calendar" class="uni-calendar--hook" :clear-date="true" :date="info.date" :insert="info.insert" :lunar="info.lunar" :startDate="info.startDate"
-		 :endDate="info.endDate" :range="info.range" @confirm="confirm" @close="close"/>
-	</view>
-</template>
-
-<script>
-	/**
-	 * 获取任意时间
-	 */
-	function getDate(date, AddDayCount = 0) {
-		if (!date) {
-			date = new Date()
-		}
-		if (typeof date !== 'object') {
-			date = date.replace(/-/g, '/')
-		}
-		const dd = new Date(date)
-
-		dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
-
-		const y = dd.getFullYear()
-		const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0
-		const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号，不足10补0
-		return {
-			fullDate: y + '-' + m + '-' + d,
-			year: y,
-			month: m,
-			date: d,
-			day: dd.getDay()
-		}
-	}
-	export default {
-		components: {},
-		data() {
-			return {
-				showCalendar: false,
-				info: {
-					lunar: true,
-					range: true,
-					insert: false,
-					selected: []
-				}
-			}
-		},
-		onReady() {
-			this.$nextTick(() => {
-				this.showCalendar = true
-			})
-			// TODO 模拟请求异步同步数据
-			setTimeout(() => {
-				this.info.date = getDate(new Date(),-30).fullDate
-				this.info.startDate = getDate(new Date(),-60).fullDate
-				this.info.endDate =  getDate(new Date(),30).fullDate
-				this.info.selected = [{
-						date: getDate(new Date(),-3).fullDate,
-						info: '打卡'
-					},
-					{
-						date: getDate(new Date(),-2).fullDate,
-						info: '签到',
-						data: {
-							custom: '自定义信息',
-							name: '自定义消息头'
-						}
-					},
-					{
-						date: getDate(new Date(),-1).fullDate,
-						info: '已打卡'
-					}
-				]
-			}, 2000)
-		},
-		methods: {
-			open() {
-				this.$refs.calendar.open()
-			},
-			close(){
-				console.log('弹窗关闭');
-			},
-			change(e) {
-				console.log('change 返回:', e)
-				// 模拟动态打卡
-				if (this.info.selected.length > 5) return
-				this.info.selected.push({
-					date: e.fulldate,
-					info: '打卡'
-				})
-			},
-			confirm(e) {
-				console.log('confirm 返回:', e)
-			},
-			monthSwitch(e) {
-				console.log('monthSwitchs 返回:', e)
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-	}
-	.calendar-button {
-		flex: 1;
-		font-weight: bold;
-		font-size: 32rpx;
-	}
-</style>
diff --git a/pages/extUI/card/card.nvue b/pages/extUI/card/card.nvue
deleted file mode 100644
index 4f248f0..0000000
--- a/pages/extUI/card/card.nvue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。</text>
-		</uni-card>
-		<uni-section overflow title="基础卡片" type="line">
-			<uni-card :is-shadow="false">
-				<text class="uni-body">这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
-			</uni-card>
-		</uni-section>
-		<uni-section overflow title="卡片标题+额外信息" type="line">
-			<uni-card title="基础卡片" extra="额外信息">
-				<text class="uni-body">这是一个基础卡片示例，此示例展示了一个标题加标题额外信息的标准卡片。</text>
-			</uni-card>
-		</uni-section>
-
-		<uni-section overflow title="双标题卡片" type="line">
-			<uni-card title="基础卡片" sub-title="副标题" extra="额外信息" :thumbnail="avatar" @click="onClick">
-				<text class="uni-body">这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
-			</uni-card>
-		</uni-section>
-
-		<uni-section overflow title="通栏卡片" type="line">
-			<uni-card title="基础卡片" :isFull="true" sub-title="副标题" extra="额外信息" :thumbnail="avatar">
-				<text class="uni-body">这是一个通栏卡片 ，通栏没有外边距，左右会贴合父元素。</text>
-			</uni-card>
-		</uni-section>
-
-		<uni-section overflow title="卡片封面图+操作栏" type="line">
-			<uni-card :cover="cover" @click="onClick">
-				<!-- <image slot='cover' style="width: 100%;" :src="cover"></image> -->
-				<text class="uni-body">这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text>
-				<view slot="actions" class="card-actions">
-					<view class="card-actions-item" @click="actionsClick('分享')">
-						<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">分享</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('点赞')">
-						<uni-icons type="heart" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">点赞</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('评论')">
-						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">评论</text>
-					</view>
-				</view>
-			</uni-card>
-		</uni-section>
-
-		<uni-section overflow title="自定义卡片内容" type="line">
-			<uni-card title="基础卡片" sub-title="副标题" extra="额外信息" padding="10px 0" :thumbnail="avatar">
-				<template v-slot:title>
-					<uni-list>
-						<uni-list-item :show-switch="true" title="自定义标题" />
-					</uni-list>
-				</template>
-				<image style="width: 100%;" :src="cover"></image>
-				<text
-					class="uni-body uni-mt-5">卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。</text>
-				<view slot="actions" class="card-actions">
-					<view class="card-actions-item" @click="actionsClick('分享')">
-						<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">分享</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('点赞')">
-						<uni-icons type="heart" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">点赞</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('评论')">
-						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">评论</text>
-					</view>
-				</view>
-			</uni-card>
-		</uni-section>
-
-		<uni-section overflow title="卡片+列表" type="line">
-			<uni-card padding="0" spacing="0">
-				<template v-slot:cover>
-					<view class="custom-cover">
-						<image class="cover-image" mode="aspectFill" :src="cover">
-						</image>
-						<view class="cover-content">
-							<text class="uni-subtitle uni-white">今日新闻热点</text>
-						</view>
-					</view>
-				</template>
-				<uni-list>
-					<uni-list-item title="今日新闻" showArrow></uni-list-item>
-					<uni-list-item title="今日新闻" showArrow></uni-list-item>
-				</uni-list>
-				<view slot="actions" class="card-actions no-border">
-					<view class="card-actions-item" @click="actionsClick('分享')">
-						<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">分享</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('点赞')">
-						<uni-icons type="heart" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">点赞</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('评论')">
-						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">评论</text>
-					</view>
-				</view>
-			</uni-card>
-		</uni-section>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
-				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
-				extraIcon: {
-					color: '#4cd964',
-					size: '22',
-					type: 'gear-filled'
-				}
-			}
-		},
-		methods: {
-			onClick(e) {
-				console.log(e)
-			},
-			actionsClick(text) {
-				uni.showToast({
-					title: text,
-					icon: 'none'
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.container {
-		overflow: hidden;
-	}
-
-	.custom-cover {
-		flex: 1;
-		flex-direction: row;
-		position: relative;
-	}
-
-	.cover-content {
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		height: 40px;
-		background-color: rgba($color: #000000, $alpha: 0.4);
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		padding-left: 15px;
-		font-size: 14px;
-		color: #fff;
-	}
-
-	.card-actions {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-around;
-		align-items: center;
-		height: 45px;
-		border-top: 1px #eee solid;
-	}
-
-	.card-actions-item {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.card-actions-item-text {
-		font-size: 12px;
-		color: #666;
-		margin-left: 5px;
-	}
-
-	.cover-image {
-		flex: 1;
-		height: 150px;
-	}
-
-	.no-border {
-		border-width: 0;
-	}
-</style>
diff --git a/pages/extUI/collapse/collapse.vue b/pages/extUI/collapse/collapse.vue
deleted file mode 100644
index 0758f39..0000000
--- a/pages/extUI/collapse/collapse.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-	<view>
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">折叠面板用来折叠/显示过长的内容或者是列表。通常是在多内容分类项使用，折叠不重要的内容，显示重要内容。点击可以展开折叠部分。</text>
-		</uni-card>
-		<uni-section title="基础用法" type="line">
-			<uni-collapse ref="collapse" v-model="value" @change="change">
-				<uni-collapse-item title="默认开启" >
-					<view class="content">
-						<text class="text">{{content}}</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="折叠内容">
-					<view class="content">
-						<text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="禁用状态" disabled>
-					<view class="content">
-						<text class="text">禁用状态内容主体，页面上是看不到这段话的。</text>
-					</view>
-				</uni-collapse-item>
-			</uni-collapse>
-		</uni-section>
-
-		<button class="button" type="primary" @click="add">动态修改内容</button>
-		<!-- TODO app 端默认不使用动画，app在使用高度动画的时候会有性能开销问题，所以应该要酌情使用 -->
-		<uni-section title="使用动画效果" type="line">
-			<uni-collapse >
-				<uni-collapse-item title="使用动画" :show-animation="true">
-					<view class="content">
-						<text class="text">默认开启组件动画，使用动画效果折叠内容会有一个从上到下的动画。</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="不使用动画" :show-animation="false">
-					<view class="content">
-						<text class="text">设置 show-animation="false",关闭当前组件动画效果。</text>
-					</view>
-				</uni-collapse-item>
-			</uni-collapse>
-		</uni-section>
-		<uni-section title="手风琴效果（只会保留一个的打开状态）" type="line">
-			<uni-collapse  accordion v-model="accordionVal" @change="change">
-				<uni-collapse-item title="手风琴效果">
-					<view class="content">
-						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="手风琴效果">
-					<view class="content">
-						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="手风琴效果">
-					<view class="content">
-						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
-					</view>
-				</uni-collapse-item>
-			</uni-collapse>
-		</uni-section>
-
-		<uni-section title="配置图片" type="line">
-			<uni-collapse>
-				<uni-collapse-item title="标题文字"
-					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png">
-					<view class="content">
-						<text class="text">折叠内容主体，可自定义内容及样式</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="标题文字"
-					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png">
-					<view class="content">
-						<text class="text">折叠内容主体，可自定义内容及样式</text>
-					</view>
-				</uni-collapse-item>
-			</uni-collapse>
-		</uni-section>
-
-		<uni-section title="使用插槽" type="line">
-			<uni-collapse>
-				<uni-collapse-item titleBorder="none">
-					<template v-slot:title>
-						<uni-list>
-							<uni-list-item title="标题使用自定义标题插槽" :show-extra-icon="true" :extra-icon="extraIcon">
-							</uni-list-item>
-						</uni-list>
-					</template>
-					<view class="content">
-						<text class="text">折叠内容主体，可自定义内容及样式</text>
-					</view>
-				</uni-collapse-item>
-				<uni-collapse-item title="折叠内容使用 uni-list 组件">
-					<uni-list>
-						<uni-list-item title="列表文字"></uni-list-item>
-						<uni-list-item :disabled="true" title="列表文字" note="列表禁用状态"></uni-list-item>
-						<uni-list-item title="列表右侧显示 switch" :show-switch="true"></uni-list-item>
-						<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon" title="列表左侧带扩展图标"></uni-list-item>
-						<uni-list-item title="列表左侧带略缩图" note="列表描述信息"
-							thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
-							thumb-size="lg" rightText="右侧文字" showArrow></uni-list-item>
-						<uni-list-item title="开启点击反馈" clickable showArrow @click="onClick"></uni-list-item>
-					</uni-list>
-				</uni-collapse-item>
-			</uni-collapse>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				value:['0'],
-				accordionVal:'1',
-				content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。',
-				extraIcon: {
-					color: '#4cd964',
-					size: '26',
-					type: 'image'
-				},
-			}
-		},
-		methods: {
-			add() {
-				if (this.content.length > 35) {
-					this.content = '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。'
-				} else {
-					this.content = '折叠内容主体，这是一段比较长内容。通过点击按钮修改后内容后，使组件高度发生变化，在次点击按钮恢复之前的内容和高度。'
-				}
-				// TODO 小程序中不支持自动更新 ，需要手动resize 更新组件高度
-				// #ifdef MP
-				this.$nextTick(() => {
-					this.$refs.collapse.resize()
-				})
-				// #endif
-			},
-			onClick(e) {
-				uni.showToast({
-					title: '列表被点击'
-				})
-			},
-			change(e) {
-				console.log(e);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		flex-direction: column;
-		flex: 1;
-	}
-
-	.content {
-		padding: 15px;
-	}
-
-	.text {
-		font-size: 14px;
-		color: #666;
-		line-height: 20px;
-	}
-
-	.button {
-		// margin-top: 10px;
-		margin: 10px;
-		margin-bottom: 0;
-	}
-</style>
diff --git a/pages/extUI/color/color.nvue b/pages/extUI/color/color.nvue
deleted file mode 100644
index aba053b..0000000
--- a/pages/extUI/color/color.nvue
+++ /dev/null
@@ -1,150 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">uni-ui 规范颜色色板，通过内置样式快速指定元素前景和背景色。</text>
-		</uni-card>
-		<uni-section title="主色" type="line">
-			<view class="uni-ma-5">
-				<view class="box uni-radius">
-					<view class="item-box uni-primary-bg "><text class="uni-body uni-white">primary</text></view>
-					<view class="item-box">
-						<view class="item uni-primary-disable-bg "><text class="uni-body uni-white">disable</text>
-						</view>
-						<view class="item uni-primary-light-bg "><text class="uni-body uni-white">light</text></view>
-					</view>
-				</view>
-			</view>
-		</uni-section>
-		<uni-section title="辅助色" sub-title="除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。" type="line">
-			<view class="uni-ma-5">
-				<view class="box uni-radius">
-					<view class="item-box uni-success-bg "><text class="uni-body uni-white">success</text></view>
-					<view class="item-box">
-						<view class="item uni-success-disable-bg "><text class="uni-body uni-white">disable</text>
-						</view>
-						<view class="item uni-success-light-bg "><text class="uni-body uni-white">light</text></view>
-					</view>
-				</view>
-				<view class="box  uni-mt-5 uni-radius">
-					<view class="item-box uni-warning-bg "><text class="uni-body uni-white">warning</text></view>
-					<view class="item-box">
-						<view class="item uni-warning-disable-bg "><text class="uni-body uni-white">disable</text>
-						</view>
-						<view class="item uni-warning-light-bg "><text class="uni-body uni-white">light</text></view>
-					</view>
-				</view>
-				<view class="box uni-mt-5 uni-radius">
-					<view class="item-box uni-error-bg "><text class="uni-body uni-white">error</text></view>
-					<view class="item-box">
-						<view class="item uni-error-disable-bg "><text class="uni-body uni-white">disable</text></view>
-						<view class="item uni-error-light-bg "><text class="uni-body uni-white">light</text></view>
-					</view>
-				</view>
-				<view class="box uni-mt-5 uni-radius">
-					<view class="item-box uni-info-bg uni-white"><text class="uni-body uni-white">info</text></view>
-					<view class="item-box">
-						<view class="item uni-info-disable-bg uni-white"><text class="uni-body uni-white">disable</text>
-						</view>
-						<view class="item uni-info-light-bg uni-white"><text class="uni-body uni-white">light</text>
-						</view>
-					</view>
-				</view>
-			</view>
-		</uni-section>
-		<uni-section title="中性色" sub-title="中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。" type="line">
-			<view class="uni-ma-5 uni-radius">
-				<view class="box-base uni-radius uni-main-color-bg uni-mt-5"><text
-						class="uni-body uni-white">main-color</text></view>
-				<view class="box-base uni-radius uni-base-color-bg uni-mt-5 "><text
-						class="uni-body uni-white">base-color</text></view>
-				<view class="box-base uni-radius uni-secondary-color-bg uni-mt-5"><text
-						class="uni-body uni-white">secondary-color</text></view>
-				<view class="box-base uni-radius uni-extra-color-bg uni-mt-5"><text
-						class="uni-body uni-white">extra-color</text></view>
-			</view>
-		</uni-section>
-
-		<uni-section title="分隔线" sub-title="主要用于边框颜色" type="line">
-			<view class="uni-ma-5 uni-radius">
-				<view class="box-base uni-radius uni-border-4-bg uni-mt-5 "><text
-						class="uni-body uni-secondary-color uni-white">border-4</text></view>
-				<view class="box-base uni-radius uni-border-3-bg uni-mt-5 "><text
-						class="uni-body uni-secondary-color uni-white">border-3</text></view>
-				<view class="box-base uni-radius uni-border-2-bg uni-mt-5"><text
-						class="uni-body uni-white">border-2</text></view>
-				<view class="box-base uni-radius uni-border-1-bg uni-mt-5"><text
-						class="uni-body uni-white">border-1</text></view>
-			</view>
-		</uni-section>
-
-		<uni-section title="常规色" sub-title="通用颜色,如黑色白色" type="line">
-			<view class="uni-ma-5 uni-radius">
-				<view class="box-base uni-radius uni-border uni-white-bg uni-mt-5"><text
-						class="uni-body uni-secondary-color">white</text></view>
-				<view class="box-base uni-radius uni-border uni-black-bg uni-mt-5"><text
-						class="uni-body uni-secondary-color">black</text></view>
-				<view class="box-base uni-radius uni-border uni-transparent-bg uni-mt-5"><text
-						class="uni-body uni-secondary-color">transparent</text>
-				</view>
-				<view class="box-base uni-radius uni-border uni-bg-color-bg uni-mt-5"><text
-						class="uni-body uni-secondary-color">bg-color</text></view>
-			</view>
-		</uni-section>
-
-		<uni-section title="阴影" type="line">
-			<view class="box-base uni-white-bg uni-ma-5 uni-radius uni-shadow-sm  uni-mt-2"><text
-					class="uni-body uni-secondary-color">shadow-sm</text></view>
-			<view class="box-base uni-white-bg uni-ma-5 uni-radius uni-shadow-base uni-secondary-color uni-mt-2"><text
-					class="uni-body uni-secondary-color">shadow-base</text></view>
-			<view class="box-base uni-white-bg uni-ma-5 uni-radius uni-shadow-lg uni-secondary-color uni-mt-2"><text
-					class="uni-body uni-secondary-color">shadow-lg</text></view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {}
-		},
-		computed: {},
-		onLoad() {},
-		methods: {}
-	}
-</script>
-
-<style lang="scss">
-	@mixin flex {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.box {
-		display: flex;
-		flex-direction: column;
-		/* #ifndef APP-NVUE */
-		min-height: 50px;
-		/* #endif */
-		font-size: 14px;
-		overflow: hidden;
-
-		.item-box {
-			@include flex;
-			flex-direction: row;
-			height: 50px;
-			overflow: hidden;
-
-			.item {
-				@include flex;
-				flex: 1;
-				height: 50px;
-			}
-		}
-	}
-
-	.box-base {
-		@include flex;
-		height: 50px;
-	}
-</style>
diff --git a/pages/extUI/combox/combox.vue b/pages/extUI/combox/combox.vue
deleted file mode 100644
index 3a1300d..0000000
--- a/pages/extUI/combox/combox.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">组合框一般用于可以选择也可以输入的表单项。</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line">
-			<view class="example-body">
-				<uni-combox :candidates="candidates" placeholder="请选择所在城市" v-model="city"></uni-combox>
-				<view class="result-box">
-					<text>所选城市为：{{city}}</text>
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="无边框" subTitle="使用 border = false 取消边框" type="line">
-			<view class="example-body">
-				<uni-combox :border="false" :candidates="candidates" placeholder="请选择所在城市"></uni-combox>
-			</view>
-		</uni-section>
-
-		<uni-section title="设置无匹配项时的提示语" subTitle="使用 emptyTips 属性设置无匹配项时的提示语" type="line">
-			<view class="example-body">
-				<uni-combox emptyTips="这里啥都没有" placeholder="请选择所在城市"></uni-combox>
-			</view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				candidates: ['北京', '南京', '东京', '武汉', '天津', '上海', '海口'],
-				city: ''
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		padding: 12px;
-		background-color: #FFFFFF;
-	}
-
-	.result-box {
-		text-align: center;
-		padding: 20px 0px;
-		font-size: 16px;
-	}
-</style>
diff --git a/pages/extUI/countdown/countdown.nvue b/pages/extUI/countdown/countdown.nvue
deleted file mode 100644
index 7fb7a14..0000000
--- a/pages/extUI/countdown/countdown.nvue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full>
-			<text class="uni-h6">倒计时组件主要用于促销商品剩余时间，发送短信验证等待时间等场景</text>
-		</uni-card>
-		<uni-section title="一般用法" type="line" padding>
-			<uni-countdown :day="1" :hour="1" :minute="12" :second="40" />
-		</uni-section>
-		<uni-section title="不显示天数" subTitle="设置 show-day = false 不显示天" type="line" padding>
-			<uni-countdown :show-day="false" :hour="12" :minute="12" :second="12" />
-		</uni-section>
-		<uni-section title="文字分隔符" subTitle="设置 show-colon 属性设置分隔符样式" type="line" padding>
-			<uni-countdown :minute="30" :second="0" :show-colon="false" />
-		</uni-section>
-		<uni-section title="修改颜色" subTitle="设置 color \ background 属性设置组件颜色" type="line" padding>
-			<uni-countdown :day="1" :hour="2" :minute="30" :second="0" color="#FFFFFF" background-color="#007AFF" />
-		</uni-section>
-		<uni-section title="修改字体大小" subTitle="设置 font-size 属性设置组件大小" type="line" padding>
-			<uni-countdown :font-size="30" :day="1" :hour="2" :minute="30" :second="0" />
-		</uni-section>
-		<uni-section title="修改颜色 + 字体大小" type="line" padding>
-			<uni-countdown :font-size="30" :day="1" :hour="2" :minute="30" :second="0" color="#FFFFFF"
-				background-color="#007AFF" />
-		</uni-section>
-		<uni-section title="自由控制开始/暂停" subTitle="设置 start 属性控制是否自动开启" type="line" padding>
-			<uni-countdown :start="start" :day="1" :hour="1" :minute="12" :second="40" />
-		</uni-section>
-		<uni-section title="倒计时回调事件" type="line" padding>
-			<uni-countdown :show-day="false" :second="timeupSecond" @timeup="timeup" />
-		</uni-section>
-		<uni-section title="动态赋值" type="line" padding>
-			<uni-countdown :show-day="false" :hour="testHour" :minute="testMinute" :second="testSecond" />
-		</uni-section>
-	</view>
-</template>
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				testHour: 1,
-				testMinute: 0,
-				testSecond: 0,
-				start: false,
-				timeupSecond: 10
-			}
-		},
-		mounted() {
-			setTimeout(() => {
-				this.testHour = 1
-				this.testMinute = 1
-				this.testSecond = 0
-				this.start = true
-			}, 3000)
-			setTimeout(() => {
-				this.start = false
-			}, 10000)
-		},
-		methods: {
-			timeup() {
-				uni.showToast({
-					title: '时间到'
-				})
-				this.timeupSecond = 29
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-</style>
diff --git a/pages/extUI/data-checkbox/data-checkbox.vue b/pages/extUI/data-checkbox/data-checkbox.vue
deleted file mode 100644
index 1be5385..0000000
--- a/pages/extUI/data-checkbox/data-checkbox.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-	<view>
-		<uni-card is-full>
-			<text class="uni-h6">通过数据驱动的单选框和复选框，可直接通过连接 uniCloud 获取数据，同时可以配合表单组件 uni-forms 使用</text>
-		</uni-card>
-		<uni-section title="单选" type="line">
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">单选选中：{{JSON.stringify(radio1)}}</view>
-				<uni-data-checkbox v-model="radio1" :localdata="sex"></uni-data-checkbox>
-			</view>
-		</uni-section>
-		<uni-section title="多选" subTitle="使用multiple属性开启多选" type="line">
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">多选选中：{{JSON.stringify(checkbox1)}}</view>
-				<uni-data-checkbox multiple v-model="checkbox1" :localdata="hobby"></uni-data-checkbox>
-			</view>
-		</uni-section>
-
-		<uni-section title="最大最小值" subTitle="使用 min / max 设置多选的最大最小值,单选无效">
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">选中：{{JSON.stringify(checkbox6)}}</view>
-				<uni-data-checkbox min="1" max="2" multiple v-model="checkbox6" :localdata="hobby"></uni-data-checkbox>
-			</view>
-		</uni-section>
-
-		<uni-section title="更多样式 - button" subTitle="使用mode=button属性使用按钮样式" type="line">
-			<view class="uni-px-5">
-				<view class="text">单选选中：{{JSON.stringify(radio2)}}</view>
-				<uni-data-checkbox mode="button" v-model="radio2" :localdata="sex"></uni-data-checkbox>
-			</view>
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">多选选中：{{JSON.stringify(checkbox2)}}</view>
-				<uni-data-checkbox mode="button" multiple v-model="checkbox2" :localdata="hobby"></uni-data-checkbox>
-			</view>
-		</uni-section>
-
-		<uni-section title="更多样式 - tag" subTitle="使用mode=tag属性使用标签样式" type="line">
-			<view class="uni-px-5">
-				<view class="text">单选选中：{{JSON.stringify(radio3)}}</view>
-				<uni-data-checkbox mode="tag" v-model="radio3" :localdata="sex"></uni-data-checkbox>
-			</view>
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">多选选中：{{JSON.stringify(checkbox3)}}</view>
-				<uni-data-checkbox mode="tag" multiple v-model="checkbox3" :localdata="hobby"></uni-data-checkbox>
-			</view>
-		</uni-section>
-
-		<uni-section title="禁用" subTitle="数据中使用 disable 属性实现单独禁用,组件使用 disable 属性实现全部禁用" type="line">
-			<view class="uni-px-5">
-				<view class="text">单选选中：{{JSON.stringify(radio4)}}</view>
-				<uni-data-checkbox mode="button" v-model="radio4" :localdata="sex1"></uni-data-checkbox>
-			</view>
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">多选选中：{{JSON.stringify(checkbox4)}}</view>
-				<uni-data-checkbox mode="button" multiple v-model="checkbox4" :localdata="hobby2">
-				</uni-data-checkbox>
-			</view>
-		</uni-section>
-
-
-
-		<uni-section title="自定义高亮颜色" subTitle="使用 selectedColor 属性修改颜色" type="line">
-			<view class="uni-px-5">
-				<view class="text">单选选中：{{JSON.stringify(radio5)}}</view>
-				<uni-data-checkbox selectedColor="red" v-model="radio5" :localdata="sex1"></uni-data-checkbox>
-			</view>
-			<view class="uni-px-5 uni-pb-5">
-				<view class="text">多选选中：{{JSON.stringify(checkbox5)}}</view>
-				<uni-data-checkbox selectedColor="red" multiple v-model="checkbox5" :localdata="hobby2">
-				</uni-data-checkbox>
-			</view>
-		</uni-section>
-
-
-
-		<!-- <uni-group title="基础用法">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox multiple v-model="formData.hobby" :localdata="hobby"></uni-data-checkbox>
-		</uni-group>
-		<uni-group title="更多样式-button">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox mode="button" multiple v-model="formData.hobby" :localdata="hobby"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="更多样式-tag">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox mode="tag" multiple v-model="formData.hobby" :localdata="hobby"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="更多样式-list">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox mode="list" multiple v-model="formData.hobby" :localdata="hobby"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="禁用">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox mode="button" multiple v-model="formData.hobby" :localdata="hobby2"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="最大最小值">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox min="1" max="2" multiple v-model="formData.hobby" :localdata="hobby"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="自定义高亮颜色">
-			<view class="text">选中：{{JSON.stringify(formData.hobby)}}</view>
-			<uni-data-checkbox selectedColor="red" multiple v-model="formData.hobby" :localdata="hobby2">
-			</uni-data-checkbox>
-		</uni-group>
-
-		<uni-section title="单选" type="line"></uni-section>
-		<uni-group title="基础用法">
-			<view class="text">选中：{{formData.value}}</view>
-			<uni-data-checkbox v-model="formData.value" :localdata="sex"></uni-data-checkbox>
-		</uni-group>
-		<uni-group title="更多样式-button">
-			<view class="text">选中：{{formData.value}}</view>
-			<uni-data-checkbox mode="button" v-model="formData.value" :localdata="sex"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="更多样式-tag">
-			<view class="text">选中：{{formData.value}}</view>
-			<uni-data-checkbox mode="tag" v-model="formData.value" :localdata="sex"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="更多样式-list">
-			<view class="text">选中：{{formData.value}}</view>
-			<uni-data-checkbox mode="list" icon="right" v-model="formData.value" :localdata="sex"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="禁用">
-			<view class="text">选中：{{formData.value}}</view>
-			<uni-data-checkbox mode="button" v-model="formData.value" :localdata="sex1"></uni-data-checkbox>
-		</uni-group>
-
-		<uni-group title="自定义高亮颜色">
-			<view class="text">选中：{{formData.value}}</view>
-			<uni-data-checkbox selectedColor="red" v-model="formData.value" :localdata="sex1"></uni-data-checkbox>
-		</uni-group> -->
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				radio1: 0,
-				radio2: 0,
-				radio3: 0,
-				radio4: 0,
-				radio5: 0,
-				radio6: 0,
-				checkbox1: [0],
-				checkbox2: [0],
-				checkbox3: [0],
-				checkbox4: [0],
-				checkbox5: [0],
-				checkbox6: [0],
-				sex: [{
-					text: '男',
-					value: 0
-				}, {
-					text: '女',
-					value: 1
-				}, {
-					text: '未知',
-					value: 2
-				}],
-				sex1: [{
-					text: '男',
-					value: 0
-				}, {
-					text: '女',
-					value: 1,
-					disable: true
-				}, {
-					text: '未知',
-					value: 2
-				}],
-				hobby: [{
-					text: '足球',
-					value: 0
-				}, {
-					text: '篮球',
-					value: 1
-				}, {
-					text: '游泳',
-					value: 2
-				}],
-				hobby2: [{
-					text: '足球',
-					value: 0,
-					disable: true
-				}, {
-					text: '篮球',
-					value: 1,
-					disable: true
-				}, {
-					text: '游泳',
-					value: 2
-				}],
-			}
-		},
-		onLoad() {},
-		onReady() {},
-		methods: {}
-	}
-</script>
-
-<style lang="scss">
-	.text {
-		font-size: 12px;
-		color: #666;
-		margin-top: 5px;
-	}
-
-	.uni-px-5 {
-		padding-left: 10px;
-		padding-right: 10px;
-	}
-
-	.uni-pb-5 {
-		padding-bottom: 10px;
-	}
-</style>
diff --git a/pages/extUI/data-indexed-list/data-indexed-list.vue b/pages/extUI/data-indexed-list/data-indexed-list.vue
deleted file mode 100644
index 8562b9b..0000000
--- a/pages/extUI/data-indexed-list/data-indexed-list.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<uni-data-indexed-list collection="opendb-china-cities" field="code as value, name as text, letter as group" :page-size="500" where="type==1" orderby="group asc" :show-select="true" @click="bindClick" />
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-			}
-		},
-		methods: {
-			bindClick(e) {
-				console.log('点击item，返回数据' + JSON.stringify(e))
-			}
-		}
-	}
-</script>
-
-<style></style>
\ No newline at end of file
diff --git a/pages/extUI/data-picker/data-picker.nvue b/pages/extUI/data-picker/data-picker.nvue
deleted file mode 100644
index 6630943..0000000
--- a/pages/extUI/data-picker/data-picker.nvue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">标签组件多用于商品分类、重点内容显示等场景。</text>
-		</uni-card>
-
-
-		<!-- <view class="title">
-      <text>uni-data-picker</text>
-    </view>
-    <uni-data-picker placeholder="请选择地址" popup-title="请选择所在地区" :preload="true" :step-searh="true" self-field="code"
-      parent-field="parent_code" collection="opendb-city-china" orderby="value asc" field="code as value, name as text, eq(['$type', 2]) as isleaf" @nodeclick="onnodeclick" @change="onchange">
-    </uni-data-picker>
-
-    <view class="title">
-      <text>uni-data-picker 有默认值</text>
-    </view>
-    <uni-data-picker placeholder="请选择地址" popup-title="请选择所在地区" :preload="true" :step-searh="true" self-field="code"
-      parent-field="parent_code" collection="opendb-city-china" orderby="value asc" field="code as value, name as text, eq(['$type', 2]) as isleaf"
-      v-model="address">
-    </uni-data-picker> -->
-		<uni-section title="本地数据" type="line" padding style="height: calc(100vh - 100px);">
-			<uni-data-picker placeholder="请选择班级" popup-title="请选择所在地区" :localdata="dataTree" v-model="classes"
-				@change="onchange" @nodeclick="onnodeclick" @popupopened="onpopupopened" @popupclosed="onpopupclosed">
-			</uni-data-picker>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				classes: '1-2',
-				dataTree: [{
-						text: "一年级",
-						value: "1-0",
-						children: [{
-								text: "1.1班",
-								value: "1-1"
-							},
-							{
-								text: "1.2班",
-								value: "1-2"
-							}
-						]
-					},
-					{
-						text: "二年级",
-						value: "2-0",
-						children: [{
-								text: "2.1班",
-								value: "2-1"
-							},
-							{
-								text: "2.2班",
-								value: "2-2"
-							}
-						]
-					},
-					{
-						text: "三年级",
-						value: "3-0",
-						disable: true
-					}
-				]
-			}
-		},
-		methods: {
-			onnodeclick(e) {
-				console.log(e);
-			},
-			onpopupopened(e) {
-				console.log('popupopened');
-			},
-			onpopupclosed(e) {
-				console.log('popupclosed');
-			},
-			onchange(e) {
-				console.log('---------onchange:', e);
-			}
-		}
-	}
-</script>
-
-<style>
-	.title {
-		font-size: 14px;
-		font-weight: bold;
-		margin: 20px 0 5px 0;
-	}
-
-	.data-pickerview {
-		height: 400px;
-		border: 1px #e5e5e5 solid;
-	}
-
-	.popper__arrow {
-		top: -6px;
-		left: 50%;
-		margin-right: 3px;
-		border-top-width: 0;
-		border-bottom-color: #EBEEF5;
-	}
-
-	.popper__arrow {
-		top: -6px;
-		left: 50%;
-		margin-right: 3px;
-		border-top-width: 0;
-		border-bottom-color: #EBEEF5;
-	}
-</style>
diff --git a/pages/extUI/dateformat/dateformat.vue b/pages/extUI/dateformat/dateformat.vue
deleted file mode 100644
index 9a9ab81..0000000
--- a/pages/extUI/dateformat/dateformat.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-	<view>
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">日期格式化组件，通常用于需要展示友好的日期格式的场景。</text>
-		</uni-card>
-		<uni-section title="基础用法" type="line" padding>
-			<view class="example-body">
-				<uni-dateformat :date="now - 7200000"></uni-dateformat>
-				<uni-dateformat date="2020/12/12"></uni-dateformat>
-			</view>
-		</uni-section>
-		<uni-section title="设置阈值" subTitle="阈值用于控制什么时候显示刚刚|马上，什么时候显示xx分钟前|xx分钟后" type="line" padding>
-			<view class="example-body">
-				<uni-dateformat :date="now - 30000" :threshold="[0,3600000]"></uni-dateformat>
-				<uni-dateformat :date="now - 30000" :threshold="[0,0]"></uni-dateformat>
-			</view>
-		</uni-section>
-		<uni-section title="使用英文" type="line" padding>
-			<view class="example-body">
-				<uni-dateformat :date="now - 1200000" :threshold="[60000,3600000]" locale="en"></uni-dateformat>
-				<uni-dateformat :date="now - 30000" :threshold="[60000,3600000]" locale="en"></uni-dateformat>
-				<uni-dateformat :date="now - 80000" :threshold="[60000,3600000]" locale="en"></uni-dateformat>
-			</view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				now: Date.now()
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		display: flex;
-		flex-direction: column;
-		line-height: 1.5em;
-	}
-</style>
diff --git a/pages/extUI/datetime-picker/datetime-picker.vue b/pages/extUI/datetime-picker/datetime-picker.vue
deleted file mode 100644
index 431f03d..0000000
--- a/pages/extUI/datetime-picker/datetime-picker.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<view class="page container">
-		<uni-card is-full>
-			<text class="uni-h6">可以同时选择日期和时间的选择器</text>
-		</uni-card>
-		<uni-section :title="'日期用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker type="date" :clear-icon="false" v-model="single" @maskClick="maskClick" />
-		</view>
-		<uni-section :title="'日期时间用法：' + datetimesingle" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changeLog" />
-		</view>
-		<uni-section :title="'日期范围用法：' + '[' + range + ']'" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="range" type="daterange" @maskClick="maskClick" />
-		</view>
-		<uni-section :title="'日期时间范围用法：' + '[' + datetimerange + ']' " type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="datetimerange" type="datetimerange" rangeSeparator="至" />
-		</view>
-		<uni-section :title="'v-model用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="single" />
-		</view>
-		<uni-section :title="'时间戳用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker returnType="timestamp" v-model="single" @change="changeLog($event)" />
-		</view>
-		<uni-section :title="'date 对象用法：' + datetimesingle" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker type="datetime" returnType="date" v-model="datetimesingle" @change="changeLog" />
-		</view>
-		<uni-section :title="'插槽用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="single">我是一个插槽，点击我</uni-datetime-picker>
-		</view>
-		<uni-section :title="'无边框用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="single" :border="false" />
-		</view>
-		<uni-section :title="'隐藏清除按钮用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="single" :clearIcon="false" />
-		</view>
-		<uni-section :title="'disabled用法：' + single" type="line"></uni-section>
-		<view class="example-body">
-			<uni-datetime-picker v-model="single" disabled />
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				single: '',
-				datetimesingle: '',
-				range: ['2021-02-1', '2021-3-28'],
-				datetimerange: [],
-				start: Date.now() - 1000000000,
-				end: Date.now() + 1000000000
-			}
-		},
-
-		watch: {
-			datetimesingle(newval) {
-				console.log('单选:', this.datetimesingle);
-			},
-			range(newval) {
-				console.log('范围选:', this.range);
-			},
-			datetimerange(newval) {
-				console.log('范围选:', this.datetimerange);
-			}
-		},
-		mounted() {
-			setTimeout(() => {
-				this.datetimesingle = Date.now() - 2 * 24 * 3600 * 1000
-				this.single = '2021-2-12'
-				// this.range = ['2021-03-1', '2021-4-28']
-				this.datetimerange = ["2021-07-08 0:01:10", "2021-08-08 23:59:59"]
-				// this.start = '2021-07-10'
-				// this.end = '2021-07-20'
-			}, 3000)
-		},
-
-		methods: {
-			change(e) {
-				this.single = e
-				console.log('----change事件:', this.single = e);
-			},
-			changeLog(e) {
-				console.log('----change事件:', e);
-			},
-			maskClick(e) {
-				console.log('----maskClick事件:', e);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		background-color: #fff;
-		padding: 10px;
-	}
-</style>
diff --git a/pages/extUI/drawer/drawer.vue b/pages/extUI/drawer/drawer.vue
deleted file mode 100644
index bdcbdd0..0000000
--- a/pages/extUI/drawer/drawer.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-	<view>
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">这是抽屉式导航组件使用示例，可以指定菜单左侧或者右侧弹出（仅初始化生效），组件内部可以放置任何内容。点击页面按钮即可显示导航菜单。</text>
-		</uni-card>
-
-		<uni-section title="左侧滑出" type="line">
-			<view class="example-body">
-				<button type="primary" @click="showDrawer('showLeft')"><text class="word-btn-white">显示Drawer</text>
-				</button>
-				<uni-drawer ref="showLeft" mode="left" :width="320" @change="change($event,'showLeft')">
-					<view class="close">
-						<button @click="closeDrawer('showLeft')"><text class="word-btn-white">关闭Drawer</text></button>
-					</view>
-				</uni-drawer>
-			</view>
-		</uni-section>
-
-		<uni-section title="右侧滑出" type="line">
-			<view class="example-body">
-				<button type="primary" @click="showDrawer('showRight')"><text class="word-btn-white">显示Drawer</text>
-				</button>
-				<uni-drawer ref="showRight" mode="right" :mask-click="false" @change="change($event,'showRight')">
-					<view class="scroll-view">
-						<scroll-view class="scroll-view-box" scroll-y="true">
-							<view class="info">
-								<text class="info-text">右侧遮罩只能通过按钮关闭，不能通过点击遮罩关闭</text>
-							</view>
-							<view class="close">
-								<button @click="closeDrawer('showRight')"><text
-										class="word-btn-white">关闭Drawer</text></button>
-							</view>
-							<view class="info-content" v-for="item in 100" :key="item">
-								<text>可滚动内容 {{item}}</text>
-							</view>
-							<view class="close">
-								<button @click="closeDrawer('showRight')"><text
-										class="word-btn-white">关闭Drawer</text></button>
-							</view>
-						</scroll-view>
-					</view>
-				</uni-drawer>
-			</view>
-		</uni-section>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				showRight: false,
-				showLeft: false
-			}
-		},
-		methods: {
-			confirm() {},
-			// 打开窗口
-			showDrawer(e) {
-				this.$refs[e].open()
-			},
-			// 关闭窗口
-			closeDrawer(e) {
-				this.$refs[e].close()
-			},
-			// 抽屉状态发生变化触发
-			change(e, type) {
-				console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
-				this[type] = e
-			}
-		},
-		onNavigationBarButtonTap(e) {
-			if (this.showLeft) {
-				this.$refs.showLeft.close()
-			} else {
-				this.$refs.showLeft.open()
-			}
-		},
-		// app端拦截返回事件 ，仅app端生效
-		onBackPress() {
-			if (this.showRight || this.showLeft) {
-				this.$refs.showLeft.close()
-				this.$refs.showRight.close()
-				return true
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		padding: 10px;
-	}
-
-	.scroll-view {
-		/* #ifndef APP-NVUE */
-		width: 100%;
-		height: 100%;
-		/* #endif */
-		flex: 1
-	}
-
-	// 处理抽屉内容滚动
-	.scroll-view-box {
-		flex: 1;
-		position: absolute;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-	}
-
-	.info {
-		padding: 15px;
-		color: #666;
-	}
-
-	.info-text {
-		font-size: 14px;
-		color: #666;
-	}
-
-	.info-content {
-		padding: 5px 15px;
-	}
-
-	.close {
-		padding: 10px;
-	}
-</style>
diff --git a/pages/extUI/easyinput/easyinput.vue b/pages/extUI/easyinput/easyinput.vue
deleted file mode 100644
index d0a93b9..0000000
--- a/pages/extUI/easyinput/easyinput.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-	<view>
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">easyinput 组件是对原生input组件的增强 ，是专门为配合表单组件 uni-forms 而设计的，easyinput 内置了边框，图标等，同时包含 input
-				所有功能</text>
-		</uni-card>
-		<uni-section title="默认" subTitle="使用 focus 属性自动获取输入框焦点" type="line" padding>
-			<uni-easyinput errorMessage v-model="value" focus placeholder="请输入内容" @input="input"></uni-easyinput>
-		</uni-section>
-
-		<uni-section title="去除空格" subTitle="使用 trim 属性 ,可以控制返回内容的空格 " type="line" padding>
-			<text class="uni-subtitle">输入内容：{{ '"'+value+'"' }}</text>
-			<uni-easyinput class="uni-mt-5" trim="all" v-model="value" placeholder="请输入内容" @input="input">
-			</uni-easyinput>
-		</uni-section>
-
-
-		<uni-section title="自定义样式" subTitle="使用 styles 属性 ,可以自定义输入框样式" type="line" padding>
-			<uni-easyinput v-model="value" :styles="styles" :placeholderStyle="placeholderStyle" placeholder="请输入内容"
-				@input="input"></uni-easyinput>
-		</uni-section>
-
-		<uni-section title="图标" subTitle="使用 prefixIcon / suffixIcon 属性 ,可以自定义输入框左右侧图标" type="line" padding>
-			<uni-easyinput prefixIcon="search" v-model="value" placeholder="左侧图标" @iconClick="iconClick">
-			</uni-easyinput>
-			<uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="value" placeholder="右侧图标"
-				@iconClick="iconClick">
-			</uni-easyinput>
-		</uni-section>
-
-
-		<uni-section title="禁用" subTitle="使用 disabled 属性禁用输入框" type="line" padding>
-			<uni-easyinput disabled value="已禁用" placeholder="请输入内容"></uni-easyinput>
-		</uni-section>
-
-		<uni-section title="密码框" subTitle="指定属性 type=password 使用密码框,右侧会显示眼睛图标" type="line" padding>
-			<uni-easyinput type="password" v-model="password" placeholder="请输入密码"></uni-easyinput>
-		</uni-section>
-
-		<uni-section title="多行文本" subTitle="指定属性 type=textarea 使用多行文本框" type="line" padding>
-			<uni-easyinput type="textarea" v-model="value" placeholder="请输入内容"></uni-easyinput>
-		</uni-section>
-
-
-		<uni-section title="多行文本自动高度" subTitle="使用属性 autoHeight 使多行文本框自动增高" type="line" padding>
-			<uni-easyinput type="textarea" autoHeight v-model="value" placeholder="请输入内容"></uni-easyinput>
-		</uni-section>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value: '',
-				password: '',
-				placeholderStyle: "color:#2979FF;font-size:14px",
-				styles: {
-					color: '#2979FF',
-					borderColor: '#2979FF'
-				}
-			}
-
-		},
-		onLoad() {},
-		onReady() {},
-		methods: {
-			input(e) {
-				console.log('输入内容：', e);
-			},
-			iconClick(type) {
-				uni.showToast({
-					title: `点击了${type==='prefix'?'左侧':'右侧'}的图标`,
-					icon: 'none'
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.uni-mt-5 {
-		margin-top: 5px;
-	}
-</style>
diff --git a/pages/extUI/fab/fab.vue b/pages/extUI/fab/fab.vue
deleted file mode 100644
index 418390e..0000000
--- a/pages/extUI/fab/fab.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">uni-ui 规范颜色色板，通过内置样式快速指定元素前景和背景色。</text>
-		</uni-card>
-
-		<uni-section title="基本功能" subTitle="点击按钮,切换 fab 不同状态" type="line">
-			<view class="warp">
-				<button class="button" type="primary" @click="switchBtn(0)">切换菜单方向({{ directionStr }})</button>
-				<button class="button" type="primary" @click="switchBtn('left', 'bottom')">左下角显示</button>
-				<button class="button" type="primary" @click="switchBtn('right', 'bottom')">右下角显示</button>
-				<button class="button" type="primary" @click="switchBtn('left', 'top')">左上角显示</button>
-				<button class="button" type="primary" @click="switchBtn('left', 'top')">左上角显示</button>
-				<button class="button" type="primary" @click="switchBtn('right', 'top')">右上角显示</button>
-				<button class="button" type="primary" @click="switchColor">修改颜色</button>
-			</view>
-		</uni-section>
-		<uni-fab ref="fab" :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical"
-			:direction="direction" @trigger="trigger" @fabClick="fabClick" />
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				title: 'uni-fab',
-				directionStr: '垂直',
-				horizontal: 'left',
-				vertical: 'bottom',
-				direction: 'horizontal',
-				pattern: {
-					color: '#7A7E83',
-					backgroundColor: '#fff',
-					selectedColor: '#007AFF',
-					buttonColor: '#007AFF',
-					iconColor: '#fff'
-				},
-				is_color_type: false,
-				content: [{
-						iconPath: '/static/image.png',
-						selectedIconPath: '/static/image-active.png',
-						text: '相册',
-						active: false
-					},
-					{
-						iconPath: '/static/home.png',
-						selectedIconPath: '/static/home-active.png',
-						text: '首页',
-						active: false
-					},
-					{
-						iconPath: '/static/star.png',
-						selectedIconPath: '/static/star-active.png',
-						text: '收藏',
-						active: false
-					}
-				]
-			}
-		},
-		onBackPress() {
-			if (this.$refs.fab.isShow) {
-				this.$refs.fab.close()
-				return true
-			}
-			return false
-		},
-		methods: {
-			trigger(e) {
-				console.log(e)
-				this.content[e.index].active = !e.item.active
-				uni.showModal({
-					title: '提示',
-					content: `您${this.content[e.index].active ? '选中了' : '取消了'}${e.item.text}`,
-					success: function(res) {
-						if (res.confirm) {
-							console.log('用户点击确定')
-						} else if (res.cancel) {
-							console.log('用户点击取消')
-						}
-					}
-				})
-			},
-			fabClick() {
-				uni.showToast({
-					title: '点击了悬浮按钮',
-					icon: 'none'
-				})
-			},
-			switchBtn(hor, ver) {
-				if (hor === 0) {
-					this.direction = this.direction === 'horizontal' ? 'vertical' : 'horizontal'
-					this.directionStr = this.direction === 'horizontal' ? '垂直' : '水平'
-				} else {
-					this.horizontal = hor
-					this.vertical = ver
-				}
-				this.$forceUpdate()
-			},
-			switchColor() {
-				this.is_color_type = !this.is_color_type
-				if (this.is_color_type) {
-					this.pattern.iconColor = '#aaa'
-					this.pattern.buttonColor = '#fff'
-				} else {
-					this.pattern.iconColor = '#fff'
-					this.pattern.buttonColor = '#007AFF'
-				}
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.warp {
-		padding: 10px;
-	}
-
-	.button {
-		margin-bottom: 10px;
-	}
-</style>
diff --git a/pages/extUI/fav/fav.vue b/pages/extUI/fav/fav.vue
deleted file mode 100644
index 85e8a48..0000000
--- a/pages/extUI/fav/fav.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">用于收藏功能，可点击切换选中、不选中的状态。</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line">
-			<view class="example-body">
-				<uni-fav :checked="checkList[0]" class="favBtn" @click="favClick(0)" />
-				<uni-fav :checked="checkList[1]" :star="false" class="favBtn" @click="favClick(1)" />
-				<uni-fav :checked="checkList[2]" class="favBtn" :circle="true" bg-color="#dd524d"
-					bg-color-checked="#007aff" fg-color="#ffffff" fg-color-checked="#ffffff" @click="favClick(2)" />
-				<uni-fav :checked="checkList[3]" class="favBtn" bg-color="#f8f8f8" bg-color-checked="#eeeeee"
-					fg-color="#333333" fg-color-checked="#333333" @click="favClick(3)" />
-			</view>
-		</uni-section>
-
-		<uni-section title="自定义文字" type="line">
-			<view class="example-body">
-				<uni-fav :checked="checkList[4]" :content-text="contentText" @click="favClick(4)" />
-			</view>
-		</uni-section>
-
-		<uni-section title="在自定义导航栏使用" type="line">
-			<uni-nav-bar style="width: 100%;" :fixed="false" left-icon="arrowleft" title="标题" color="#333333"
-				background-color="#FFFFFF">
-				<template v-slot:right>
-					<uni-fav :checked="checkList[5]" :circle="true" @click="favClick(5)" />
-				</template>
-			</uni-nav-bar>
-		</uni-section>
-		<view class="example-body example-body-fullWidth">
-
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				checkList: [false, false, false, false, false, false],
-				contentText: {
-					contentDefault: '追番',
-					contentFav: '已追番'
-				}
-			}
-		},
-		methods: {
-			favClick(index) {
-				this.checkList[index] = !this.checkList[index]
-				console.log(this.checkList[index]);
-				this.$forceUpdate()
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		display: flex;
-		padding: 10px 15px;
-	}
-
-	/* #ifdef MP-ALIPAY */
-	.uni-fav {
-		margin-left: 20rpx;
-	}
-
-	/* #endif */
-
-
-	.favBtn {
-		margin: 0 20rpx 20rpx 0;
-	}
-
-
-	.example-body-fullWidth {
-		padding: 32rpx 0;
-	}
-
-	.example-body-first {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		justify-content: flex-start;
-	}
-
-	.favBtn-nav {
-		// left:-50rpx;
-	}
-</style>
diff --git a/pages/extUI/file-picker/file-picker.vue b/pages/extUI/file-picker/file-picker.vue
deleted file mode 100644
index c7fa064..0000000
--- a/pages/extUI/file-picker/file-picker.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间。</text>
-		</uni-card>
-		<uni-section title="只选择图片" type="line">
-			<view class="example-body">
-				<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
-			</view>
-		</uni-section>
-		<uni-section title="只选择视频" type="line">
-			<view class="example-body">
-				<uni-file-picker limit="9" file-mediatype="video" title="最多选择9个视频"></uni-file-picker>
-			</view>
-		</uni-section>
-
-
-		<!-- #ifdef H5 || MP-WEIXIN -->
-		<uni-section title="选择任意文件" type="line">
-			<view class="example-body">
-				<uni-file-picker limit="5" file-mediatype="all" title="最多选择5个文件"></uni-file-picker>
-			</view>
-		</uni-section>
-		<!-- #endif -->
-
-		<uni-section title="自定义图片大小" type="line">
-			<view class="example-body custom-image-box">
-				<text class="text">选择头像</text>
-				<uni-file-picker limit="1" :del-icon="false" disable-preview :imageStyles="imageStyles"
-					file-mediatype="image">选择</uni-file-picker>
-			</view>
-		</uni-section>
-
-		<uni-section title="自定义图片大小" type="line">
-			<view class="example-body ">
-				<uni-file-picker readonly :value="fileLists" :imageStyles="imageStyles" file-mediatype="image">
-				</uni-file-picker>
-				<uni-file-picker readonly :value="fileLists" :listStyles="listStyles" file-mediatype="all">
-				</uni-file-picker>
-			</view>
-		</uni-section>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				imageStyles: {
-					width: 64,
-					height: 64,
-					border: {
-						radius: '50%'
-					}
-				},
-				listStyles: {
-					// 是否显示边框
-					border: true,
-					// 是否显示分隔线
-					dividline: true,
-					// 线条样式
-					borderStyle: {
-						width: 1,
-						color: 'blue',
-						style: 'dashed',
-						radius: 2
-					}
-				},
-				fileLists: [{
-					url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg',
-					extname: 'png',
-					name: 'shuijiao.png'
-				}, {
-					url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg',
-					extname: 'png',
-					name: 'uniapp-logo.png'
-				}, {
-					url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg',
-					extname: 'png',
-					name: 'shuijiao.png'
-				}]
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		padding: 10px;
-		padding-top: 0;
-	}
-
-	.custom-image-box {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	.text {
-		font-size: 14px;
-		color: #333;
-	}
-</style>
diff --git a/pages/extUI/font/font.nvue b/pages/extUI/font/font.nvue
deleted file mode 100644
index 5b87914..0000000
--- a/pages/extUI/font/font.nvue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">字体辅助样式提供了常见的字体样式类</text>
-		</uni-card>
-		<uni-section title=".uni-h1" type="line">
-			<view class="uni-ma-5 uni-mb-5 uni-pl-10">
-				<text class="uni-h1">一级标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-h2" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-h2">二级标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-h3" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-h3">三级标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-h4" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-h4">四级标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-h5" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-h5">五级标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-h6" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-h6">六级标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-subtitle" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-subtitle">副标题</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-body" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-body">uni-ui 是 DCloud 官方面向 uni-app 开发者提供的一套 ui 解决方案</text>
-			</view>
-		</uni-section>
-		<uni-section title=".uni-caption" type="line">
-			<view class="uni-mx-5 uni-mb-5 uni-pl-10">
-				<text class="uni-caption">标注说明文字</text>
-			</view>
-		</uni-section>
-	</view>
-</template>
-<style></style>
diff --git a/pages/extUI/forms/forms.vue b/pages/extUI/forms/forms.vue
deleted file mode 100644
index b0ad1b4..0000000
--- a/pages/extUI/forms/forms.vue
+++ /dev/null
@@ -1,316 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">uni-forms 组件一般由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line">
-			<view class="example">
-				<!-- 基础用法，不包含校验规则 -->
-				<uni-forms ref="baseForm" :modelValue="baseFormData">
-					<uni-forms-item label="姓名" required>
-						<uni-easyinput v-model="baseFormData.name" placeholder="请输入姓名" />
-					</uni-forms-item>
-					<uni-forms-item label="年龄" required>
-						<uni-easyinput v-model="baseFormData.age" placeholder="请输入年龄" />
-					</uni-forms-item>
-					<uni-forms-item label="性别" required>
-						<uni-data-checkbox v-model="baseFormData.sex" :localdata="sexs" />
-					</uni-forms-item>
-					<uni-forms-item label="兴趣爱好" required>
-						<uni-data-checkbox v-model="baseFormData.hobby" multiple :localdata="hobbys" />
-					</uni-forms-item>
-					<uni-forms-item label="自我介绍">
-						<uni-easyinput type="textarea" v-model="baseFormData.introduction" placeholder="请输入自我介绍" />
-					</uni-forms-item>
-					<uni-forms-item label="日期时间">
-						<uni-datetime-picker type="datetime" return-type="timestamp"
-							v-model="baseFormData.datetimesingle" />
-					</uni-forms-item>
-				</uni-forms>
-			</view>
-		</uni-section>
-
-		<uni-section title="对齐方式" type="line">
-			<view class="example">
-				<view class="segmented-control">
-					<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"
-						styleType="button">
-					</uni-segmented-control>
-				</view>
-				<!-- 展示不同的排列方式 -->
-				<uni-forms ref="baseForm" :modelValue="alignmentFormData" :label-position="alignment">
-					<uni-forms-item label="姓名" required>
-						<uni-easyinput v-model="baseFormData.name" placeholder="请输入姓名" />
-					</uni-forms-item>
-					<uni-forms-item label="年龄" required>
-						<uni-easyinput v-model="baseFormData.age" placeholder="请输入年龄" />
-					</uni-forms-item>
-				</uni-forms>
-			</view>
-		</uni-section>
-
-		<uni-section title="表单校验" type="line">
-			<view class="example">
-				<!-- 基础表单校验 -->
-				<uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
-					<uni-forms-item label="姓名" required name="name">
-						<uni-easyinput v-model="valiFormData.name" placeholder="请输入姓名" />
-					</uni-forms-item>
-					<uni-forms-item label="年龄" required name="age">
-						<uni-easyinput v-model="valiFormData.age" placeholder="请输入年龄" />
-					</uni-forms-item>
-					<uni-forms-item label="自我介绍" name="introduction">
-						<uni-easyinput type="textarea" v-model="valiFormData.introduction" placeholder="请输入自我介绍" />
-					</uni-forms-item>
-				</uni-forms>
-				<button type="primary" @click="submit('valiForm')">提交</button>
-			</view>
-		</uni-section>
-
-		<uni-section title="自定义校验规则" type="line">
-			<view class="example">
-				<!-- 自定义表单校验 -->
-				<uni-forms ref="customForm" :rules="customRules" :modelValue="customFormData">
-					<uni-forms-item label="姓名" required name="name">
-						<uni-easyinput v-model="customFormData.name" placeholder="请输入姓名" />
-					</uni-forms-item>
-					<uni-forms-item label="年龄" required name="age">
-						<uni-easyinput v-model="customFormData.age" placeholder="请输入年龄" />
-					</uni-forms-item>
-					<uni-forms-item label="兴趣爱好" required name="hobby">
-						<uni-data-checkbox v-model="customFormData.hobby" multiple :localdata="hobbys" />
-					</uni-forms-item>
-				</uni-forms>
-				<button type="primary" @click="submit('customForm')">提交</button>
-			</view>
-		</uni-section>
-
-
-		<uni-section title="动态表单" type="line">
-			<view class="example">
-				<!-- 动态表单校验 -->
-				<uni-forms ref="dynamicForm" :rules="dynamicRules" :modelValue="dynamicFormData">
-					<uni-forms-item label="邮箱" required name="email">
-						<uni-easyinput v-model="dynamicFormData.email" placeholder="请输入姓名" />
-					</uni-forms-item>
-					<uni-forms-item v-for="(item,index) in dynamicLists" :key="item.id" :label="item.label+' '+index"
-						required :rules="item.rules" :name="'domains[' + item.id + ']'">
-						<view class="form-item">
-							<uni-easyinput v-model="dynamicFormData.domains[item.id]" placeholder="请输入域名" />
-							<button class="button" size="mini" type="default" @click="del(item.id)">删除</button>
-						</view>
-					</uni-forms-item>
-				</uni-forms>
-				<view class="button-group">
-					<button type="primary" size="mini" @click="add">新增域名</button>
-					<button type="primary" size="mini" @click="submit('dynamicForm')">提交</button>
-				</view>
-			</view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				// 基础表单数据
-				baseFormData: {
-					name: '',
-					age: '',
-					introduction: '',
-					sex: 2,
-					hobby: [5],
-					datetimesingle: 1627529992399
-				},
-				// 表单数据
-				alignmentFormData: {
-					name: '',
-					age: '',
-				},
-				// 单选数据源
-				sexs: [{
-					text: '男',
-					value: 0
-				}, {
-					text: '女',
-					value: 1
-				}, {
-					text: '保密',
-					value: 2
-				}],
-				// 多选数据源
-				hobbys: [{
-					text: '跑步',
-					value: 0
-				}, {
-					text: '游泳',
-					value: 1
-				}, {
-					text: '绘画',
-					value: 2
-				}, {
-					text: '足球',
-					value: 3
-				}, {
-					text: '篮球',
-					value: 4
-				}, {
-					text: '其他',
-					value: 5
-				}],
-				// 分段器数据
-				current: 0,
-				items: ['左对齐', '顶部对齐'],
-				// 校验表单数据
-				valiFormData: {
-					name: '',
-					age: '',
-					introduction: '',
-				},
-				// 校验规则
-				rules: {
-					name: {
-						rules: [{
-							required: true,
-							errorMessage: '姓名不能为空'
-						}]
-					},
-					age: {
-						rules: [{
-							required: true,
-							errorMessage: '年龄不能为空'
-						}, {
-							format: 'number',
-							errorMessage: '年龄只能输入数字'
-						}]
-					}
-				},
-				// 自定义表单数据
-				customFormData: {
-					name: '',
-					age: '',
-					hobby: []
-				},
-				// 自定义表单校验规则
-				customRules: {
-					name: {
-						rules: [{
-							required: true,
-							errorMessage: '姓名不能为空'
-						}]
-					},
-					age: {
-						rules: [{
-							required: true,
-							errorMessage: '年龄不能为空'
-						}]
-					},
-					hobby: {
-						rules: [{
-								format: 'array'
-							},
-							{
-								validateFunction: function(rule, value, data, callback) {
-									if (value.length < 2) {
-										callback('请至少勾选两个兴趣爱好')
-									}
-									return true
-								}
-							}
-						]
-					}
-
-				},
-				dynamicFormData: {
-					email: '',
-					domains: {}
-				},
-				dynamicLists: [],
-				dynamicRules: {
-					email: {
-						rules: [{
-							required: true,
-							errorMessage: '域名不能为空'
-						}, {
-							format: 'email',
-							errorMessage: '域名格式错误'
-						}]
-					}
-				}
-			}
-		},
-		computed: {
-			// 处理表单排列切换
-			alignment() {
-				if (this.current === 0) return 'left'
-				if (this.current === 1) return 'top'
-				return 'left'
-			}
-		},
-		onLoad() {},
-		onReady() {
-			// 设置自定义表单校验规则，必须在节点渲染完毕后执行
-			this.$refs.customForm.setRules(this.customRules)
-		},
-		methods: {
-			onClickItem(e) {
-				console.log(e);
-				this.current = e.currentIndex
-			},
-			add() {
-				this.dynamicLists.push({
-					label: '域名',
-					rules: [{
-						'required': true,
-						errorMessage: '域名项必填'
-					}],
-					id: Date.now()
-				})
-			},
-			del(id) {
-				let index = this.dynamicLists.findIndex(v => v.id === id)
-				this.dynamicLists.splice(index, 1)
-			},
-			submit(ref) {
-				this.$refs[ref].validate().then(res => {
-					console.log('success', res);
-					uni.showToast({
-						title: `校验通过`
-					})
-				}).catch(err => {
-					console.log('err', err);
-				})
-			},
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example {
-		padding: 15px;
-		background-color: #fff;
-	}
-
-	.segmented-control {
-		margin-bottom: 15px;
-	}
-
-	.button-group {
-		margin-top: 15px;
-		display: flex;
-		justify-content: space-around;
-	}
-
-	.form-item {
-		display: flex;
-		align-items: center;
-	}
-
-	.button {
-		display: flex;
-		align-items: center;
-		height: 35px;
-		margin-left: 10px;
-	}
-</style>
diff --git a/pages/extUI/goods-nav/goods-nav.nvue b/pages/extUI/goods-nav/goods-nav.nvue
deleted file mode 100644
index ea45574..0000000
--- a/pages/extUI/goods-nav/goods-nav.nvue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-	<view class="uni-container">
-		<uni-card is-full>
-			<text class="uni-h6"> uni-goods-nav 组件主要用于电商类应用底部导航，可自定义加入购物车，购买等操作</text>
-		</uni-card>
-		<uni-section title="基础用法" type="line">
-			<uni-goods-nav @click="onClick" />
-		</uni-section>
-		<uni-section title="自定义用法" type="line">
-			<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup" @click="onClick"
-				@buttonClick="buttonClick" />
-			<uni-goods-nav :fill="true" :options="options" :button-group="customButtonGroup1" @click="onClick"
-				@buttonClick="buttonClick" style="margin-top: 20px;" />
-		</uni-section>
-		<view class="goods-carts">
-			<uni-goods-nav :options="options" :fill="true" :button-group="buttonGroup" @click="onClick"
-				@buttonClick="buttonClick" />
-		</view>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				options: [{
-					icon: 'chat',
-					text: '客服'
-				}, {
-					icon: 'shop',
-					text: '店铺',
-					info: 2,
-					infoBackgroundColor: '#007aff',
-					infoColor: "#f5f5f5"
-				}, {
-					icon: 'cart',
-					text: '购物车',
-					info: 2
-				}],
-				buttonGroup: [{
-						text: '加入购物车',
-						backgroundColor: 'linear-gradient(90deg, #FFCD1E, #FF8A18)',
-						color: '#fff'
-					},
-					{
-						text: '立即购买',
-						backgroundColor: 'linear-gradient(90deg, #FE6035, #EF1224)',
-						color: '#fff'
-					}
-				],
-				customButtonGroup: [{
-						text: '加入购物车',
-						backgroundColor: 'linear-gradient(90deg, #1E83FF, #0053B8)',
-						color: '#fff'
-					},
-					{
-						text: '立即购买',
-						backgroundColor: 'linear-gradient(90deg, #60F3FF, #088FEB)',
-						color: '#fff'
-					}
-				],
-				customButtonGroup1: [{
-					text: '立即购买',
-					backgroundColor: 'linear-gradient(90deg, #FE6035, #EF1224)',
-					color: '#fff'
-				}]
-			}
-		},
-		onLoad() {},
-		methods: {
-			onClick(e) {
-				uni.showToast({
-					title: `点击${e.content.text}`,
-					icon: 'none'
-				})
-			},
-			buttonClick(e) {
-				console.log(e)
-				this.options[2].info++
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		padding: 0;
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-	}
-
-	.goods-carts {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		position: fixed;
-		left: 0;
-		right: 0;
-		/* #ifdef H5 */
-		left: var(--window-left);
-		right: var(--window-right);
-		/* #endif */
-		bottom: 0;
-	}
-</style>
diff --git a/pages/extUI/grid/grid.nvue b/pages/extUI/grid/grid.nvue
deleted file mode 100644
index 51efef7..0000000
--- a/pages/extUI/grid/grid.nvue
+++ /dev/null
@@ -1,282 +0,0 @@
-<template>
-	<view class="warp">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">宫格组件主要使用场景如：商品推荐列表、热门内容等</text>
-		</uni-card>
-		<uni-section title="基础样式" type="line" padding>
-			<uni-grid :column="4" :highlight="true" @change="change">
-				<uni-grid-item v-for="(item, index) in 4" :index="index" :key="index">
-					<view class="grid-item-box" style="background-color: #fff;">
-						<uni-icons type="image" :size="30" color="#777" />
-						<text class="text">文本信息</text>
-					</view>
-				</uni-grid-item>
-			</uni-grid>
-		</uni-section>
-		<uni-section title="自定义列数" type="line" padding>
-			<uni-grid :column="4" :highlight="true" @change="change">
-				<uni-grid-item v-for="(item, index) in 8" :index="index" :key="index">
-					<view class="grid-item-box" style="background-color: #fff;">
-						<uni-icons type="image" :size="30" color="#777" />
-						<text class="text">文本信息</text>
-					</view>
-				</uni-grid-item>
-			</uni-grid>
-		</uni-section>
-
-		<uni-section title="滑动视图" type="line" padding>
-			<!-- 因为swiper特性的关系，请指定swiper的高度 ，swiper的高度并不会被内容撑开-->
-			<swiper class="swiper" :indicator-dots="true">
-				<swiper-item>
-					<uni-grid :column="3" :highlight="true" @change="change">
-						<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
-							<view class="grid-item-box">
-								<image :src="item.url" class="image" mode="aspectFill" />
-								<text class="text">{{ item.text }}</text>
-							</view>
-						</uni-grid-item>
-					</uni-grid>
-				</swiper-item>
-				<swiper-item>
-					<uni-grid :column="3" :highlight="true" @change="change">
-						<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
-							<view class="grid-item-box">
-								<image :src="item.url" class="image" mode="aspectFill" />
-								<text class="text">{{ item.text }}</text>
-							</view>
-						</uni-grid-item>
-					</uni-grid>
-				</swiper-item>
-				<swiper-item>
-					<uni-grid :column="3" :highlight="true" @change="change">
-						<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
-							<view class="grid-item-box">
-								<image :src="item.url" class="image" mode="aspectFill" />
-								<text class="text">{{ item.text }}</text>
-							</view>
-						</uni-grid-item>
-					</uni-grid>
-				</swiper-item>
-			</swiper>
-		</uni-section>
-		<uni-section title="动态加载" type="line" padding>
-			<view class="grid-dynamic-box">
-				<uni-grid :column="3" :highlight="true" @change="change">
-					<uni-grid-item v-for="(item, index) in dynamicList" :index="index" :key="index">
-						<view class="grid-item-box" :style="{'backgroundColor':item.color}">
-							<image :src="item.url" class="image" mode="aspectFill" />
-							<text class="text">{{ item.text }}</text>
-						</view>
-					</uni-grid-item>
-				</uni-grid>
-			</view>
-			<button type="primary" @click="add">点击添加一个宫格</button>
-			<button v-if="dynamicList.length !== 0" type="primary" style="margin-top: 15px;"
-				@click="del">点击删除一个宫格</button>
-		</uni-section>
-		<uni-section title="无边框带角标（3列）" type="line" padding>
-			<uni-grid :column="3" :show-border="false" :square="false" @change="change">
-				<uni-grid-item v-for="(item ,index) in list" :index="index" :key="index">
-					<view class="grid-item-box">
-						<image class="image" :src="item.url" mode="aspectFill" />
-						<text class="text">{{item.text}}</text>
-						<view v-if="item.badge" class="grid-dot">
-							<uni-badge :text="item.badge" :type="item.type" />
-						</view>
-					</view>
-				</uni-grid-item>
-			</uni-grid>
-		</uni-section>
-		<uni-section title="矩形宫格（3列）" type="line" padding>
-			<uni-grid :column="3" :square="false" :highlight="false" @change="change">
-				<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
-					<view class="grid-item-box">
-						<image :src="item.url" class="image" mode="aspectFill" />
-						<text class="text">{{ item.text }}</text>
-					</view>
-				</uni-grid-item>
-			</uni-grid>
-		</uni-section>
-		<uni-section title="边框颜色（4列 无文字）" type="line" padding>
-			<uni-grid :column="4" border-color="#03a9f4" @change="change">
-				<uni-grid-item :index="0">
-					<view class="grid-item-box">
-						<image class="image" src="/static/c1.png" mode="aspectFill" />
-					</view>
-				</uni-grid-item>
-				<uni-grid-item :index="1">
-					<view class="grid-item-box">
-						<image class="image" src="/static/c2.png" mode="aspectFill" />
-					</view>
-				</uni-grid-item>
-				<uni-grid-item :index="2">
-					<view class="grid-item-box">
-						<image class="image" src="/static/c3.png" mode="aspectFill" />
-					</view>
-				</uni-grid-item>
-				<uni-grid-item :index="3">
-					<view class="grid-item-box">
-						<image class="image" src="/static/c4.png" mode="aspectFill" />
-					</view>
-				</uni-grid-item>
-			</uni-grid>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				dynamicList: [],
-				list: [{
-						url: '/static/c1.png',
-						text: 'Grid 1',
-						badge: '0',
-						type: "primary"
-					},
-					{
-						url: '/static/c2.png',
-						text: 'Grid 2',
-						badge: '1',
-						type: "success"
-					},
-					{
-						url: '/static/c3.png',
-						text: 'Grid 3',
-						badge: '99',
-						type: "warning"
-					},
-					{
-						url: '/static/c4.png',
-						text: 'Grid 4',
-						badge: '2',
-						type: "error"
-					},
-					{
-						url: '/static/c5.png',
-						text: 'Grid 5'
-					},
-					{
-						url: '/static/c6.png',
-						text: 'Grid 6'
-					},
-					{
-						url: '/static/c7.png',
-						text: 'Grid 7'
-					},
-					{
-						url: '/static/c8.png',
-						text: 'Grid 8'
-					},
-					{
-						url: '/static/c9.png',
-						text: 'Grid 9'
-					}
-				]
-			}
-		},
-		methods: {
-			change(e) {
-				let {
-					index
-				} = e.detail
-				this.list[index].badge && this.list[index].badge++
-
-				uni.showToast({
-					title: `点击第${index+1}个宫格`,
-					icon: 'none'
-				})
-			},
-			add() {
-				if (this.dynamicList.length < 9) {
-					this.dynamicList.push({
-						url: `/static/c${this.dynamicList.length+1}.png`,
-						text: `Grid ${this.dynamicList.length+1}`,
-						color: this.dynamicList.length % 2 === 0 ? '#f5f5f5' : "#fff"
-					})
-				} else {
-					uni.showToast({
-						title: '最多添加9个',
-						icon: 'none'
-					});
-				}
-			},
-			del() {
-				this.dynamicList.splice(this.dynamicList.length - 1, 1)
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.image {
-		width: 25px;
-		height: 25px;
-	}
-
-	.text {
-		font-size: 14px;
-		margin-top: 5px;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		// display: block;
-		/* #endif */
-	}
-
-	.grid-dynamic-box {
-		margin-bottom: 15px;
-	}
-
-	.grid-item-box {
-		flex: 1;
-		// position: relative;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		padding: 15px 0;
-	}
-
-	.grid-item-box-row {
-		flex: 1;
-		// position: relative;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		padding: 15px 0;
-	}
-
-	.grid-dot {
-		position: absolute;
-		top: 5px;
-		right: 15px;
-	}
-
-	.swiper {
-		height: 420px;
-	}
-
-	/* #ifdef H5 */
-	@media screen and (min-width: 768px) and (max-width: 1425px) {
-		.swiper {
-			height: 630px;
-		}
-	}
-
-	@media screen and (min-width: 1425px) {
-		.swiper {
-			height: 830px;
-		}
-	}
-
-	/* #endif */
-</style>
diff --git a/pages/extUI/group/group.vue b/pages/extUI/group/group.vue
deleted file mode 100644
index 9a15d8c..0000000
--- a/pages/extUI/group/group.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">分组组件可用于将组件分组，添加间隔，以产生明显的区块。</text>
-		</uni-card>
-		<uni-section title="基础分组" type="line">
-			<uni-group>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-			</uni-group>
-			<uni-group title="基本模式" margin-top="20">
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-			</uni-group>
-		</uni-section>
-
-
-
-
-		<uni-section title="卡片分组" type="line">
-			<uni-group mode="card">
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-			</uni-group>
-
-			<uni-group title="card 模式" mode="card">
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-				<view> 分组内容 </view>
-			</uni-group>
-		</uni-section>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				appear: false,
-				name: '',
-				mobile: '139 9999 9999',
-				weixin: 'sskd',
-				message: '',
-				errorMessage: ''
-			}
-		},
-		onReady() {
-
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.uni-wrap {
-		flex-direction: column;
-		/* #ifdef H5 */
-		height: calc(100vh - 44px);
-		/* #endif */
-		/* #ifndef H5 */
-		height: 100vh;
-		/* #endif */
-		flex: 1;
-	}
-
-	.scroll {
-		flex-direction: column;
-		flex: 1;
-	}
-
-	.example-body {
-		padding: 0;
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-	}
-</style>
diff --git a/pages/extUI/icons/icons.nvue b/pages/extUI/icons/icons.nvue
deleted file mode 100644
index df07ec8..0000000
--- a/pages/extUI/icons/icons.nvue
+++ /dev/null
@@ -1,569 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">图标组件方便用户在设计页面的时候，减少小图片的使用。可方便自定义图标单色、尺寸。</text>
-		</uni-card>
-		<uni-section title="图标" type="line">
-			<template v-slot:right>
-				<view>
-					<switch :checked="checked" @change="change" />
-				</view>
-			</template>
-			<view class="icon-content">
-				<view v-for="(item,index) in iconClassList" :key="index" class="icon-item" @click="switchActive(index,item)">
-					<uni-icons :type="item.name" :color="activeIndex === index?'#007aff':'#5e6d82'" size="30" />
-					<text :style="{color:activeIndex === index?'#007aff':'#5e6d82'}"
-						class="uni-mt-5 uni-subtitle">{{ checked? item.unicode: item.name }}</text>
-				</view>
-			</view>
-		</uni-section>
-		<!-- #ifndef APP-PLUS -->
-		<uni-section title="自定义图标" subTitle="引入参考App.vue" type="line">
-			<view class="icon-content">
-				<view class="icon-item" >
-					<uni-icons customPrefix="customicons" type="youxi" color="#5e6d82" size="22" />
-					<text style="color:#5e6d82;">youxi</text>
-				</view>
-				<view class="icon-item" >
-					<uni-icons customPrefix="customicons" type="wenjian" color="#5e6d82" size="22" />
-					<text style="color:#5e6d82;">wenjian</text>
-				</view>
-				<view class="icon-item" >
-					<uni-icons customPrefix="customicons" type="zhuanfa" color="#5e6d82" size="22" />
-					<text style="color:#5e6d82;">zhuanfa</text>
-				</view>
-			</view>
-		</uni-section>
-		<!-- #endif -->
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				iconClassList: [{
-					"name": "arrow-down",
-					"unicode": "e6be"
-				}, {
-					"name": "arrow-left",
-					"unicode": "e6bc"
-				}, {
-					"name": "arrow-right",
-					"unicode": "e6bb"
-				}, {
-					"name": "arrow-up",
-					"unicode": "e6bd"
-				}, {
-					"name": "bottom",
-					"unicode": "e6b8"
-				}, {
-					"name": "left",
-					"unicode": "e6b7"
-				}, {
-					"name": "right",
-					"unicode": "e6b5"
-				}, {
-					"name": "top",
-					"unicode": "e6b6"
-				}, {
-					"name": "back",
-					"unicode": "e6b9"
-				}, {
-					"name": "forward",
-					"unicode": "e6ba"
-				}, {
-					"name": "checkmarkempty",
-					"unicode": "e65c"
-				}, {
-					"name": "closeempty",
-					"unicode": "e66c"
-				}, {
-					"name": "color",
-					"unicode": "e6cf"
-				}, {
-					"name": "color-filled",
-					"unicode": "e6c9"
-				}, {
-					"name": "wallet",
-					"unicode": "e6b1"
-				}, {
-					"name": "wallet-filled",
-					"unicode": "e6c2"
-				}, {
-					"name": "tune",
-					"unicode": "e6aa"
-				}, {
-					"name": "tune-filled",
-					"unicode": "e6ca"
-				}, {
-					"name": "settings",
-					"unicode": "e560"
-				}, {
-					"name": "settings-filled",
-					"unicode": "e6ce"
-				}, {
-					"name": "folder-add",
-					"unicode": "e6a9"
-				}, {
-					'name': 'folder-add-filled',
-					'unicode': 'e6c8'
-				}, {
-					"name": "calendar",
-					"unicode": "e6a8"
-				}, {
-					'name': 'calendar-filled',
-					'unicode': 'e6c0'
-				}, {
-					'name': 'vip',
-					'unicode': 'e6a8'
-				}, {
-					'name': 'vip-filled',
-					'unicode': 'e6c6'
-				}, {
-					"name": "notification",
-					"unicode": "e6a6"
-				}, {
-					'name': 'notification-filled',
-					'unicode': 'e6c1'
-				}, {
-					"name": "gift",
-					"unicode": "e6a4"
-				}, {
-					'name': 'gift-filled',
-					'unicode': 'e6c4'
-				}, {
-					"name": "medal",
-					"unicode": "e6a2"
-				}, {
-					'name': 'medal-filled',
-					'unicode': 'e6c3'
-				}, {
-					"name": "fire",
-					"unicode": "e6a1"
-				}, {
-					'name': 'fire-filled',
-					'unicode': 'e6c5'
-				}, {
-					"name": "camera",
-					"unicode": "e301"
-				}, {
-					"name": "camera-filled",
-					"unicode": "e7ef"
-				}, {
-					"name": "cart",
-					"unicode": "e7f5"
-				}, {
-					"name": "cart-filled",
-					"unicode": "e7f4"
-				}, {
-					"name": "chat",
-					"unicode": "e263"
-				}, {
-					"name": "chat-filled",
-					"unicode": "e847"
-				}, {
-					"name": "chatboxes",
-					"unicode": "e203"
-				}, {
-					"name": "chatboxes-filled",
-					"unicode": "e233"
-				}, {
-					"name": "chatbubble",
-					"unicode": "e202"
-				}, {
-					"name": "chatbubble-filled",
-					"unicode": "e232"
-				}, {
-					"name": "minus",
-					"unicode": "e410"
-				}, {
-					"name": "minus-filled",
-					"unicode": "e440"
-				}, {
-					"name": "plus",
-					"unicode": "e409"
-				}, {
-					"name": "plus-filled",
-					"unicode": "e439"
-				}, {
-					"name": "checkbox",
-					"unicode": "e7fa"
-				}, {
-					"name": "checkbox-filled",
-					"unicode": "e442"
-				}, {
-					"name": "close",
-					"unicode": "e404"
-				}, {
-					"name": "clear",
-					"unicode": "e434"
-				}, {
-					"name": "circle",
-					"unicode": "e411"
-				}, {
-					"name": "circle-filled",
-					"unicode": "e441"
-				}, {
-					"name": "help",
-					"unicode": "e505"
-				}, {
-					"name": "help-filled",
-					"unicode": "e535"
-				}, {
-					"name": "info",
-					"unicode": "e504"
-				}, {
-					"name": "info-filled",
-					"unicode": "e534"
-				}, {
-					"name": "smallcircle",
-					"unicode": "e868"
-				}, {
-					"name": "smallcircle-filled",
-					"unicode": "e801"
-				}, {
-					"name": "upload",
-					"unicode": "e402"
-				}, {
-					"name": "upload-filled",
-					"unicode": "e8b1"
-				}, {
-					"name": "download",
-					"unicode": "e403"
-				}, {
-					"name": "download-filled",
-					"unicode": "e8a4"
-				}, {
-					"name": "cloud-download",
-					"unicode": "e8e4"
-				}, {
-					"name": "cloud-download-filled",
-					"unicode": "e8e9"
-				}, {
-					"name": "cloud-upload",
-					"unicode": "e8e6"
-				}, {
-					"name": "cloud-upload-filled",
-					"unicode": "e8e5"
-				}, {
-					"name": "email",
-					"unicode": "e201"
-				}, {
-					"name": "email-filled",
-					"unicode": "e231"
-				}, {
-					"name": "mail-open",
-					"unicode": "e84e"
-				}, {
-					"name": "mail-open-filled",
-					"unicode": "e84d"
-				}, {
-					"name": "eye",
-					"unicode": "e824"
-				}, {
-					"name": "eye-filled",
-					"unicode": "e568"
-				}, {
-					"name": "eye-slash",
-					"unicode": "e823"
-				}, {
-					"name": "eye-slash-filled",
-					"unicode": "e822"
-				}, {
-					"name": "hand-down",
-					"unicode": "e83c"
-				}, {
-					"name": "hand-down-filled",
-					"unicode": "e83b"
-				}, {
-					"name": "hand-up",
-					"unicode": "e83f"
-				}, {
-					"name": "hand-up-filled",
-					"unicode": "e83d"
-				}, {
-					"name": "gear",
-					"unicode": "e502"
-				}, {
-					"name": "gear-filled",
-					"unicode": "e532"
-				}, {
-					"name": "flag",
-					"unicode": "e508"
-				}, {
-					"name": "flag-filled",
-					"unicode": "e825"
-				}, {
-					"name": "heart",
-					"unicode": "e840"
-				}, {
-					"name": "heart-filled",
-					"unicode": "e83e"
-				}, {
-					"name": "home",
-					"unicode": "e500"
-				}, {
-					"name": "home-filled",
-					"unicode": "e530"
-				}, {
-					"name": "image",
-					"unicode": "e363"
-				}, {
-					"name": "image-filled",
-					"unicode": "e877"
-				}, {
-					"name": "images",
-					"unicode": "e87b"
-				}, {
-					"name": "images-filled",
-					"unicode": "e87a"
-				}, {
-					"name": "locked",
-					"unicode": "e506"
-				}, {
-					"name": "locked-filled",
-					"unicode": "e856"
-				}, {
-					"name": "location",
-					"unicode": "e303"
-				}, {
-					"name": "location-filled",
-					"unicode": "e333"
-				}, {
-					"name": "map",
-					"unicode": "e364"
-				}, {
-					"name": "map-filled",
-					"unicode": "e85c"
-				}, {
-					"name": "map-pin",
-					"unicode": "e85e"
-				}, {
-					"name": "map-pin-ellipse",
-					"unicode": "e864"
-				}, {
-					"name": "mic",
-					"unicode": "e302"
-				}, {
-					"name": "mic-filled",
-					"unicode": "e332"
-				}, {
-					"name": "micoff",
-					"unicode": "e360"
-				}, {
-					"name": "micoff-filled",
-					"unicode": "e892"
-				}, {
-					"name": "more",
-					"unicode": "e507"
-				}, {
-					"name": "more-filled",
-					"unicode": "e537"
-				}, {
-					"name": "navigate",
-					"unicode": "e501"
-				}, {
-					"name": "navigate-filled",
-					"unicode": "e884"
-				}, {
-					"name": "paperplane",
-					"unicode": "e503"
-				}, {
-					"name": "paperplane-filled",
-					"unicode": "e86e"
-				}, {
-					"name": "contact",
-					"unicode": "e100"
-				}, {
-					"name": "contact-filled",
-					"unicode": "e130"
-				}, {
-					"name": "auth",
-					"unicode": "e6ab"
-				}, {
-					"name": "auth-filled",
-					"unicode": "e6cc"
-				}, {
-					"name": "staff",
-					"unicode": "e6a7"
-				}, {
-					"name": "staff-filled",
-					"unicode": "e6cb"
-				}, {
-					"name": "person",
-					"unicode": "e101"
-				}, {
-					"name": "person-filled",
-					"unicode": "e131"
-				}, {
-					"name": "personadd",
-					"unicode": "e102"
-				}, {
-					"name": "personadd-filled",
-					"unicode": "e132"
-				}, {
-					"name": "phone",
-					"unicode": "e200"
-				}, {
-					"name": "phone-filled",
-					"unicode": "e230"
-				}, {
-					"name": "refresh",
-					"unicode": "e407"
-				}, {
-					"name": "refresh-filled",
-					"unicode": "e437"
-				}, {
-					"name": "redo",
-					"unicode": "e405"
-				}, {
-					"name": "redo-filled",
-					"unicode": "e7d9"
-				}, {
-					"name": "undo",
-					"unicode": "e406"
-				}, {
-					"name": "undo-filled",
-					"unicode": "e7d6"
-				}, {
-					"name": "qq",
-					"unicode": "e264"
-				}, {
-					"name": "weibo",
-					"unicode": "e260"
-				}, {
-					"name": "weixin",
-					"unicode": "e261"
-				}, {
-					"name": "pyq",
-					"unicode": "e262"
-				}, {
-					"name": "sound",
-					"unicode": "e590"
-				}, {
-					"name": "sound-filled",
-					"unicode": "e8a1"
-				}, {
-					"name": "videocam",
-					"unicode": "e300"
-				}, {
-					"name": "videocam-filled",
-					"unicode": "e8af"
-				}, {
-					"name": "trash",
-					"unicode": "e401"
-				}, {
-					"name": "trash-filled",
-					"unicode": "e8dc"
-				}, {
-					"name": "refreshempty",
-					"unicode": "e461"
-				}, {
-					"name": "reload",
-					"unicode": "e462"
-				}, {
-					"name": "star",
-					"unicode": "e408"
-				}, {
-					"name": "star-filled",
-					"unicode": "e438"
-				}, {
-					"name": "starhalf",
-					"unicode": "e463"
-				}, {
-					"name": "spinner-cycle",
-					"unicode": "e465"
-				}, {
-					"name": "link",
-					"unicode": "e6a5"
-				}, {
-					"name": "font",
-					"unicode": "e6a3"
-				}, {
-					"name": "scan",
-					"unicode": "e612"
-				}, {
-					"name": "search",
-					"unicode": "e466"
-				}, {
-					"name": "compose",
-					"unicode": "e400"
-				}, {
-					"name": "bars",
-					"unicode": "e563"
-				}, {
-					"name": "list",
-					"unicode": "e562"
-				}, {
-					"name": "loop",
-					"unicode": "e565"
-				}, {
-					"name": "paperclip",
-					"unicode": "e567"
-				}, {
-					"name": "plusempty",
-					"unicode": "e468"
-				}, {
-					"name": "pulldown",
-					"unicode": "e588"
-				}, {
-					"name": "headphones",
-					"unicode": "e8bf"
-				}, {
-					"name": "shop",
-					"shop": "e609"
-				}, {
-					'name': 'shop-filled',
-					'unicode': 'e6cd'
-				}],
-				activeIndex: -1,
-				checked: false
-			}
-		},
-		methods: {
-			change(e) {
-				// e.detail.value在安卓手机上可能是String类型，后续修复后要修改
-				this.checked = e.detail.value === 'false' || !e.detail.value ? false : true
-			},
-			switchActive(index,item) {
-				this.activeIndex = index
-				uni.setClipboardData({
-				    data: !this.checked ? item.name:item.unicode,
-				    success:  ()=> {
-				        uni.showToast({
-				        	icon:'none',
-									title:`${!this.checked ?'图标名称':'unicode'}复制成功`
-				        })
-				    }
-				});
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-
-	.icon-content {
-		display: flex;
-		flex-wrap: wrap;
-		flex-direction: row;
-		justify-content: center;
-
-		.icon-item {
-			/* #ifndef APP-NVUE */
-			display: flex;
-			box-sizing: border-box;
-			width: calc(100% / 4);
-			/* #endif */
-			/* #ifdef APP-NVUE */
-			width: 187rpx;
-			/* #endif */
-			align-items: center;
-			padding: 10px;
-			text-align: center;
-			flex-direction: column;
-		}
-	}
-</style>
diff --git a/pages/extUI/indexed-list/indexed-list.nvue b/pages/extUI/indexed-list/indexed-list.nvue
deleted file mode 100644
index 16c0408..0000000
--- a/pages/extUI/indexed-list/indexed-list.nvue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-	<uni-indexed-list :options="list" :show-select="true" @click="bindClick" />
-</template>
-
-<script>
-	import airport from '@/common/airport.js'
-	export default {
-		components: {},
-		data() {
-			return {
-				list: airport.list
-			}
-		},
-		methods: {
-			bindClick(e) {
-				console.log('点击item，返回数据' + JSON.stringify(e))
-			}
-		}
-	}
-</script>
-
-<style lang="scss"></style>
diff --git a/pages/extUI/link/link.vue b/pages/extUI/link/link.vue
deleted file mode 100644
index a834ca7..0000000
--- a/pages/extUI/link/link.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打开新网页。</text>
-		</uni-card>
-		<uni-section title="基本示例" subTitle="打开外部连接" type="line" padding>
-			<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link>
-		</uni-section>
-		<uni-section title="自定义颜色" type="line" padding>
-			<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" color="#007BFF"></uni-link>
-		</uni-section>
-		<uni-section title="自定义下划线" type="line" padding>
-			<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" showUnderLine="false">
-			</uni-link>
-		</uni-section>
-		<uni-section title="自定义字体大小" type="line" padding>
-			<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" showUnderLine="false"
-				font-size="20"></uni-link>
-		</uni-section>
-		<uni-section title="自定义插槽" type="line" padding>
-			<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" showUnderLine="false"
-				color="red">点击跳转</uni-link>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {};
-		}
-	};
-</script>
-
-<style lang="scss">
-</style>
diff --git a/pages/extUI/list/ad.vue b/pages/extUI/list/ad.vue
deleted file mode 100644
index 40ac4de..0000000
--- a/pages/extUI/list/ad.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<view>
-		<text class="example-info">此示例展示了ad广告组件在 uni-list 中的应用</text>
-		<uni-section title="列表嵌套广告" type="line"></uni-section>
-		<uni-list>
-			<template v-for="(item,index) in listData">
-				<!-- <uni-list-ad v-if="(index > 0 && (index+1) % 10 == 0)"></uni-list-ad> -->
-				<ad  adpid="1111111111" v-if="(index > 0 && (index+1) % 10 == 0)" unit-id="" appid="" apid="" type="feed"></ad>
-				<uni-list-item v-else :title="item.title" :note="item.author_name" :thumb="item.cover" thumb-size="lg" />
-			</template>
-		</uni-list>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				UNITS: {
-					'年': 31557600000,
-					'月': 2629800000,
-					'天': 86400000,
-					'小时': 3600000,
-					'分钟': 60000,
-					'秒': 1000
-				},
-				listData: []
-			}
-		},
-		onLoad() {
-			this.getList()
-		},
-		methods: {
-			getList() {
-				var data = {
-					column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名
-				};
-
-				uni.request({
-					url: 'https://unidemo.dcloud.net.cn/api/news',
-					data: data,
-					success: data => {
-						if (data.statusCode == 200) {
-							let list = this.setTime(data.data);
-							this.listData = this.reload ? list : this.listData.concat(list);
-							console.log(this.listData);
-						}
-					},
-					fail: (data, code) => {
-						console.log('fail' + JSON.stringify(data));
-					}
-				});
-			},
-			setTime(items) {
-				var newItems = [];
-				items.forEach(e => {
-					newItems.push({
-						author_name: e.author_name,
-						cover: e.cover,
-						id: e.id,
-						post_id: e.post_id,
-						published_at: this.format(e.published_at),
-						title: e.title
-					});
-				});
-				return newItems;
-			},
-			format(dateStr) {
-				var date = this.parse(dateStr)
-				var diff = Date.now() - date.getTime();
-				if (diff < this.UNITS['天']) {
-					return this.humanize(diff);
-				}
-				var _format = function(number) {
-					return (number < 10 ? ('0' + number) : number);
-				};
-				return date.getFullYear() + '/' + _format(date.getMonth() + 1) + '/' + _format(date.getDate()) + '-' +
-					_format(date.getHours()) + ':' + _format(date.getMinutes());
-			},
-			parse(str) { //将"yyyy-mm-dd HH:MM:ss"格式的字符串，转化为一个Date对象
-				var a = str.split(/[^0-9]/);
-				return new Date(a[0], a[1] - 1, a[2], a[3], a[4], a[5]);
-			},
-
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-</style>
diff --git a/pages/extUI/list/chat.vue b/pages/extUI/list/chat.vue
deleted file mode 100644
index 6fc75a0..0000000
--- a/pages/extUI/list/chat.vue
+++ /dev/null
@@ -1,176 +0,0 @@
-<template>
-	<view>
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">此示例展示了聊天列表的使用场景。</text>
-		</uni-card>
-		<uni-section title="圆头像且不显示分割线" type="line">
-			<uni-list :border="false">
-				<uni-list-chat v-for="item in listData" :avatar-circle="true" :key="item.id" :title="item.author_name" :avatar="item.cover"
-				 :note="item.title" :time="item.published_at" :clickable="false"></uni-list-chat>
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="带圆点" type="line">
-			<uni-list>
-				<uni-list-chat v-for="item in listData" :key="item.id" :title="item.author_name" :avatar="item.cover" :note="item.title"
-				 :time="item.published_at" :badge-text="item.text" :clickable="false" badge-positon="left" badge-text="dot"></uni-list-chat>
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="自定义右侧内容" type="line">
-			<uni-list>
-				<uni-list-chat v-for="item in listData" :key="item.id" :title="item.author_name" :avatar="item.cover" :note="item.title"
-				 badge-positon="left" :badge-text="item.text">
-					<view class="chat-custom-right">
-						<text class="chat-custom-text">刚刚</text>
-						<uni-icons type="star-filled" color="#999" size="18"></uni-icons>
-					</view>
-				</uni-list-chat>
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="带通知角标的单头像聊天列表" type="line">
-			<uni-list>
-				<uni-list-chat v-for="item in listData" :key="item.id" :title="item.author_name" :avatar="item.cover" :note="item.title"
-				 :time="item.published_at" :clickable="true" :badge-text="item.text" @click="onClick"></uni-list-chat>
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="带通知角标的多头像聊天列表" type="line">
-			<uni-list>
-				<uni-list-chat v-for="(item,index) in listData" :key="item.id" :title="item.author_name" :avatar="item.cover" :note="item.title"
-				 :time="item.published_at" :clickable="true" :avatarList="avatar(index+1)" :badge-text="item.text" @click="onClick"></uni-list-chat>
-			</uni-list>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				UNITS: {
-					'年': 31557600000,
-					'月': 2629800000,
-					'天': 86400000,
-					'小时': 3600000,
-					'分钟': 60000,
-					'秒': 1000
-				},
-				listData: [],
-				avatarList: [{
-					url: '/static/logo.png'
-				}, {
-					url: '/static/logo.png'
-				}, {
-					url: '/static/logo.png'
-				}]
-			}
-		},
-		onLoad() {
-			this.getList()
-		},
-		methods: {
-			onClick() {
-				uni.showToast({
-					title: '列表被点击'
-				})
-			},
-			avatar(count) {
-				let arr = []
-				this.avatarList.forEach((item, index) => {
-					if (index < count) {
-						arr.push(item)
-					}
-				})
-				return arr
-			},
-			getList() {
-				var data = {
-					column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名
-				};
-
-				uni.request({
-					url: 'https://unidemo.dcloud.net.cn/api/news',
-					data: data,
-					success: data => {
-						if (data.statusCode == 200) {
-							let list = this.setTime(data.data);
-							list = this.reload ? list : this.listData.concat(list);
-							list.map(item => {
-								item.text = Math.floor(Math.random() * (1 - 20) + 20)
-								return item
-							})
-							this.listData = this.getRandomArrayElements(list, 3)
-						}
-					},
-					fail: (data, code) => {
-						console.log('fail' + JSON.stringify(data));
-					}
-				});
-			},
-			getRandomArrayElements(arr, count) {
-				var shuffled = arr.slice(0),
-					i = arr.length,
-					min = i - count,
-					temp, index;
-				while (i-- > min) {
-					index = Math.floor((i + 1) * Math.random());
-					temp = shuffled[index];
-					shuffled[index] = shuffled[i];
-					shuffled[i] = temp;
-				}
-				return shuffled.slice(min);
-			},
-			setTime(items) {
-				var newItems = [];
-				items.forEach(e => {
-					newItems.push({
-						author_name: e.author_name,
-						cover: e.cover,
-						id: e.id,
-						post_id: e.post_id,
-						published_at: this.format(e.published_at),
-						title: e.title
-					});
-				});
-				return newItems;
-			},
-			format(dateStr) {
-				var date = this.parse(dateStr)
-				var diff = Date.now() - date.getTime();
-				if (diff < this.UNITS['天']) {
-					return this.humanize(diff);
-				}
-				var _format = function(number) {
-					return (number < 10 ? ('0' + number) : number);
-				};
-				return date.getFullYear() + '-' + _format(date.getMonth() + 1) + '-' + _format(date.getDate()) + ' ' +
-					_format(date.getHours()) + ':' + _format(date.getMinutes());
-			},
-			parse(str) { //将"yyyy-mm-dd HH:MM:ss"格式的字符串，转化为一个Date对象
-				var a = str.split(/[^0-9]/);
-				return new Date(a[0], a[1] - 1, a[2], a[3], a[4], a[5]);
-			},
-
-		}
-	}
-</script>
-
-<style lang="scss" >
-	.chat-custom-right {
-		flex: 1;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		justify-content: space-between;
-		align-items: flex-end;
-	}
-
-	.chat-custom-text {
-		font-size: 12px;
-		color: #999;
-	}
-</style>
diff --git a/pages/extUI/list/list.nvue b/pages/extUI/list/list.nvue
deleted file mode 100644
index 4f4af14..0000000
--- a/pages/extUI/list/list.nvue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">列表组件可以在其中使用图标、略缩图或放置任何你想放的元素，使用场景如：导航菜单、列表、设置中心排版等</text>
-		</uni-card>
-		<uni-section title="基础用法" type="line">
-			<uni-list>
-				<uni-list-item title="列表文字" />
-				<uni-list-item title="列表文字" rightText="右侧文字" />
-				<uni-list-item title="列表文字" note="列表描述信息" rightText="右侧文字" />
-			</uni-list>
-		</uni-section>
-		<uni-section title="禁用列表" type="line">
-			<uni-list>
-				<uni-list-item :disabled="true" title="列表禁用状态" rightText="右侧文字" />
-				<uni-list-item :disabled="true" title="列表禁用状态" rightText="右侧文字" />
-			</uni-list>
-		</uni-section>
-		<uni-section title="显示右侧箭头" type="line">
-			<uni-list>
-				<uni-list-item showArrow title="列表文字" />
-				<uni-list-item showArrow title="列表文字" rightText="右侧文字" />
-			</uni-list>
-		</uni-section>
-		<uni-section title="开启点击反馈" type="line">
-			<uni-list>
-				<uni-list-item title="弹窗提示" clickable @click="onClick" />
-				<uni-list-item title="页面跳转" :to="`./chat`" @click="onClick" />
-				<uni-list-item title="关闭当前页面打开新页面" showArrow link="redirectTo" to="./chat" @click="onClick" />
-				<uni-list-item title="打开错误页面(查看控制台)" showArrow link="redirectTo" to="./chats" @click="onClick" />
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="不显示分隔线" type="line">
-			<uni-list :border="false">
-				<uni-list-item title="列表文字" />
-				<uni-list-item :border="false" title="列表文字" note="列表描述信息" rightText="右侧文字" />
-				<uni-list-item :border="false" title="列表文字" note="列表描述信息" rightText="右侧文字" />
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="分隔线通栏" type="line">
-			<uni-list border-full>
-				<uni-list-item title="列表文字" />
-				<uni-list-item title="列表文字" note="列表描述信息" rightText="右侧文字" />
-				<uni-list-item title="列表文字" note="列表描述信息" rightText="右侧文字" />
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="文字溢出隐藏" type="line">
-			<uni-list>
-				<uni-list-item ellipsis="1" title="超长文字显示一行,以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字" />
-				<uni-list-item ellipsis="2" title="超长文字显示二行,以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字"
-					rightText="二行显示" />
-				<uni-list-item ellipsis="1" title="全部显示,以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字"
-					note="列表描述信息,下是测试文字,下是测试文字,下是测试文字,下是测试文字,下是测试文字,下是测试文字,下是测试文字" showArrow rightText="一行显示" />
-				<uni-list-item title="全部显示,以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字以下是测试文字" showArrow rightText="全部" />
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="显示图标或图片" type="line">
-			<uni-list>
-				<uni-list-item :show-extra-icon="true" showArrow :extra-icon="extraIcon" title="列表左侧带扩展图标" />
-				<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow
-					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
-					thumb-size="sm" rightText="小图" />
-
-				<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow
-					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
-					thumb-size="base" rightText="默认" />
-				<uni-list-item title="列表左侧带略缩图" note="列表描述信息" showArrow
-					thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
-					thumb-size="lg" rightText="大图" />
-			</uni-list>
-		</uni-section>
-
-		<uni-section title="使用插槽" type="line">
-			<uni-list>
-				<uni-list-item>
-					<template v-slot:body>
-						<view class="slot-box">
-							<text class="slot-text">使用 body 插槽</text>
-						</view>
-					</template>
-				</uni-list-item>
-				<uni-list-item title="自定义右侧插槽" note="列表描述信息" link>
-					<template v-slot:footer>
-						<image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
-					</template>
-				</uni-list-item>
-				<uni-list-item>
-					<template v-slot:header>
-						<view class="slot-box">
-							<image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
-						</view>
-					</template>
-					<template v-slot:body>
-						<text class="slot-box slot-text">自定义两侧插槽</text>
-					</template>
-					<template v-slot:footer>
-						<image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
-					</template>
-				</uni-list-item>
-			</uni-list>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
-				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
-				extraIcon: {
-					color: '#4cd964',
-					size: '22',
-					type: 'gear-filled'
-				}
-			};
-		},
-		methods: {
-			onClick(e) {
-				console.log('执行click事件', e.data)
-				uni.showToast({
-					title: '点击反馈'
-				});
-			},
-			switchChange(e) {
-				uni.showToast({
-					title: 'change:' + e.value,
-					icon: 'none'
-				});
-			}
-		}
-	};
-</script>
-
-<style lang="scss">
-	.slot-box {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.slot-image {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		margin-right: 10px;
-		width: 30px;
-		height: 30px;
-	}
-
-	.slot-text {
-		flex: 1;
-		font-size: 14px;
-		color: #4cd964;
-		margin-right: 10px;
-	}
-</style>
diff --git a/pages/extUI/load-more/load-more.nvue b/pages/extUI/load-more/load-more.nvue
deleted file mode 100644
index 110b52a..0000000
--- a/pages/extUI/load-more/load-more.nvue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">加载更多组件用于页面加载更多数据时，页面底部显示内容等场景</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line">
-			<uni-load-more :status="status" />
-		</uni-section>
-		<uni-section title="修改默认文字" type="line">
-			<uni-load-more :status="status" :content-text="contentText" />
-		</uni-section>
-		<uni-section title="改变颜色" type="line">
-			<uni-load-more color="#007AFF" :status="status" />
-		</uni-section>
-		<uni-section title="指定加载图标样式 - 按平台自动选择样式" type="line">
-			<uni-load-more iconType="auto" :status="status" />
-		</uni-section>
-		<uni-section title="指定加载图标样式 - 环形" type="line">
-			<uni-load-more iconType="circle" :status="status" />
-		</uni-section>
-
-		<uni-section title="改变组件状态" type="line">
-			<radio-group class="uni-list" @change="onChange">
-				<view v-for="(item, index) in statusTypes" :key="index" class="uni-list-item">
-					<view class="uni-list-item__container">
-						<view class="uni-list-item__content">
-							<text class="uni-list-item__content-title">{{ item.text }}</text>
-						</view>
-						<view class="uni-list-item__extra">
-							<radio :value="item.value" :checked="item.checked" />
-						</view>
-					</view>
-				</view>
-			</radio-group>
-		</uni-section>
-
-	</view>
-</template>
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				status: 'more',
-				statusTypes: [{
-					value: 'more',
-					text: '加载前',
-					checked: true
-				}, {
-					value: 'loading',
-					text: '加载中',
-					checked: false
-				}, {
-					value: 'noMore',
-					text: '没有更多',
-					checked: false
-				}],
-				contentText: {
-					contentdown: '查看更多',
-					contentrefresh: '加载中',
-					contentnomore: '没有更多'
-				}
-			}
-		},
-		methods: {
-			onChange(e) {
-				this.status = e.detail.value
-			},
-			clickLoadMore(e) {
-				uni.showToast({
-					icon: 'none',
-					title: "当前状态：" + e.detail.status
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.uni-list-item {
-		border-bottom-style: solid;
-		border-bottom-width: 1px;
-		border-bottom-color: #eee;
-		font-size: 14px;
-	}
-
-	.uni-list-item__container {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		width: 100%;
-		box-sizing: border-box;
-		/* #endif */
-		padding: 12px 15px;
-		flex: 1;
-		position: relative;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	.uni-list-item__content-title {
-		font-size: 14px;
-		color: #666;
-	}
-</style>
diff --git a/pages/extUI/nav-bar/nav-bar.nvue b/pages/extUI/nav-bar/nav-bar.nvue
deleted file mode 100644
index feda2c7..0000000
--- a/pages/extUI/nav-bar/nav-bar.nvue
+++ /dev/null
@@ -1,186 +0,0 @@
-<template>
-	<view class="container">
-		<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="返回"
-			title="自定义导航栏" @clickLeft="back" />
-		<uni-card is-full :isShadow="false">
-			<text
-				class="uni-h6">本导航栏为自定义组件，并非原生导航栏。除非原生导航栏无法满足需求，否则不推荐使用自定义导航栏组件。具体参考https://ask.dcloud.net.cn/article/34921</text>
-		</uni-card>
-		<uni-section title="基本用法" subTitle="使用 title 属性设置导航栏标题" type="line" style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<uni-nav-bar title="标题" />
-			</view>
-		</uni-section>
-		<uni-section title="开启阴影" subTitle="使用 shadow 属性启用阴影" type="line" style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<uni-nav-bar shadow left-icon="left" title="开启阴影" @clickLeft="back" />
-			</view>
-		</uni-section>
-		<uni-section title="开启暗黑模式" subTitle="使用 dark 属性设置暗黑模式" type="line" style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<uni-nav-bar shadow left-icon="left" dark title="暗黑模式" @clickLeft="back" />
-			</view>
-		</uni-section>
-		<uni-section title="带返回箭头+右侧图标" subTitle="使用 left-icon/right-icon 设置左右图标" type="line"
-			style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<uni-nav-bar shadow left-icon="left" right-icon="cart" title="标题" />
-			</view>
-		</uni-section>
-		<uni-section title="左侧文字+右侧文字" subTitle="使用 left-text/right-text 设置左右文字" type="line"
-			style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<uni-nav-bar shadow left-icon="left" leftText="返回" rightText="设置" title="标题" />
-			</view>
-		</uni-section>
-		<uni-section title="自定义颜色" subTitle="使用 color/background-color 属性设置前景背景色" type="line"
-			style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<view class="box-bg">
-					<uni-nav-bar dark color="#999" backgroundColor="#f5f5f5" shadow left-icon="left" leftText="返回"
-						rightText="设置" title="自定义颜色" />
-				</view>
-			</view>
-		</uni-section>
-		<uni-section title="自定义高度" subTitle="使用 height 修改组件高度" type="line" style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<view class="box-bg">
-					<uni-nav-bar height="65px" dark shadow left-icon="left" leftText="返回" rightText="设置"
-						title="自定义高度" />
-				</view>
-			</view>
-		</uni-section>
-		<uni-section title="自定义内容" subTitle="使用 left/right/default 插槽自定义内容" type="line" style="margin-bottom: 3px;">
-			<view class="box-bg">
-				<uni-nav-bar>
-					<block slot="left">
-						<view class="city">
-							<view>
-								<text class="uni-nav-bar-text">{{ city }}</text>
-							</view>
-							<uni-icons type="arrowdown" color="#666" size="18" />
-						</view>
-					</block>
-					<view class="input-view">
-						<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
-						<input confirm-type="search" class="nav-bar-input" type="text" placeholder="输入搜索关键词"
-							@confirm="confirm" />
-					</view>
-					<block slot="right">
-						<view class="city">
-							搜索
-						</view>
-					</block>
-				</uni-nav-bar>
-			</view>
-		</uni-section>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				city: '北京'
-			}
-		},
-		methods: {
-			back() {
-				uni.navigateBack({
-					delta: 1
-				})
-			},
-			showMenu() {
-				uni.showToast({
-					title: '菜单'
-				})
-			},
-			clickLeft() {
-				uni.showToast({
-					title: '左侧按钮'
-				})
-			},
-			search() {
-				uni.showToast({
-					title: '搜索'
-				})
-			},
-			showCity() {
-				uni.showToast({
-					title: '选择城市'
-				})
-			},
-			scan() {
-				uni.showToast({
-					title: '扫码'
-				})
-			},
-			confirm() {
-				uni.showToast({
-					title: '搜索'
-				})
-			}
-		},
-		onPullDownRefresh() {
-			console.log('onPullDownRefresh')
-			setTimeout(function() {
-				uni.stopPullDownRefresh()
-				console.log('stopPullDownRefresh')
-			}, 1000)
-		}
-	}
-</script>
-
-<style lang="scss">
-	$nav-height: 30px;
-
-	.box-bg {
-		background-color: #F5F5F5;
-		padding: 5px 0;
-	}
-
-	.city {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: flex-start;
-		// width: 160rpx;
-		margin-left: 4px;
-	}
-
-	.input-view {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		// width: 500rpx;
-		flex: 1;
-		background-color: #f8f8f8;
-		height: $nav-height;
-		border-radius: 15px;
-		padding: 0 15px;
-		flex-wrap: nowrap;
-		margin: 7px 0;
-		line-height: $nav-height;
-	}
-
-	.input-uni-icon {
-		line-height: $nav-height;
-	}
-
-	.nav-bar-input {
-		height: $nav-height;
-		line-height: $nav-height;
-		/* #ifdef APP-PLUS-NVUE */
-		width: 370rpx;
-		/* #endif */
-		padding: 0 5px;
-		font-size: 12px;
-		background-color: #f8f8f8;
-	}
-</style>
diff --git a/pages/extUI/notice-bar/notice-bar.vue b/pages/extUI/notice-bar/notice-bar.vue
deleted file mode 100644
index d43d239..0000000
--- a/pages/extUI/notice-bar/notice-bar.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">通告栏组件多用于系统通知，广告通知等场景，可自定义图标，颜色，展现方式等。</text>
-		</uni-card>
-
-		<uni-section title="多行显示" type="line">
-			<uni-notice-bar text="uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" />
-		</uni-section>
-		<uni-section title="单行显示" subTitle="使用 single 属性单行显示通知" type="line">
-			<uni-notice-bar single text="uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" />
-		</uni-section>
-		<uni-section title="显示图标" subTitle="使用 show-icon 属性显示左侧小喇叭图标" type="line">
-			<uni-notice-bar show-icon text="uni-app发布，开发一次、7端覆盖！" />
-		</uni-section>
-		<uni-section title="文字滚动" subTitle="使用 scrollable 属性使通告滚动,此时 single 属性将失效,始终单行显示" type="line">
-			<uni-notice-bar show-icon scrollable
-				text="uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" />
-		</uni-section>
-		<uni-section title="查看更多" subTitle="使用 show-get-more 显示更多,此时 single 属性将失效,始终单行显示,如不配置 more-text 属性 ,将显示箭头图标"
-			type="line">
-			<uni-notice-bar show-get-more show-icon text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！" @getmore="getMore" />
-			<uni-notice-bar show-get-more show-icon more-text="查看更多" text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！"
-				@getmore="getMore" />
-		</uni-section>
-		<uni-section title="修改颜色" type="line">
-			<uni-notice-bar single color="#2979FF" background-color="#EAF2FF"
-				text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" />
-		</uni-section>
-		<uni-section title="关闭按钮" subTitle="使用 show-close 属性,可关闭通知" type="line">
-			<uni-notice-bar show-close single text="HBuilderX 1.0正式发布！uni-app实现里程碑突破实现里程碑突破！" />
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {}
-		},
-		created() {},
-		methods: {
-			getMore() {
-				uni.showToast({
-					title: '点击查看更多',
-					icon: 'none'
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.container {
-		/* #ifndef APP-NVUE */
-		position: absolute;
-		left: 0;
-		right: 0;
-		top: 0;
-		bottom: 0;
-		/* #endif */
-	}
-</style>
diff --git a/pages/extUI/number-box/number-box.nvue b/pages/extUI/number-box/number-box.nvue
deleted file mode 100644
index 414634f..0000000
--- a/pages/extUI/number-box/number-box.nvue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-	<view class="page">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">数字输入框组件多用于购物车加减商品等场景</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line" padding>
-			<uni-number-box @change="changeValue" />
-		</uni-section>
-		<uni-section :title="'使用v-model : '+ vModelValue" subTitle="使用 v-model 显示默认值" type="line" padding>
-			<uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" />
-		</uni-section>
-		<uni-section title="设置最小值和最大值" subTitle="使用 min \ max 属性设置最大最小值" type="line" padding>
-			<uni-number-box :min="2" :max="9" :value="555" />
-		</uni-section>
-		<uni-section title="设置步长（步长0.1)" subTitle="使用 step 属性设置步长" type="line" padding>
-			<uni-number-box :value="1.1" :step="0.1" />
-		</uni-section>
-		<uni-section title="自定义背景" type="line" subTitle="使用 background 属性设置自定义背景色" padding>
-			<uni-number-box :value="50" background="#2979FF" color="#fff" />
-		</uni-section>
-		<uni-section title="禁用状态" subTitle="使用 disabled 属性设置组件禁用" type="line" padding>
-			<uni-number-box :disabled="true" />
-		</uni-section>
-		<uni-section :title="'获取输入的值 : '+ numberValue" type="line" padding>
-			<uni-number-box :value="numberValue" @change="change" />
-		</uni-section>
-	</view>
-</template>
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				numberValue: 0,
-				vModelValue: 3
-			}
-		},
-		methods: {
-			change(value) {
-				this.numberValue = value
-			},
-			changeValue(value) {
-				console.log('返回数值：', value);
-			},
-			blur(e) {
-				console.log('-------blur:', e);
-			},
-			focus(e) {
-				console.log('-------focus:', e);
-			}
-
-		}
-	}
-</script>
-<style lang="scss">
-</style>
diff --git a/pages/extUI/pagination/pagination.vue b/pages/extUI/pagination/pagination.vue
deleted file mode 100644
index 754741d..0000000
--- a/pages/extUI/pagination/pagination.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-	<view>
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">分页器组件，用于展示页码、请求数据等</text>
-		</uni-card>
-		<uni-section title="默认样式" type="line" padding>
-			<uni-pagination :total="50" title="标题文字" />
-		</uni-section>
-		<uni-section title="修改按钮文字" subTitle="使用 prev-text / next-text 属性修改按钮文字" type="line" padding>
-			<uni-pagination :total="50" title="标题文字" prev-text="前一页" next-text="后一页" />
-		</uni-section>
-		<uni-section title="图标样式" subTitle="使用 show-icon 属性显示图标按钮" type="line" padding>
-			<uni-pagination :show-icon="true" :total="50" title="标题文字" />
-		</uni-section>
-		<uni-section title="修改数据长度" type="line" padding>
-			<uni-pagination :current="current" :total="total" title="标题文字" :show-icon="true" @change="change" />
-			<view class="btn-view">
-				<view>
-					<text class="example-info">当前页：{{ current }}，数据总量：{{ total }}条，每页数据：{{ pageSize }}</text>
-				</view>
-				<view class="btn-flex">
-					<button class="button word-btn" hover-class="word-btn--hover" :hover-start-time="20"
-						:hover-stay-time="70" @click="add"><text class="word-btn-white">增加10条数据</text></button>
-					<button class="button" type="default" @click="reset">重置数据</button>
-				</view>
-			</view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				current: 3,
-				total: 10,
-				pageSize: 10
-			}
-		},
-		mounted() {
-			setTimeout(() => {
-				this.current = 5
-			}, 3000)
-		},
-		methods: {
-			add() {
-				this.total += 10
-			},
-			reset() {
-				this.total = 0
-				this.current = 1
-			},
-			change(e) {
-				console.log(e)
-				this.current = e.current
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-	}
-
-	.btn-view {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		flex-direction: column;
-		/* #endif */
-		padding: 15px;
-		text-align: center;
-		background-color: #fff;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.btn-flex {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.button {
-		margin: 20px;
-		width: 150px;
-		font-size: 14px;
-		color: #333;
-	}
-</style>
diff --git a/pages/extUI/popup/popup.vue b/pages/extUI/popup/popup.vue
deleted file mode 100644
index 63bdd16..0000000
--- a/pages/extUI/popup/popup.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">弹出层组件用于弹出一个覆盖到页面上的内容，使用场景如：底部弹出分享弹窗、页面插屏广告等。</text>
-		</uni-card>
-		<uni-section title="基本示例" type="line">
-			<view class="example-body box">
-				<button class="button" type="primary" @click="toggle('top')"><text class="button-text">顶部</text></button>
-				<button class="button" type="primary" @click="toggle('bottom')"><text class="button-text">底部</text></button>
-				<button class="button" type="primary" @click="toggle('center')"><text class="button-text">居中</text></button>
-				<button class="button" type="primary" @click="toggle('left')"><text class="button-text">左侧</text></button>
-				<button class="button" type="primary" @click="toggle('right')"><text class="button-text">右侧</text></button>
-			</view>
-		</uni-section>
-
-		<uni-section title="提示消息" type="line">
-			<view class="example-body box">
-				<button class="button popup-success" @click="messageToggle('success')"><text
-						class="button-text success-text">成功</text></button>
-				<button class="button popup-error" @click="messageToggle('error')"><text
-						class="button-text error-text">失败</text></button>
-				<button class="button popup-warn" @click="messageToggle('warn')"><text
-						class="button-text warn-text">警告</text></button>
-				<button class="button popup-info" @click="messageToggle('info')"><text
-						class="button-text info-text">信息</text></button>
-			</view>
-		</uni-section>
-
-
-		<uni-section title="对话框示例" type="line" class="hideOnPc">
-			<view class="example-body box">
-				<button class="button popup-success" @click="dialogToggle('success')"><text
-						class="button-text success-text">成功</text></button>
-				<button class="button popup-error" @click="dialogToggle('error')"><text
-						class="button-text error-text">失败</text></button>
-				<button class="button popup-warn" @click="dialogToggle('warn')"><text
-						class="button-text warn-text">警告</text></button>
-				<button class="button popup-info" @click="dialogToggle('info')"><text
-						class="button-text info-text">信息</text></button>
-			</view>
-		</uni-section>
-
-		<uni-section title="输入框示例" type="line" padding>
-			<view class="dialog-box">
-				<text class="dialog-text">输入内容：{{ value }}</text>
-			</view>
-			<button class="button" type="primary" @click="inputDialogToggle"><text
-					class="button-text">输入对话框</text></button>
-
-		</uni-section>
-		<uni-section title="底部分享示例" type="line" padding>
-			<button class="button" type="primary" @click="shareToggle"><text class="button-text">分享模版示例</text></button>
-		</uni-section>
-		<view>
-			<!-- 普通弹窗 -->
-			<uni-popup ref="popup" background-color="#fff" @change="change">
-				<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }"><text
-						class="text">popup 内容</text></view>
-			</uni-popup>
-		</view>
-
-		<view>
-			<!-- 提示信息弹窗 -->
-			<uni-popup ref="message" type="message">
-				<uni-popup-message :type="msgType" :message="messageText" :duration="2000"></uni-popup-message>
-			</uni-popup>
-		</view>
-
-		<view>
-			<!-- 提示窗示例 -->
-			<uni-popup ref="alertDialog" type="dialog">
-				<uni-popup-dialog :type="msgType" cancelText="关闭" confirmText="同意" title="通知" content="欢迎使用 uni-popup!" @confirm="dialogConfirm"
-					@close="dialogClose"></uni-popup-dialog>
-			</uni-popup>
-		</view>
-
-		<view>
-			<!-- 输入框示例 -->
-			<uni-popup ref="inputDialog" type="dialog">
-				<uni-popup-dialog ref="inputClose"  mode="input" title="输入内容" value="对话框预置提示内容!"
-					placeholder="请输入内容" @confirm="dialogInputConfirm"></uni-popup-dialog>
-			</uni-popup>
-		</view>
-
-		<view>
-			<!-- 分享示例 -->
-			<uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
-				<uni-popup-share></uni-popup-share>
-			</uni-popup>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				type: 'center',
-				msgType: 'success',
-				messageText: '这是一条成功提示',
-				value: ''
-			}
-		},
-		onReady() {},
-		methods: {
-			change(e) {
-				console.log('当前模式：' + e.type + ',状态：' + e.show);
-			},
-			toggle(type) {
-				this.type = type
-				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
-				this.$refs.popup.open(type)
-			},
-			messageToggle(type) {
-				this.msgType = type
-				this.messageText = `这是一条${type}消息提示`
-				this.$refs.message.open()
-			},
-			dialogToggle(type) {
-				this.msgType = type
-				this.$refs.alertDialog.open()
-			},
-			dialogConfirm() {
-				console.log('点击确认')
-				this.messageText = `点击确认了 ${this.msgType} 窗口`
-				this.$refs.message.open()
-			},
-			inputDialogToggle() {
-				this.$refs.inputDialog.open()
-			},
-			dialogClose() {
-				console.log('点击关闭')
-			},
-			dialogInputConfirm(val) {
-				uni.showLoading({
-					title: '3秒后会关闭'
-				})
-
-				setTimeout(() => {
-					uni.hideLoading()
-					console.log(val)
-					this.value = val
-					// 关闭窗口后，恢复默认内容
-					this.$refs.inputDialog.close()
-				}, 3000)
-			},
-			shareToggle() {
-				this.$refs.share.open()
-			}
-		}
-	}
-</script>
-<style lang="scss">
-	@mixin flex {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-	}
-
-	@mixin height {
-		/* #ifndef APP-NVUE */
-		height: 100%;
-		/* #endif */
-		/* #ifdef APP-NVUE */
-		flex: 1;
-		/* #endif */
-	}
-
-	.box {
-		@include flex;
-	}
-
-	.button {
-		@include flex;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-		height: 35px;
-		margin: 0 5px;
-		border-radius: 5px;
-	}
-
-	.example-body {
-		background-color: #fff;
-		padding: 10px 0;
-	}
-
-	.button-text {
-		color: #fff;
-		font-size: 12px;
-	}
-
-	.popup-content {
-		@include flex;
-		align-items: center;
-		justify-content: center;
-		padding: 15px;
-		height: 50px;
-		background-color: #fff;
-	}
-
-	.popup-height {
-		@include height;
-		width: 200px;
-	}
-
-	.text {
-		font-size: 12px;
-		color: #333;
-	}
-
-	.popup-success {
-		color: #fff;
-		background-color: #e1f3d8;
-	}
-
-	.popup-warn {
-		color: #fff;
-		background-color: #faecd8;
-	}
-
-	.popup-error {
-		color: #fff;
-		background-color: #fde2e2;
-	}
-
-	.popup-info {
-		color: #fff;
-		background-color: #f2f6fc;
-	}
-
-	.success-text {
-		color: #09bb07;
-	}
-
-	.warn-text {
-		color: #e6a23c;
-	}
-
-	.error-text {
-		color: #f56c6c;
-	}
-
-	.info-text {
-		color: #909399;
-	}
-
-	.dialog,
-	.share {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-	}
-
-	.dialog-box {
-		padding: 10px;
-	}
-
-	.dialog .button,
-	.share .button {
-		/* #ifndef APP-NVUE */
-		width: 100%;
-		/* #endif */
-		margin: 0;
-		margin-top: 10px;
-		padding: 3px 0;
-		flex: 1;
-	}
-
-	.dialog-text {
-		font-size: 14px;
-		color: #333;
-	}
-</style>
diff --git a/pages/extUI/radius/radius.nvue b/pages/extUI/radius/radius.nvue
deleted file mode 100644
index 64585c8..0000000
--- a/pages/extUI/radius/radius.nvue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<view class="header"><text class="uni-h6">使用边框半径辅助样式对元素快速应用</text> <text
-					class="uni-primary uni-px-3 uni-h6">border-radius</text> <text class="uni-h6">样式。</text></view>
-			<view class="uni-mt-5 header" ><text class="uni-h6">规则为</text> <text
-					class="uni-primary uni-pl-3 uni-h6">uni-radius-${direction}-${size}</text></view>
-			<view class="uni-mt-5 header"><text class="uni-h6">如果需要四边，则不需要指定</text> <text class="uni-primary uni-pl-3 uni-h6">direction</text></view>
-			<view class="uni-mt-5"><text class="uni-h6">各值的含义请参考文档</text></view>
-		</uni-card>
-		<uni-section title="效果展示" type="line">
-			<view class="margin">
-				<view class="box uni-primary-bg uni-ma-5" :class="[radiusClass]">
-					<text class="uni-white">通过下面的选项控制圆角</text>
-				</view>
-			</view>
-			<view class="actions uni-mt-10">
-				<text class="action-label">位置</text>
-				<uni-data-checkbox v-model="formData.direction" multiple :localdata="directionData"
-					@change="change($event,1)"></uni-data-checkbox>
-			</view>
-			<view class="actions uni-mt-3 uni-mb-10">
-				<text class="action-label">大小</text>
-				<uni-data-checkbox v-model="formData.size" :localdata="sizeData" @change="change($event,2)">
-				</uni-data-checkbox>
-			</view>
-		</uni-section>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				radiusClass: 'uni-radius-lg',
-				formData: {
-					direction: ['t', 'b'],
-					size: 'lg'
-				},
-				directionData: [{
-					value: 't',
-					text: '左上+右上'
-				}, {
-					value: 'r',
-					text: '右上+右下'
-				}, {
-					value: 'b',
-					text: '左下+右下'
-				}, {
-					value: 'l',
-					text: '右上+左下'
-				}, {
-					value: 'tl',
-					text: '左上'
-				}, {
-					value: 'tr',
-					text: '右上'
-				}, {
-					value: 'bl',
-					text: '左下'
-				}, {
-					value: 'br',
-					text: '右下'
-				}],
-				sizeData: [{
-					value: '0',
-					text: '无'
-				}, {
-					value: 'sm',
-					text: '小'
-				}, {
-					value: 'lg',
-					text: '常规'
-				}, {
-					value: 'xl',
-					text: '大'
-				}, {
-					value: 'circle',
-					text: '圆'
-				}, {
-					value: 'pill',
-					text: '最大化'
-				}]
-			}
-		},
-		onLoad() {},
-		methods: {
-			change(e, type) {
-				let {
-					direction,
-					size
-				} = this.formData
-				this.radiusClass = ''
-				direction.forEach(v => {
-					this.radiusClass += `uni-radius-${v}-${size} `
-				})
-			}
-		}
-	}
-</script>
-<style>
-	.header {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-	}
-	.margin {
-		display: flex;
-		height: 200px;
-		margin: 10px;
-		overflow: hidden;
-		border-radius: 5px;
-		border: 1px #eee solid;
-		/* #ifndef APP-NVUE */
-		box-sizing: border-box;
-		/* #endif */
-	}
-
-	.margin-item {
-		display: flex;
-		flex: 1;
-	}
-
-	.box {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
-	.actions {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.action-label {
-		/* #ifndef APP-NVUE */
-		flex-shrink: 0;
-		/* #endif */
-		width: 50px;
-		margin-left: 10px;
-		margin-right: 10px;
-		font-size: 12px;
-	}
-</style>
diff --git a/pages/extUI/rate/rate.nvue b/pages/extUI/rate/rate.nvue
deleted file mode 100644
index 4e1bdb4..0000000
--- a/pages/extUI/rate/rate.nvue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">评分组件多用于商品评价打分、服务态度评价、用户满意度等场景。</text>
-		</uni-card>
-		<uni-section title="基本用法" type="line" padding>
-			<uni-rate v-model="rateValue" @change="onChange" />
-		</uni-section>
-		<uni-section title="不支持滑动手势选择评分" subTitle="设置 touchable 属性控制是否开启手势选择" type="line" padding>
-			<uni-rate :touchable="false" :value="5" @change="onChange" />
-		</uni-section>
-		<uni-section title="设置尺寸大小" subTitle="设置 size 属性控制组件大小" type="line" padding>
-			<uni-rate size="18" :value="5" />
-		</uni-section>
-		<uni-section title="设置评分数" subTitle="设置 max 属性控制组件最大星星数量" type="line" padding>
-			<uni-rate :max="10" :value="5" />
-		</uni-section>
-		<uni-section title="设置星星间隔" subTitle="设置 margin 属性控制星星间隔" type="line" padding>
-			<uni-rate :value="4" margin="20" />
-		</uni-section>
-		<uni-section title="设置颜色" subTitle="使用 color 属性设置星星颜色" type="line" padding>
-			<uni-rate :value="3" color="#bbb" active-color="red" />
-		</uni-section>
-		<uni-section title="半星" subTitle="使用 allow-half 属性设置是否显示半星" type="line" padding>
-			<uni-rate allow-half :value="3.5" />
-		</uni-section>
-		<uni-section title="只读状态" subTitle="使用 readonly 属性设置组件只读" type="line" padding>
-			<uni-rate :readonly="true" :value="2" />
-		</uni-section>
-		<uni-section title="禁用状态" subTitle="使用 disabled 属性设置组件禁用" type="line" padding>
-			<uni-rate :disabled="true" disabledColor="#ccc" :value="3" />
-		</uni-section>
-		<uni-section title="未选中的星星为镂空状态" subTitle="使用 is-fill 属性设置星星镂空" type="line" padding>
-			<uni-rate :value="3" :is-fill="false" />
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				rateValue: 0
-			}
-		},
-		onLoad() {
-			// 模拟动态赋值
-			setTimeout(() => {
-				this.rateValue = 3
-			}, 1000)
-		},
-		methods: {
-			onChange(e) {
-				console.log('rate发生改变:' + JSON.stringify(e))
-				// console.log(this.rateValue);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-</style>
diff --git a/pages/extUI/row/row.vue b/pages/extUI/row/row.vue
deleted file mode 100644
index fe370bc..0000000
--- a/pages/extUI/row/row.vue
+++ /dev/null
@@ -1,230 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<!-- #ifndef APP-NVUE -->
-			<text class="uni-h6"> 流式栅格系统，随着屏幕或视口分为 24 份，可以迅速简便地创建布局</text>
-			<!-- #endif -->
-			<!-- #ifdef APP-NVUE -->
-			<text class="uni-h6"> 流式栅格系统，在nvue不可使用媒体查询</text>
-			<!-- #endif -->
-		</uni-card>
-
-		<uni-section title="基础布局" subTitle="使用单一分栏创建基础的栅格布局" type="line">
-			<view class="example-body">
-				<uni-row class="demo-uni-row" :width="nvueWidth">
-					<uni-col>
-						<view class="demo-uni-col dark_deep"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :width="nvueWidth">
-					<uni-col :span="12">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="12">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :width="nvueWidth">
-					<uni-col :span="8">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="8">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :span="8">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :width="nvueWidth">
-					<uni-col :span="6">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="6">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :span="6">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="6">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :width="nvueWidth">
-					<uni-col :span="4">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-			</view>
-		</uni-section>
-
-
-		<uni-section title="混合布局" subTitle="通过基础的 1/24 分栏任意扩展组合形成较为复杂的混合布局" type="line">
-			<view class="example-body">
-				<uni-row class="demo-uni-row" :gutter="gutter" :width="nvueWidth">
-					<uni-col :span="8">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="8">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :gutter="gutter" :width="nvueWidth">
-					<uni-col :span="4">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="16">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :span="4">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-				</uni-row>
-			</view>
-		</uni-section>
-
-
-		<uni-section title="分栏偏移" subTitle="支持偏移指定的栏数" type="line">
-			<view class="example-body">
-				<uni-row class="demo-uni-row" :gutter="gutter" :width="nvueWidth">
-					<uni-col :span="8">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="8" :offset="6">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :gutter="gutter" :width="nvueWidth">
-					<uni-col :span="6" :offset="6">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="6" :offset="6">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :gutter="gutter" :width="nvueWidth">
-					<uni-col :span="12" :pull="6">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :span="6" :push="6">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-
-				<uni-row class="demo-uni-row" :gutter="gutter" :width="nvueWidth">
-					<uni-col :span="12" :offset="6">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-				</uni-row>
-			</view>
-		</uni-section>
-
-
-		<!-- #ifndef APP-NVUE -->
-		<uni-section title="响应式布局" subTitle="共五个响应尺寸：xs、sm、md、lg 和 xl" type="line">
-			<view class="example-body">
-				<uni-row class="demo-uni-row" :gutter="gutter">
-					<uni-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :xs="4" :sm="6" :md="8" :lg="9" :xl="11">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-					<uni-col :xs="4" :sm="6" :md="8" :lg="9" :xl="11">
-						<view class="demo-uni-col dark"></view>
-					</uni-col>
-					<uni-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
-						<view class="demo-uni-col light"></view>
-					</uni-col>
-				</uni-row>
-			</view>
-		</uni-section>
-
-		<!-- #endif -->
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				gutter: 0,
-				nvueWidth: 730
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.demo-uni-row {
-		margin-bottom: 10px;
-
-		// 组件在小程序端display为inline
-		// QQ、字节小程序文档写有 :host，但实测不生效
-		// 百度小程序没有 :host
-		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
-		display: block;
-		/* #endif */
-	}
-
-	// 支付宝小程序没有 demo-uni-row 层级
-	// 微信小程序使用了虚拟化节点，没有 demo-uni-row 层级
-	/* #ifdef MP-ALIPAY || MP-WEIXIN */
-	::v-deep .uni-row {
-		margin-bottom: 10px;
-	}
-
-	/* #endif */
-
-	.demo-uni-col {
-		height: 36px;
-		border-radius: 5px;
-	}
-
-	.dark_deep {
-		background-color: #99a9bf;
-	}
-
-	.dark {
-		background-color: #d3dce6;
-	}
-
-	.light {
-		background-color: #e5e9f2;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		padding: 5rpx 10rpx 0;
-		overflow: hidden;
-	}
-</style>
diff --git a/pages/extUI/search-bar/search-bar.vue b/pages/extUI/search-bar/search-bar.vue
deleted file mode 100644
index e99e6b4..0000000
--- a/pages/extUI/search-bar/search-bar.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<view>
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">搜索栏组件，通常用于搜索商品、文章等。</text>
-		</uni-card>
-
-		<uni-section title="基本用法" type="line">
-			<uni-search-bar @confirm="search" :focus="true" v-model="searchValue" @blur="blur" @focus="focus" @input="input"
-				@cancel="cancel" @clear="clear">
-			</uni-search-bar>
-			<view class="search-result">
-				<text class="search-result-text">当前输入为：{{ searchValue }}</text>
-			</view>
-
-		</uni-section>
-
-		<uni-section title="自定义样式" subTitle="使用 bgColor 属性自定义背景色" type="line">
-			<uni-search-bar placeholder="自定义背景色" bgColor="#EEEEEE" @confirm="search" />
-		</uni-section>
-		<uni-section title="自定义icon" type="line">
-			<uni-search-bar placeholder="自定义searchIcon" @confirm="search" @cancel="cancel" cancel-text="cancel">
-				<uni-icons v-slot:searchIcon color="#999999" size="18" type="home" />
-			</uni-search-bar>
-		</uni-section>
-		<uni-section title="控制清除/取消按钮" subTitle="使用 clearButton 属性设置清除按钮" type="line">
-			<uni-search-bar radius="5" placeholder="一直显示" clearButton="always" cancelButton="always" @confirm="search"
-				@cancel="cancel" />
-			<uni-search-bar class="uni-mt-10" radius="5" placeholder="自动显示隐藏" clearButton="auto" cancelButton="none" @confirm="search" />
-			<uni-search-bar class="uni-mt-10" radius="100" placeholder="一直不显示" clearButton="none" cancelButton="none" @confirm="search" />
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				searchValue: '123123'
-			}
-		},
-		methods: {
-			search(res) {
-				uni.showToast({
-					title: '搜索：' + res.value,
-					icon: 'none'
-				})
-			},
-			input(res) {
-				console.log('----input:', res)
-			},
-			clear(res) {
-				uni.showToast({
-					title: 'clear事件，清除值为：' + res.value,
-					icon: 'none'
-				})
-			},
-			blur(res) {
-				uni.showToast({
-					title: 'blur事件，输入值为：' + res.value,
-					icon: 'none'
-				})
-			},
-			focus(e) {
-				uni.showToast({
-					title: 'focus事件，输出值为：' + e.value,
-					icon: 'none'
-				})
-			},
-			cancel(res) {
-				uni.showToast({
-					title: '点击取消，输入值为：' + res.value,
-					icon: 'none'
-				})
-			}
-		},
-		onBackPress() {
-			// #ifdef APP-PLUS
-			plus.key.hideSoftKeybord();
-			// #endif
-		}
-	}
-</script>
-
-<style lang="scss">
-
-	.search-result {
-		padding-top: 10px;
-		padding-bottom: 20px;
-		text-align: center;
-	}
-
-	.search-result-text {
-		text-align: center;
-		font-size: 14px;
-		color:#666;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		padding: 0px;
-	}
-
-	.uni-mt-10 {
-		margin-top: 10px;
-	}
-</style>
diff --git a/pages/extUI/section/section.vue b/pages/extUI/section/section.vue
deleted file mode 100644
index c09dbd0..0000000
--- a/pages/extUI/section/section.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<view class="uni-wrap">
-		<scroll-view class="scroll" scroll-y>
-			<view class="example-info">
-				<text class="example-info-text"> uni-section 组件主要用于文章、列表详情的等标题展示 </text>
-			</view>
-			<uni-section class="uni-section" title="基础用法" sub-title="副标题"></uni-section>
-			<view class="example-body">
-				<uni-list>
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-				</uni-list>
-			</view>
-			<uni-section title="竖线装饰" sub-title="副标题" type="line"></uni-section>
-			<view class="example-body">
-				<uni-list>
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-				</uni-list>
-			</view>
-			<uni-section title="圆形装饰" sub-title="副标题" type="circle"></uni-section>
-			<view class="example-body">
-				<uni-list>
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-					<uni-list-item title="item" />
-				</uni-list>
-			</view>
-		</scroll-view>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				appear: false,
-			}
-		},
-		onReady() {
-
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-
-	.uni-wrap {
-		flex-direction: column;
-		/* #ifdef H5 */
-		height: calc(100vh - 44px);
-		/* #endif */
-		/* #ifndef H5 */
-		height: 100vh;
-		/* #endif */
-		flex: 1;
-	}
-
-	.scroll {
-		flex-direction: column;
-		flex: 1;
-	}
-
-	.example-body {
-		padding: 0;
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-	}
-</style>
diff --git a/pages/extUI/segmented-control/segmented-control.vue b/pages/extUI/segmented-control/segmented-control.vue
deleted file mode 100644
index 9ab7827..0000000
--- a/pages/extUI/segmented-control/segmented-control.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-	<view>
-		<uni-card is-full>
-			<text class="uni-h6">标签组件多用于商品分类、重点内容显示等场景。</text>
-		</uni-card>
-
-		<uni-section title="实心标签" type="line">
-			<view class="uni-padding-wrap uni-common-mt">
-				<uni-segmented-control :current="current" :values="items" :style-type="styleType"
-					:active-color="activeColor" @clickItem="onClickItem" />
-			</view>
-			<view class="content">
-				<view v-if="current === 0"><text class="content-text">选项卡1的内容</text></view>
-				<view v-if="current === 1"><text class="content-text">选项卡2的内容</text></view>
-				<view v-if="current === 2"><text class="content-text">选项卡3的内容</text></view>
-			</view>
-		</uni-section>
-
-		<uni-section title="Style" type="line"></uni-section>
-		<view class="example-body">
-			<radio-group class="uni-list" @change="styleChange">
-				<view v-for="(item, index) in styles" :key="index" class="uni-list-item">
-					<view class="uni-list-item__container">
-						<view class="uni-list-item__content">
-							<text class="uni-list-item__content-title">{{ item.text }}</text>
-						</view>
-						<view class="uni-list-item__extra">
-							<radio :value="item.value" :checked="item.checked" />
-						</view>
-					</view>
-				</view>
-			</radio-group>
-		</view>
-		<uni-section title="Color" type="line"></uni-section>
-		<view class="example-body">
-			<radio-group class="uni-list" @change="colorChange">
-				<view v-for="(item, index) in colors" :key="index" class="uni-list-item">
-					<view class="uni-list-item__container">
-						<view class="uni-list-item__content">
-							<view :style="{ backgroundColor: item }" class="color-tag" />
-						</view>
-						<view class="uni-list-item__extra">
-							<radio :value="item" :checked="index === colorIndex" />
-						</view>
-					</view>
-				</view>
-			</radio-group>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				items: ['选项卡1', '选项卡2', '选项卡3'],
-				styles: [{
-						value: 'button',
-						text: '按钮',
-						checked: true
-					},
-					{
-						value: 'text',
-						text: '文字'
-					}
-				],
-				colors: ['#007aff', '#4cd964', '#dd524d'],
-				current: 0,
-				colorIndex: 0,
-				activeColor: '#007aff',
-				styleType: 'button'
-			}
-		},
-		methods: {
-			onClickItem(e) {
-				if (this.current !== e.currentIndex) {
-					this.current = e.currentIndex
-				}
-			},
-			styleChange(e) {
-				if (this.styleType !== e.detail.value) {
-					this.styleType = e.detail.value
-				}
-			},
-			colorChange(e) {
-				if (this.styleType !== e.detail.value) {
-					console.log(e.detail.value);
-					this.activeColor = e.detail.value
-				}
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		padding: 0;
-	}
-
-	.uni-common-mt {
-		margin-top: 30px;
-	}
-
-	.uni-padding-wrap {
-		// width: 750rpx;
-		padding: 0px 30px;
-	}
-
-	.content {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		justify-content: center;
-		align-items: center;
-		height: 150px;
-		text-align: center;
-	}
-
-	.content-text {
-		font-size: 14px;
-		color: #666;
-	}
-
-	.color-tag {
-		width: 25px;
-		height: 25px;
-	}
-
-	.uni-list {
-		flex: 1;
-	}
-
-	.uni-list-item {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex: 1;
-		flex-direction: row;
-		background-color: #FFFFFF;
-	}
-
-
-	.uni-list-item__container {
-		padding: 12px 15px;
-		width: 100%;
-		flex: 1;
-		position: relative;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		box-sizing: border-box;
-		/* #endif */
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		border-bottom-style: solid;
-		border-bottom-width: 1px;
-		border-bottom-color: #eee;
-	}
-
-	.uni-list-item__content-title {
-		font-size: 14px;
-	}
-</style>
diff --git a/pages/extUI/space/space.nvue b/pages/extUI/space/space.nvue
deleted file mode 100644
index 0173168..0000000
--- a/pages/extUI/space/space.nvue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<view class="header">
-				<text class="uni-h6">使用间距辅助类对元素快速应用</text> <text class="uni-primary uni-px-3 uni-h6">margin</text><text
-					class="uni-h6"> 或 </text><text class="uni-primary uni-px-3 uni-h6">padding</text> <text
-					class="uni-h6">样式， 范围是从 0 到 16。</text>
-			</view>
-			<view class="header uni-mt-5"><text class="uni-h6">规则为</text> <text
-					class="uni-primary uni-pl-3 uni-h6">uni-${property}${direction}-${size}</text>
-			</view>
-			<view class="uni-mt-5"><text class="uni-h6">各值的含义请参考文档</text></view>
-		</uni-card>
-		<uni-section title="效果展示" type="line">
-			<view class="margin">
-				<view class="margin-item uni-border-4-bg" :class="[paddingClass,marginClass]">
-					<view class="box uni-primary-bg">
-						<text class="uni-white uni-body">通过下面的选项控制边距</text>
-					</view>
-				</view>
-			</view>
-			<view class="actions uni-mt-10">
-				<text class="action-label">外边距</text>
-				<uni-data-checkbox v-model="formData.margin" multiple :localdata="directionData"
-					@change="change($event,1)"></uni-data-checkbox>
-			</view>
-			<view class="actions uni-mt-3 uni-mb-10">
-				<text class="action-label">外边距大小</text>
-				<uni-data-checkbox v-model="formData.marginSize" :localdata="sizeData" @change="change($event,1)">
-				</uni-data-checkbox>
-			</view>
-			<view class="actions">
-				<text class="action-label">内边距</text>
-				<uni-data-checkbox v-model="formData.padding" multiple :localdata="directionData"
-					@change="change($event,2)"></uni-data-checkbox>
-			</view>
-			<view class="actions uni-mt-3 uni-mb-10">
-				<text class="action-label">内边距大小</text>
-				<uni-data-checkbox v-model="formData.paddingSize" :localdata="sizeData" @change="change($event,3)">
-				</uni-data-checkbox>
-			</view>
-		</uni-section>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				paddingClass: 'uni-pa-5',
-				marginClass: 'uni-ma-5',
-				formData: {
-					margin: ['t', 'r', 'l', 'b'],
-					marginSize: '5',
-					padding: ['t', 'r', 'l', 'b'],
-					paddingSize: '5',
-				},
-				directionData: [{
-					value: 't',
-					text: '上'
-				}, {
-					value: 'r',
-					text: '右'
-				}, {
-					value: 'b',
-					text: '下'
-				}, {
-					value: 'l',
-					text: '左'
-				}],
-				sizeData: [{
-					value: '0',
-					text: '0'
-				}, {
-					value: '2',
-					text: '4px'
-				}, {
-					value: '5',
-					text: '10px'
-				}, {
-					value: '10',
-					text: '20px'
-				}]
-			}
-		},
-		onLoad() {},
-		methods: {
-			change(e, type) {
-				let {
-					margin,
-					marginSize,
-					padding,
-					paddingSize
-				} = this.formData
-				this.marginClass = ''
-				this.paddingClass = ''
-				margin.forEach(v => {
-					this.marginClass += `uni-m${v}-${marginSize} `
-				})
-				padding.forEach(v => {
-					this.marginClass += `uni-p${v}-${paddingSize} `
-				})
-			}
-		}
-	}
-</script>
-<style lang="scss">
-	.header {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-	}
-	.margin {
-		display: flex;
-		height: 200px;
-		margin: 10px;
-		overflow: hidden;
-		border-radius: 5px;
-		border: 1px #eee solid;
-		/* #ifndef APP-NVUE */
-		box-sizing: border-box;
-		/* #endif */
-	}
-
-	.margin-item {
-		display: flex;
-		flex: 1;
-	}
-
-	.box {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		flex: 1;
-	}
-
-	.actions {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.action-label {
-		/* #ifndef APP-NVUE */
-		flex-shrink: 0;
-		/* #endif */
-		width: 70px;
-		margin-left: 10px;
-		margin-right: 10px;
-		font-size: 12px;
-	}
-</style>
diff --git a/pages/extUI/steps/steps.vue b/pages/extUI/steps/steps.vue
deleted file mode 100644
index 612238a..0000000
--- a/pages/extUI/steps/steps.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-	<view>
-		<uni-section title="基本用法" type="line" padding>
-			<uni-steps :options="list1" :active="active" />
-		</uni-section>
-		<uni-section title="自定义图标" type="line" padding>
-			<uni-steps :options="list1" active-icon="checkbox" :active="active" />
-		</uni-section>
-		<uni-section title="自定义图标" type="line" padding>
-			<uni-steps :options="list1" active-icon="medal" :active="active" />
-		</uni-section>
-		<uni-section title="纵向排列" type="line" padding>
-			<uni-steps :options="list2" active-color="#007AFF" :active="active" direction="column" />
-		</uni-section>
-		<button type="primary" size="mini" style="margin: 30px 10px; width: 100px;" @click="change">改变状态</button>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				active: 1,
-				list1: [{
-					title: '事件一'
-				}, {
-					title: '事件二'
-				}, {
-					title: '事件三'
-				}, {
-					title: '事件四'
-				}],
-				list2: [{
-					title: '买家下单',
-					desc: '2018-11-11'
-				}, {
-					title: '卖家发货',
-					desc: '2018-11-12'
-				}, {
-					title: '买家签收',
-					desc: '2018-11-13'
-				}, {
-					title: '交易完成',
-					desc: '2018-11-14'
-				}]
-			}
-		},
-		methods: {
-			change() {
-				if (this.active < this.list1.length - 1) {
-					this.active += 1
-				} else {
-					this.active = 0
-				}
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.status-btn {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		justify-content: center;
-		height: 92rpx;
-		margin: 30rpx;
-		background-color: #007AFF;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		padding: 15px;
-		flex-direction: row;
-	}
-</style>
diff --git a/pages/extUI/swipe-action/swipe-action.vue b/pages/extUI/swipe-action/swipe-action.vue
deleted file mode 100644
index d5e924d..0000000
--- a/pages/extUI/swipe-action/swipe-action.vue
+++ /dev/null
@@ -1,350 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">通过滑动触发选项的容器，容器内可放置列表等组件，通过左右滑动来触发一些操作。</text>
-		</uni-card>
-		<uni-section
-		    title="基本用法"
-		    type="line"
-		></uni-section>
-		<uni-swipe-action>
-			<uni-swipe-action-item
-			    :left-options="options2"
-			    :threshold="0"
-			    :right-options="options1"
-			    @click="bindClick"
-			>
-				<view class="content-box" @click="contentClick">
-					<text class="content-text">使用数据填充</text>
-				</view>
-			</uni-swipe-action-item>
-			<uni-swipe-action-item @click="bindClick">
-				<template v-slot:left>
-					<view class="slot-button">
-						<text
-						    class="slot-button-text"
-						    @click="bindClick({position:'left',content:{text:'置顶'}})"
-						>置顶</text>
-					</view>
-				</template>
-				<view class="content-box" @click="contentClick">
-					<text class="content-text">使用左右插槽</text>
-				</view>
-				<template v-slot:right>
-					<view class="slot-button" @click="bindClick({position:'right',content:{text:'删除'}})"><text class="slot-button-text">删除</text></view>
-				</template>
-			</uni-swipe-action-item>
-			<uni-swipe-action-item
-			    :right-options="options1"
-			    @click="bindClick"
-			>
-				<template v-slot:left>
-					<view class="slot-button"><text
-						    class="slot-button-text"
-						    @click="bindClick({position:'left',content:{text:'置顶'}})"
-						>置顶</text></view>
-				</template>
-				<view class="content-box" @click="contentClick">
-					<text class="content-text">数据与插槽混合使用</text>
-				</view>
-			</uni-swipe-action-item>
-		</uni-swipe-action>
-		<uni-section
-		    title="禁止滑动"
-		    type="line"
-		></uni-section>
-		<uni-swipe-action>
-			<uni-swipe-action-item :disabled="true">
-				<view class="content-box">
-					<text class="content-text">禁止左右滚动</text>
-				</view>
-			</uni-swipe-action-item>
-		</uni-swipe-action>
-		<uni-section
-		    title="使用变量控制开关"
-		    type="line"
-		></uni-section>
-		<view class="example-body">
-			<view
-			    class="button"
-			    @click="setOpened"
-			>
-				<text class="button-text">当前状态：{{ isOpened }}</text>
-			</view>
-		</view>
-		<uni-swipe-action>
-			<uni-swipe-action-item
-			    :left-options="options2"
-			    :right-options="options2"
-			    :show="isOpened"
-			    :auto-close="false"
-			    @change="change"
-			    @click="bindClick"
-			>
-				<view class="content-box">
-					<text class="content-text">使用变量控制SwipeAction的开启状态</text>
-				</view>
-			</uni-swipe-action-item>
-		</uni-swipe-action>
-
-		<uni-section
-		    title="swipe-action 列表"
-		    type="line"
-		></uni-section>
-		<uni-swipe-action ref="swipeAction">
-			<uni-swipe-action-item
-			    v-for="(item, index) in swipeList"
-			    :right-options="item.options"
-			    :key="item.id"
-			    @change="swipeChange($event, index)"
-			    @click="swipeClick($event, index)"
-			>
-				<view class="content-box">
-					<text class="content-text">{{ item.content }}</text>
-				</view>
-			</uni-swipe-action-item>
-		</uni-swipe-action>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				show: false,
-				isOpened: 'none',
-				options1: [{
-					text: '取消置顶'
-				}],
-				options2: [{
-						text: '取消',
-						style: {
-							backgroundColor: '#007aff'
-						}
-					},
-					{
-						text: '确认',
-						style: {
-							backgroundColor: '#F56C6C'
-						}
-					}
-				],
-				swipeList: [{
-						options: [{
-							text: '添加',
-							style: {
-								backgroundColor: '#F56C6C'
-							}
-						}],
-						id: 0,
-						content: '左滑点击添加新增一条数据'
-					},
-					{
-						id: 1,
-						options: [{
-								text: '置顶'
-							},
-							{
-								text: '删除',
-								style: {
-									backgroundColor: 'rgb(255,58,49)'
-								}
-							}
-						],
-						content: 'item2'
-					},
-					{
-						id: 2,
-						options: [{
-								text: '置顶'
-							},
-							{
-								text: '标记为已读',
-								style: {
-									backgroundColor: 'rgb(254,156,1)'
-								}
-							},
-							{
-								text: '删除',
-								style: {
-									backgroundColor: 'rgb(255,58,49)'
-								}
-							}
-						],
-						content: 'item3'
-					}
-				]
-			};
-		},
-		onReady() {
-			// 模拟延迟赋值
-			setTimeout(() => {
-				this.isOpened = 'right';
-			}, 1000);
-			
-			uni.$on('update',res=>{
-				console.log(111);
-				this.swipeClick({
-					content:{
-						text:'添加'
-					}
-				})
-			})
-		},
-		methods: {
-			contentClick(){
-				console.log('点击内容');
-				uni.showToast({
-					title:'点击内容',
-					icon:'none'
-				})
-			},
-			bindClick(e) {
-				console.log(e);
-				uni.showToast({
-					title: `点击了${e.position === 'left' ? '左侧' : '右侧'} ${e.content.text}按钮`,
-					icon: 'none'
-				});
-			},
-			setOpened() {
-				if (this.isOpened === 'none') {
-					this.isOpened = 'left';
-					return;
-				}
-				if (this.isOpened === 'left') {
-					this.isOpened = 'right';
-					return;
-				}
-				if (this.isOpened === 'right') {
-					this.isOpened = 'none';
-					return;
-				}
-			},
-			change(e) {
-				this.isOpened = e;
-				console.log('返回：', e);
-			},
-			swipeChange(e, index) {
-				console.log('返回：', e);
-				console.log('当前索引：', index);
-			},
-			swipeClick(e, index) {
-				let {
-					content
-				} = e;
-				if (content.text === '删除') {
-					uni.showModal({
-						title: '提示',
-						content: '是否删除',
-						success: res => {
-							if (res.confirm) {
-								this.swipeList.splice(index, 1);
-							} else if (res.cancel) {
-								console.log('用户点击取消');
-							}
-						}
-					});
-				} else if (content.text === '添加') {
-					if (this.swipeList.length < 10) {
-						this.swipeList.push({
-							id: new Date().getTime(),
-							options: [{
-									text: '置顶'
-								},
-								{
-									text: '标记为已读',
-									style: {
-										backgroundColor: 'rgb(254,156,1)'
-									}
-								},
-								{
-									text: '删除',
-									style: {
-										backgroundColor: 'rgb(255,58,49)'
-									}
-								}
-							],
-							content: '新增' + new Date().getTime()
-						});
-						uni.showToast({
-							title: `添加了一条数据`,
-							icon: 'none'
-						});
-					} else {
-						uni.showToast({
-							title: `最多添加十条数据`,
-							icon: 'none'
-						});
-					}
-				} else {
-					uni.showToast({
-						title: `点击了${e.content.text}按钮`,
-						icon: 'none'
-					});
-				}
-			}
-		}
-	};
-</script>
-
-<style lang="scss">
-	.content-box {
-		flex: 1;
-		/* #ifdef APP-NVUE */
-		justify-content: center;
-		/* #endif */
-		height: 44px;
-		line-height: 44px;
-		padding: 0 15px;
-		position: relative;
-		background-color: #fff;
-		border-bottom-color: #f5f5f5;
-		border-bottom-width: 1px;
-		border-bottom-style: solid;
-	}
-
-	.content-text {
-		font-size: 15px;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		justify-content: center;
-		padding: 10px 0;
-		background-color: #fff;
-	}
-
-	.button {
-		border-color: #e5e5e5;
-		border-style: solid;
-		border-width: 1px;
-		padding: 4px 8px;
-		border-radius: 4px;
-	}
-
-	.button-text {
-		font-size: 15px;
-	}
-
-	.slot-button {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		height: 100%;
-		/* #endif */
-		flex: 1;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		padding: 0 20px;
-		background-color: #ff5a5f;
-	}
-
-	.slot-button-text {
-		color: #ffffff;
-		font-size: 14px;
-	}
-</style>
diff --git a/pages/extUI/swiper-dot/swiper-dot.nvue b/pages/extUI/swiper-dot/swiper-dot.nvue
deleted file mode 100644
index aeb5203..0000000
--- a/pages/extUI/swiper-dot/swiper-dot.nvue
+++ /dev/null
@@ -1,242 +0,0 @@
-<template>
-	<view class="content">
-		<uni-swiper-dot class="uni-swiper-dot-box" @clickItem=clickItem :info="info" :current="current" :mode="mode"
-			:dots-styles="dotsStyles" field="content">
-			<swiper class="swiper-box" @change="change" :current="swiperDotIndex">
-				<swiper-item v-for="(item, index) in 3" :key="index">
-					<view class="swiper-item" :class="'swiper-item' + index">
-						<text style="color: #fff; font-size: 32px;">{{index+1}}</text>
-					</view>
-				</swiper-item>
-			</swiper>
-		</uni-swiper-dot>
-		<uni-section title="模式选择" type="line">
-			<view class="example-body">
-				<view :class="{ active: modeIndex === 0 }" class="example-body-item" @click="selectMode('default', 0)">
-					<text class="example-body-item-text">default</text></view>
-				<view :class="{ active: modeIndex === 1 }" class="example-body-item" @click="selectMode('dot', 1)"><text
-						class="example-body-item-text">dot</text></view>
-				<view :class="{ active: modeIndex === 2 }" class="example-body-item" @click="selectMode('round', 2)">
-					<text class="example-body-item-text">round</text></view>
-				<view :class="{ active: modeIndex === 3 }" class="example-body-item" @click="selectMode('nav', 3)"><text
-						class="example-body-item-text">nav</text></view>
-				<view :class="{ active: modeIndex === 4 }" class="example-body-item" @click="selectMode('indexes', 4)">
-					<text class="example-body-item-text">indexes</text></view>
-			</view>
-		</uni-section>
-
-		<uni-section title="颜色样式选择" type="line">
-			<view class="example-body">
-				<template v-if="mode !== 'nav'">
-					<view v-for="(item, index) in dotStyle" :class="{ active: styleIndex === index }" :key="index"
-						class="example-body-item" @click="selectStyle(index)">
-						<view :style="{ 'background-color': item.selectedBackgroundColor, border: item.selectedBorder }"
-							class="example-body-dots" />
-						<view :style="{ 'background-color': item.backgroundColor, border: item.border }"
-							class="example-body-dots" />
-						<view :style="{ 'background-color': item.backgroundColor, border: item.border }"
-							class="example-body-dots" />
-					</view>
-				</template>
-				<template v-if="mode === 'nav'">
-					<view v-for="(item, index) in dotStyle" :class="{ active: styleIndex === index }" :key="index"
-						:style="{ 'background-color': item.selectedBackgroundColor }" class="example-body-item"
-						@click="selectStyle(index)">
-						<text class="example-body-item-text" :style="{ color: item.color }">内容</text>
-					</view>
-				</template>
-			</view>
-		</uni-section>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				info: [{
-						colorClass: 'uni-bg-red',
-						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
-						content: '内容 A'
-					},
-					{
-						colorClass: 'uni-bg-green',
-						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
-						content: '内容 B'
-					},
-					{
-						colorClass: 'uni-bg-blue',
-						url: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
-						content: '内容 C'
-					}
-				],
-				dotStyle: [{
-						backgroundColor: 'rgba(0, 0, 0, .3)',
-						border: '1px rgba(0, 0, 0, .3) solid',
-						color: '#fff',
-						selectedBackgroundColor: 'rgba(0, 0, 0, .9)',
-						selectedBorder: '1px rgba(0, 0, 0, .9) solid'
-					},
-					{
-						backgroundColor: 'rgba(255, 90, 95,0.3)',
-						border: '1px rgba(255, 90, 95,0.3) solid',
-						color: '#fff',
-						selectedBackgroundColor: 'rgba(255, 90, 95,0.9)',
-						selectedBorder: '1px rgba(255, 90, 95,0.9) solid'
-					},
-					{
-						backgroundColor: 'rgba(83, 200, 249,0.3)',
-						border: '1px rgba(83, 200, 249,0.3) solid',
-						color: '#fff',
-						selectedBackgroundColor: 'rgba(83, 200, 249,0.9)',
-						selectedBorder: '1px rgba(83, 200, 249,0.9) solid'
-					}
-				],
-				modeIndex: -1,
-				styleIndex: -1,
-				current: 0,
-				mode: 'default',
-				dotsStyles: {},
-				swiperDotIndex: 0
-			}
-		},
-		onLoad() {},
-		methods: {
-			change(e) {
-				this.current = e.detail.current
-			},
-			selectStyle(index) {
-				this.dotsStyles = this.dotStyle[index]
-				this.styleIndex = index
-			},
-			selectMode(mode, index) {
-				this.mode = mode
-				this.modeIndex = index
-				this.styleIndex = -1
-				this.dotsStyles = this.dotStyle[0]
-			},
-			clickItem(e) {
-				this.swiperDotIndex = e
-			},
-			onBanner(index) {
-				console.log(22222, index);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.swiper-box {
-		height: 200px;
-	}
-
-	.swiper-item {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		height: 200px;
-		color: #fff;
-	}
-
-	.swiper-item0 {
-		background-color: #cee1fd;
-	}
-
-	.swiper-item1 {
-		background-color: #b2cef7;
-	}
-
-	.swiper-item2 {
-		background-color: #cee1fd;
-	}
-
-	.image {
-		width: 750rpx;
-	}
-
-	/* #ifndef APP-NVUE */
-	::v-deep .image img {
-		-webkit-user-drag: none;
-		-khtml-user-drag: none;
-		-moz-user-drag: none;
-		-o-user-drag: none;
-		user-drag: none;
-	}
-
-	/* #endif */
-
-	@media screen and (min-width: 500px) {
-		.uni-swiper-dot-box {
-			width: 400px;
-			margin: 0 auto;
-			margin-top: 8px;
-		}
-
-		.image {
-			width: 100%;
-		}
-	}
-
-	.uni-bg-red {
-		background-color: #ff5a5f;
-	}
-
-	.uni-bg-green {
-		background-color: #09bb07;
-	}
-
-	.uni-bg-blue {
-		background-color: #007aff;
-	}
-
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		padding: 20rpx;
-	}
-
-	.example-body-item {
-
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		margin: 15rpx;
-		padding: 15rpx;
-		height: 60rpx;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		padding: 0 15rpx;
-		/* #endif */
-		flex: 1;
-		border-color: #e5e5e5;
-		border-style: solid;
-		border-width: 1px;
-		border-radius: 5px;
-	}
-
-	.example-body-item-text {
-		font-size: 28rpx;
-		color: #333;
-	}
-
-	.example-body-dots {
-		width: 16rpx;
-		height: 16rpx;
-		border-radius: 50px;
-		background-color: #333333;
-		margin-left: 10rpx;
-	}
-
-	.active {
-		border-style: solid;
-		border-color: #007aff;
-		border-width: 1px;
-	}
-</style>
diff --git a/pages/extUI/table/table.vue b/pages/extUI/table/table.vue
deleted file mode 100644
index efd002f..0000000
--- a/pages/extUI/table/table.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-	<view>
-		<view class="uni-container">
-			<uni-table ref="table" :loading="loading" border stripe type="selection" emptyText="暂无更多数据" @selection-change="selectionChange">
-				<uni-tr>
-					<uni-th width="150" align="center">日期</uni-th>
-					<uni-th width="150" align="center">姓名</uni-th>
-					<uni-th align="center">地址</uni-th>
-					<uni-th width="204" align="center">设置</uni-th>
-				</uni-tr>
-				<uni-tr v-for="(item, index) in tableData" :key="index">
-					<uni-td>{{ item.date }}</uni-td>
-					<uni-td>
-						<view class="name">{{ item.name }}</view>
-					</uni-td>
-					<uni-td align="center">{{ item.address }}</uni-td>
-					<uni-td>
-						<view class="uni-group">
-							<button class="uni-button" size="mini" type="primary">修改</button>
-							<button class="uni-button" size="mini" type="warn">删除</button>
-						</view>
-					</uni-td>
-				</uni-tr>
-			</uni-table>
-			<view class="uni-pagination-box"><uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="total" @change="change" /></view>
-		</view>
-	</view>
-</template>
-
-<script>
-import tableData from './tableData.js'
-export default {
-	data() {
-		return {
-			searchVal: '',
-			tableData: [],
-			// 每页数据量
-			pageSize: 10,
-			// 当前页
-			pageCurrent: 1,
-			// 数据总量
-			total: 0,
-			loading: false
-		}
-	},
-	onLoad() {
-		this.selectedIndexs = []
-		this.getData(1)
-	},
-	methods: {
-		// 多选处理
-		selectedItems() {
-			return this.selectedIndexs.map(i => this.tableData[i])
-		},
-		// 多选
-		selectionChange(e) {
-			console.log(e.detail.index)
-			this.selectedIndexs = e.detail.index
-		},
-		//批量删除
-		delTable() {
-			console.log(this.selectedItems())
-		},
-		// 分页触发
-		change(e) {
-			this.$refs.table.clearSelection()
-			this.selectedIndexs.length = 0
-			this.getData(e.current)
-		},
-		// 搜索
-		search() {
-			this.getData(1, this.searchVal)
-		},
-		// 获取数据
-		getData(pageCurrent, value = '') {
-			this.loading = true
-			this.pageCurrent = pageCurrent
-			this.request({
-				pageSize: this.pageSize,
-				pageCurrent: pageCurrent,
-				value: value,
-				success: res => {
-					// console.log('data', res);
-					this.tableData = res.data
-					this.total = res.total
-					this.loading = false
-				}
-			})
-		},
-		// 伪request请求
-		request(options) {
-			const { pageSize, pageCurrent, success, value } = options
-			let total = tableData.length
-			let data = tableData.filter((item, index) => {
-				const idx = index - (pageCurrent - 1) * pageSize
-				return idx < pageSize && idx >= 0
-			})
-			if (value) {
-				data = []
-				tableData.forEach(item => {
-					if (item.name.indexOf(value) !== -1) {
-						data.push(item)
-					}
-				})
-				total = data.length
-			}
-
-			setTimeout(() => {
-				typeof success === 'function' &&
-					success({
-						data: data,
-						total: total
-					})
-			}, 500)
-		}
-	}
-}
-</script>
-
-<style>
-/* #ifndef H5 */
-/* page {
-	padding-top: 85px;
-} */
-/* #endif */
-.uni-group {
-	display: flex;
-	align-items: center;
-}
-</style>
diff --git a/pages/extUI/table/tableData.js b/pages/extUI/table/tableData.js
deleted file mode 100644
index 14ac826..0000000
--- a/pages/extUI/table/tableData.js
+++ /dev/null
@@ -1,193 +0,0 @@
-export default [{
-    "date": "2020-09-01",
-    "name": "Dcloud1",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-02",
-    "name": "Dcloud2",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-03",
-    "name": "Dcloud3",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-04",
-    "name": "Dcloud4",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-05",
-    "name": "Dcloud5",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-06",
-    "name": "Dcloud6",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-07",
-    "name": "Dcloud7",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-08",
-    "name": "Dcloud8",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-09",
-    "name": "Dcloud9",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-10",
-    "name": "Dcloud10",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-11",
-    "name": "Dcloud11",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-12",
-    "name": "Dcloud12",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-13",
-    "name": "Dcloud13",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-14",
-    "name": "Dcloud14",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-15",
-    "name": "Dcloud15",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-16",
-    "name": "Dcloud16",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-01",
-    "name": "Dcloud17",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-02",
-    "name": "Dcloud18",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-03",
-    "name": "Dcloud19",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-04",
-    "name": "Dcloud20",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-05",
-    "name": "Dcloud21",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-06",
-    "name": "Dcloud22",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-07",
-    "name": "Dcloud23",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-08",
-    "name": "Dcloud24",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-09",
-    "name": "Dcloud25",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-10",
-    "name": "Dcloud26",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-11",
-    "name": "Dcloud27",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-12",
-    "name": "Dcloud28",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-13",
-    "name": "Dcloud29",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-14",
-    "name": "Dcloud30",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-15",
-    "name": "Dcloud31",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-16",
-    "name": "Dcloud32",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-01",
-    "name": "Dcloud33",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-02",
-    "name": "Dcloud34",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-03",
-    "name": "Dcloud35",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-04",
-    "name": "Dcloud36",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-05",
-    "name": "Dcloud37",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-06",
-    "name": "Dcloud38",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-07",
-    "name": "Dcloud39",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-08",
-    "name": "Dcloud40",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-09",
-    "name": "Dcloud41",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-10",
-    "name": "Dcloud42",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-11",
-    "name": "Dcloud43",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-12",
-    "name": "Dcloud44",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}, {
-    "date": "2020-09-13",
-    "name": "Dcloud45",
-    "address": "上海市普陀区金沙江路 1518 弄"
-}, {
-    "date": "2020-09-14",
-    "name": "Dcloud46",
-    "address": "上海市普陀区金沙江路 1517 弄"
-}, {
-    "date": "2020-09-15",
-    "name": "Dcloud47",
-    "address": "上海市普陀区金沙江路 1519 弄"
-}, {
-    "date": "2020-09-16",
-    "name": "Dcloud48",
-    "address": "上海市普陀区金沙江路 1516 弄"
-}]
diff --git a/pages/extUI/tag/tag.nvue b/pages/extUI/tag/tag.nvue
deleted file mode 100644
index d2ab644..0000000
--- a/pages/extUI/tag/tag.nvue
+++ /dev/null
@@ -1,157 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card is-full>
-			<text class="uni-h6">标签组件多用于商品分类、重点内容显示等场景。</text>
-		</uni-card>
-
-		<uni-section title="实心标签" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag text="标签" type="primary" />
-				</view>
-				<view class="tag-view">
-					<uni-tag text="标签" type="success" />
-				</view>
-				<view class="tag-view">
-					<uni-tag text="标签" type="warning" />
-				</view>
-				<view class="tag-view">
-					<uni-tag text="标签" type="error" />
-				</view>
-				<view class="tag-view">
-					<uni-tag text="标签" />
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="空心标签" subTitle="使用 inverted 属性显示空心表签" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag :inverted="true" text="标签" type="primary" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :inverted="true" text="标签" type="success" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :inverted="true" text="标签" type="warning" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :inverted="true" text="标签" type="error" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :inverted="true" text="标签" />
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="标签尺寸" subTitle="使用 size 属性控制标签大小" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag text="标签" type="primary" size="normal" />
-				</view>
-				<view class="tag-view">
-					<uni-tag text="标签" type="primary" size="small" />
-				</view>
-				<view class="tag-view">
-					<uni-tag text="标签" type="primary" size="mini" />
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="圆角样式" subTitle="使用 circle 属性控制标签圆角" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag :circle="true" text="标签" type="primary" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :circle="true" text="标签" type="primary" size="small" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :circle="true" text="标签" type="primary" size="mini" />
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="标记样式" subTitle="使用 mark 属性显示标记样式" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag :mark="true" text="标签" type="primary" size="default" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :mark="true" text="标签" type="primary" size="small" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :mark="true" text="标签" type="primary" size="mini" />
-				</view>
-			</view>
-		</uni-section>
-		<uni-section title="不可点击状态" subTitle="使用 disabled 属性 显示禁用样式" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag disabled text="标签" type="primary" />
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="自定义样式" subTitle="使用 custom-style 属性自定义样式" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag text="自定义标签样式"
-						custom-style="background-color: #4335d6; border-color: #4335d6; color: #fff;">
-					</uni-tag>
-				</view>
-			</view>
-		</uni-section>
-
-		<uni-section title="点击事件" type="line" padding>
-			<view class="example-body">
-				<view class="tag-view">
-					<uni-tag :type="type" text="标签" @click="setType" />
-				</view>
-				<view class="tag-view">
-					<uni-tag :circle="true" :inverted="inverted" text="标签" type="primary" @click="setInverted" />
-				</view>
-			</view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				type: "default",
-				inverted: false,
-			};
-		},
-		methods: {
-			setType() {
-				let types = ["default", "primary", "success", "warning", "error"];
-				let index = types.indexOf(this.type);
-				types.splice(index, 1);
-				let randomIndex = Math.floor(Math.random() * 4);
-				this.type = types[randomIndex];
-			},
-			setInverted() {
-				this.inverted = !this.inverted;
-			},
-		},
-	};
-</script>
-
-<style lang="scss">
-	.example-body {
-		/* #ifndef APP-PLUS-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		justify-content: flex-start;
-		align-items: flex-end;
-		flex-wrap: wrap;
-	}
-
-	.tag-view {
-		margin-right: 10px;
-	}
-</style>
diff --git a/pages/extUI/test/color.vue b/pages/extUI/test/color.vue
deleted file mode 100644
index 1dca253..0000000
--- a/pages/extUI/test/color.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<view class="content">
-		<view class="box primary uni-mt-2 uni-radius uni-mt-10">
-			<view class="item-box">primary</view>
-			<view class="item-box">
-				<view class="item  disable">disable</view>
-				<view class="item light">light</view>
-			</view>
-		</view>
-		<view class="box success uni-mt-2 uni-radius">
-			<view class="item-box">success</view>
-			<view class="item-box">
-				<view class="item disable">disable</view>
-				<view class="item light">light</view>
-			</view>
-
-		</view>
-
-		<view class="box warning uni-mt-2 uni-radius">
-			<view class="item-box">warning</view>
-			<view class="item-box">
-				<view class="item disable">disable</view>
-				<view class="item light">light</view>
-			</view>
-		</view>
-		<view class="box error uni-mt-2 uni-radius">
-			<view class="item-box">error</view>
-			<view class="item-box">
-				<view class="item disable">disable</view>
-				<view class="item light">light</view>
-			</view>
-		</view>
-		<view class="box info uni-mt-2 uni-radius">
-				<view class="item-box">info</view>
-				<view class="item-box">
-					<view class="item disable">disable</view>
-					<view class="item light">light</view>
-				</view>
-		</view>
-		<view class="box black uni-mt-2">black</view>
-		<view class="box main-color uni-mt-2">main-color</view>
-		<view class="box base-color uni-mt-2">base-color</view>
-		<view class="box secondary-color uni-mt-2">secondary-color</view>
-		<view class="box light-color uni-mt-2">light-color</view>
-		<view class="box border-1 uni-mt-2">border-1</view>
-		<view class="box border-2 uni-mt-2">border-2</view>
-		<view class="box border-3 uni-mt-2">border-3</view>
-		<view class="box border-4 uni-mt-2">border-4</view>
-		<view class="box bg-color uni-mt-2">bg-color</view>
-		<view class="box white uni-mt-2">white</view>
-		<view class="box transparent uni-mt-2">transparent</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {}
-		},
-		computed:{
-		},
-		onLoad() {
-		},
-		methods: {
-			add(){
-
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	@mixin flex {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-	.test {
-		width: 100px;
-		height: 100px;
-		border: 1px red solid;
-	}
-	.box {
-		@include flex;
-		flex-direction: column;
-		width: 200px;
-		min-height:30px;
-		color: #fff;
-		font-size: 14px;
-		overflow: hidden;
-		.item-box {
-			@include flex;
-			width: 100%;
-			height: 30px;
-			.item {
-				@include flex;
-				width: 100%;
-				height: 100%;
-			}
-		}
-	}
-
-	.primary {
-		background-color: $uni-primary;
-		.disable {
-			background-color: $uni-primary-disable;
-		}
-		.light {
-			background-color: $uni-primary-light;
-		}
-	}
-	.success {
-		background-color:$uni-success;
-		.disable {
-			background-color: $uni-success-disable;
-		}
-		.light {
-			background-color: $uni-success-light;
-		}
-
-	}
-
-	.warning {
-		background-color:$uni-warning;
-		.disable {
-			background-color: $uni-warning-disable;
-		}
-		.light {
-			background-color: $uni-warning-light;
-		}
-		.stress-box {
-			background-color: #e97511;
-		}
-		.disable-box {
-			background-color: #febf88;
-		}
-		.light-box {
-			background-color: #ffeedf;
-		}
-	}
-	.error {
-		background-color: $uni-error;
-		.disable {
-			background-color: $uni-error-disable;
-		}
-		.light {
-			background-color: $uni-error-light;
-		}
-	}
-	.info {
-		background-color: $uni-info;
-		.disable {
-			background-color: $uni-info-disable;
-		}
-		.light {
-			background-color: $uni-info-light;
-		}
-	}
-	.main-color {
-		background-color: $uni-main-color;
-	}
-	.base-color {
-		background-color: $uni-base-color;
-	}
-	.secondary-color {
-		background-color: $uni-secondary-color;
-	}
-
-	.light-color {
-		background-color: $uni-light-color;
-	}
-	.bg-color {
-		background-color: $uni-bg-color;
-	}
-	.border-1 {
-		background-color: $uni-border-1;
-	}
-	.border-2 {
-		background-color: $uni-border-2;
-	}
-	.border-3 {
-		background-color: $uni-border-3;
-	}
-	.border-4 {
-		background-color: $uni-border-4;
-	}
-	.black {
-		background-color: $uni-black;
-	}
-	.white {
-		background-color: $uni-white;
-	}
-	.transparent {
-		background-color: $uni-transparent;
-	}
-</style>
diff --git a/pages/extUI/test/test.nvue b/pages/extUI/test/test.nvue
deleted file mode 100644
index 9c49de7..0000000
--- a/pages/extUI/test/test.nvue
+++ /dev/null
@@ -1,192 +0,0 @@
-<template>
-	<view class="container">
-		<uni-card :is-shadow="false" is-full>
-			<text class="uni-h6">卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。</text>
-		</uni-card>
-		<uni-section title="基础卡片" type="line">
-			<uni-card :is-shadow="false">
-				<text class="uni-body">这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。</text>
-			</uni-card>
-		</uni-section>
-		<uni-section title="卡片标题+额外信息" type="line">
-			<uni-card title="基础卡片" extra="额外信息">
-				<text class="uni-body">这是一个基础卡片示例，此示例展示了一个标题加标题额外信息的标准卡片。</text>
-			</uni-card>
-		</uni-section>
-
-		<uni-section title="双标题卡片" type="line" >
-			<uni-card title="基础卡片" sub-title="副标题" extra="额外信息" :thumbnail="avatar" @click="onClick">
-				<text class="uni-body">这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
-			</uni-card>
-		</uni-section>
-
-		<uni-section title="通栏卡片" type="line">
-			<uni-card title="基础卡片" :isFull="true" sub-title="副标题" extra="额外信息" :thumbnail="avatar">
-				<text class="uni-body">这是一个通栏卡片 ，通栏没有外边距，左右会贴合父元素。</text>
-			</uni-card>
-		</uni-section>
-
-		<uni-section title="卡片封面图+操作栏" type="line">
-			<uni-card :cover="cover" @click="onClick">
-				<!-- <image slot='cover' style="width: 100%;" :src="cover"></image> -->
-				<text class="uni-body">这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text>
-				<view v-slot:actions class="card-actions">
-					<view class="card-actions-item" @click="actionsClick('分享')">
-						<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">分享</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('点赞')">
-						<uni-icons type="heart" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">点赞</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('评论')">
-						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">评论</text>
-					</view>
-				</view>
-			</uni-card>
-		</uni-section>
-
-		<uni-section title="自定义卡片内容" type="line">
-			<uni-card title="基础卡片" sub-title="副标题" extra="额外信息" padding="10px 0" :thumbnail="avatar" >
-				<template v-slot:title>
-					<uni-list>
-						<uni-list-item :show-switch="true" title="自定义标题" @switchChange="switchChange" />
-					</uni-list>
-				</template>
-				<image style="width: 100%;" :src="cover"></image>
-				<text class="uni-body uni-mt-5">卡片组件通用来显示完整独立的一段信息，同时让用户理解他的作用。例如一篇文章的预览图、作者信息、时间等，卡片通常是更复杂和更详细信息的入口点。</text>
-				<view v-slot:actions class="card-actions">
-					<view class="card-actions-item" @click="actionsClick('分享')">
-						<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">分享</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('点赞')">
-						<uni-icons type="heart" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">点赞</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('评论')">
-						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">评论</text>
-					</view>
-				</view>
-			</uni-card>
-		</uni-section>
-
-		<uni-section title="卡片+列表" type="line">
-			<uni-card padding="0" spacing="0">
-				<template v-slot:cover>
-					<view class="custom-cover">
-						<image class="cover-image" mode="aspectFill" :src="cover">
-						</image>
-						<view class="cover-content">
-							<text class="uni-subtitle uni-white">今日新闻热点</text>
-						</view>
-					</view>
-				</template>
-				<uni-list>
-					<uni-list-item title="今日新闻" showArrow></uni-list-item>
-					<uni-list-item title="今日新闻" showArrow></uni-list-item>
-				</uni-list>
-				<view v-slot:actions class="card-actions no-border">
-					<view class="card-actions-item" @click="actionsClick('分享')">
-						<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">分享</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('点赞')">
-						<uni-icons type="heart" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">点赞</text>
-					</view>
-					<view class="card-actions-item" @click="actionsClick('评论')">
-						<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-						<text class="card-actions-item-text">评论</text>
-					</view>
-				</view>
-			</uni-card>
-		</uni-section>
-
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				cover: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
-				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
-				extraIcon:{
-					color: '#4cd964',
-					size: '22',
-					type: 'gear-filled'
-				}
-			}
-		},
-		methods: {
-			onClick(e){
-				console.log(e)
-			},
-			actionsClick(text){
-				uni.showToast({
-					title:text,
-					icon:'none'
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-
-	.container {
-		overflow: hidden;
-	}
-
-	.custom-cover {
-		flex: 1;
-		flex-direction: row;
-		position: relative;
-	}
-
-	.cover-content {
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		height: 40px;
-		background-color: rgba($color: #000000, $alpha: 0.4);
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		padding-left: 15px;
-		font-size: 14px;
-		color: #fff;
-	}
-
-	.card-actions {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-around;
-		align-items: center;
-		height: 45px;
-		border-top: 1px #eee solid;
-	}
-	.card-actions-item {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-	}
-	.card-actions-item-text {
-		font-size: 12px;
-		color: #666;
-		margin-left: 5px;
-	}
-	.cover-image {
-		flex: 1;
-		height: 150px;
-	}
-	.no-border {
-		border-width: 0;
-	}
-</style>
diff --git a/pages/extUI/title/title.vue b/pages/extUI/title/title.vue
deleted file mode 100644
index 714fc01..0000000
--- a/pages/extUI/title/title.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-	<view class="uni-content">
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6"> 章节标题，通常用于记录页面标题，使用当前组件在 uni-app 开启统计的情况下，将会自动统计页面标题.</text>
-		</uni-card>
-		<uni-section title="不同类型" type="line">
-			<view class="example-body">
-				<uni-title type="h1" title="h1 一级标题"></uni-title>
-				<uni-title type="h2" title="h2 二级标题"></uni-title>
-				<uni-title type="h3" title="h3 三级标题"></uni-title>
-				<uni-title type="h4" title="h4 四级标题"></uni-title>
-				<uni-title type="h5" title="h5 五级标题"></uni-title>
-			</view>
-		</uni-section>
-
-		<uni-section title="改变颜色" type="line">
-
-			<view class="example-body">
-				<uni-title type="h1" title="h1 一级标题" color="#027fff"></uni-title>
-				<uni-title type="h2" title="h2 二级标题" color="#2490ff"></uni-title>
-				<uni-title type="h3" title="h3 三级标题" color="#439ffc"></uni-title>
-				<uni-title type="h4" title="h4 四级标题" color="#60adfb"></uni-title>
-				<uni-title type="h5" title="h5 五级标题" color="#7db9f7"></uni-title>
-			</view>
-		</uni-section>
-		<uni-section title="对齐方式" type="line">
-
-			<view class="example-body">
-				<uni-title type="h1" title="h1 左对齐" align="left"></uni-title>
-				<uni-title type="h2" title="h2 居中" align="center"></uni-title>
-				<uni-title type="h3" title="h3 右对齐" align="right"></uni-title>
-				<uni-title type="h4" title="h4 居中" align="center"></uni-title>
-				<uni-title type="h5" title="h5 左对齐" align="left"></uni-title>
-			</view>
-		</uni-section>
-		<uni-section title="组合示例" type="line">
-
-			<view class="example-body">
-				<view class="uni-box-head">
-					<uni-title type="h1" align="center" title="uni-app介绍"></uni-title>
-				</view>
-				<view class="uni-box">
-					<uni-title class="h3" type="h3" title="1 框架介绍"></uni-title>
-				</view>
-				<view class="uni-box">
-					<uni-title class="h4" type="h4" title="1.1 什么是uni-app"></uni-title>
-				</view>
-				<view>
-					<text
-						class="uni-text">uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。DCloud公司拥有370万开发者用户，旗下uni-app有5万+案例、900款插件、50+微信/qq群，并且被阿里小程序工具内置，开发者可以放心选择。</text>
-				</view>
-				<view class="uni-box">
-					<uni-title class="h4" type="h4" title="1.2 开发规范"></uni-title>
-				</view>
-				<view class="">
-					<uni-title class="h5" type="h5" color="#666" title="- 页面文件遵循 Vue 单文件组件 (SFC) 规范"></uni-title>
-					<uni-title class="h5" type="h5" color="#666" title="- 组件标签靠近小程序规范，详见uni-app 组件规范"></uni-title>
-					<uni-title class="h5" type="h5" color="#666"
-						title="- 接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范"></uni-title>
-					<uni-title class="h5" type="h5" color="#666" title="- 数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期">
-					</uni-title>
-					<uni-title class="h5" type="h5" color="#666" title="- 为兼容多端运行，建议使用flex布局进行开发"></uni-title>
-				</view>
-			</view>
-		</uni-section>
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				title: '章节标题通常用于记录页面标题，例如商品标题、新闻标题等，当前组件会自动上报内容统计数据'
-			}
-		},
-		onLoad() {},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example-body {
-		/* #ifndef APP-NVUE */
-		display: block;
-		/* #endif */
-		padding: 10px;
-	}
-
-	.uni-text {
-		font-size: 14px;
-		line-height: 22px;
-		color: #333;
-	}
-</style>
diff --git a/pages/extUI/transition/transition.vue b/pages/extUI/transition/transition.vue
deleted file mode 100644
index dae2344..0000000
--- a/pages/extUI/transition/transition.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-<template>
-	<view>
-		<uni-card is-full :is-shadow="false">
-			<text class="uni-h6">过渡动画，通常用于元素的过渡效果，例如淡隐淡出效果，遮罩层的效果、放大缩小的效果等</text>
-		</uni-card>
-		<uni-section title="示例" type="line">
-			<view class="example">
-				<uni-transition ref="ani" custom-class="transition" :mode-class="modeClass" :styles="styles"
-					:show="show"><text class="text">示例元素</text></uni-transition>
-			</view>
-		</uni-section>
-
-		<uni-section title="操作" subTitle="点击按钮 ,切换动画效果" type="line">
-			<view class="example-body">
-				<button class="transition-button" type="primary" @click="handle('fade')">淡隐淡出</button>
-				<button class="transition-button" type="primary" @click="handle(['fade', 'slide-top'])">由上至下</button>
-				<button class="transition-button" type="primary" @click="handle(['fade', 'slide-right'])">由右至左过</button>
-				<button class="transition-button" type="primary" @click="handle(['fade', 'zoom-in'])">由小到大过</button>
-				<button class="transition-button" type="primary" @click="custom">自定义动画</button>
-			</view>
-		</uni-section>
-
-	</view>
-</template>
-
-<script>
-	export default {
-		components: {},
-		data() {
-			return {
-				show: true,
-				modeClass: 'fade',
-				styles: {}
-			}
-		},
-		onLoad() {
-			// #ifdef APP-NVUE
-			this.styles = {
-				justifyContent: 'center',
-				alignItems: 'center',
-				width: '100px',
-				height: '100px',
-				borderRadius: '5px',
-				textAlign: 'center',
-				backgroundColor: '#4cd964',
-				boxShadow: '0 0 5px 1px rgba(0,0,0,0.2)'
-			}
-			// #endif
-		},
-		methods: {
-			handle(type) {
-				this.show = !this.show
-				this.modeClass = type
-			},
-			custom() {
-				// TODO 下面修改宽高在百度下还有些问题待修复
-				// this.$refs.ani.step({
-				// 	width: '200px'
-				// })
-				// this.$refs.ani.step({
-				// 	height: '150px'
-				// },{
-				// 	delay:100,
-				// 	duration:200
-				// })
-				this.$refs.ani.step({
-					width: '100px',
-					height: '100px',
-					rotate: '180'
-				}, {
-					delay: 200,
-					duration: 300
-				})
-				this.$refs.ani.step({
-					width: '100px',
-					height: '100px',
-					rotate: '0'
-				}, {
-					transformOrigin: '50% 50%'
-				})
-
-				this.$refs.ani.step({
-					translateX: '-100px'
-				}, {
-					timingFunction: 'ease-in',
-					duration: 100
-				})
-
-				this.$refs.ani.step({
-					translateX: '100px'
-				}, {
-					timingFunction: 'ease',
-					duration: 300
-				})
-
-				this.$refs.ani.step({
-					translateX: '50px',
-					scale: 1.5
-				}, {
-					timingFunction: 'linear',
-					duration: 100
-				})
-				this.$refs.ani.step({
-					translateX: '0px',
-					scale: 1
-				}, {
-					timingFunction: 'linear',
-					duration: 150
-				})
-
-				this.$refs.ani.run()
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.example {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		justify-content: center;
-		align-items: center;
-		height: 150px;
-		background-color: #fff;
-	}
-
-	.example-body {
-		padding: 10px 20px;
-		padding-bottom: 0px;
-	}
-
-	.transition-button {
-		/* #ifndef APP-NVUE */
-		width: 100%;
-		/* #endif */
-		flex: 1;
-		margin-bottom: 10px;
-	}
-
-	/* #ifndef APP-NVUE */
-	.example ::v-deep .transition {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 100px;
-		height: 100px;
-		border-radius: 5px;
-		text-align: center;
-		background-color: #4cd964;
-		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
-	}
-
-	/* #endif */
-
-	.text {
-		font-size: 14px;
-		color: #fff;
-	}
-</style>
diff --git a/pages/template/component-communication/bus.js b/pages/template/component-communication/bus.js
deleted file mode 100644
index 94950da..0000000
--- a/pages/template/component-communication/bus.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import Vue from 'vue'
-
-export default new Vue()
\ No newline at end of file
diff --git a/pages/template/component-communication/component-communication.vue b/pages/template/component-communication/component-communication.vue
deleted file mode 100644
index 851345f..0000000
--- a/pages/template/component-communication/component-communication.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-	<view>
-        <page-head title="组件通讯示例"></page-head>
-        <view class="uni-padding-wrap">
-            <view class="uni-btn-v">
-                <reciver></reciver>
-                <sender></sender>
-                <sender-bus></sender-bus>
-            </view>
-        </view>
-	</view>
-</template>
-
-<script>
-    import reciver from './reciver.vue'
-    import sender from './sender.vue'
-    import senderBus from './sender-bus.vue'
-	export default {
-        components:{
-           reciver,
-           sender,
-           senderBus
-        },
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/pages/template/component-communication/reciver.vue b/pages/template/component-communication/reciver.vue
deleted file mode 100644
index c307e1c..0000000
--- a/pages/template/component-communication/reciver.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <view>
-        <view class="reciver">
-            {{msg===''?'等待发送':'收到消息：'}}{{msg}}
-        </view>
-    </view>
-</template>
-
-<script>
-    export default {
-        data() {
-            return {
-                msg: ''
-            }
-        },
-        created() {
-            uni.$on('cc', this.recive)
-        },
-        beforeDestroy() {
-            uni.$off('cc',this.recive)
-        },
-        methods: {
-            recive(e) {
-                this.msg = e.msg
-            }
-        }
-    }
-</script>
-
-<style>
-    .reciver {
-        padding: 40px 0px;
-        text-align: center;
-        line-height: 40px;
-    }
-</style>
diff --git a/pages/template/component-communication/sender-bus.vue b/pages/template/component-communication/sender-bus.vue
deleted file mode 100644
index ceb4f82..0000000
--- a/pages/template/component-communication/sender-bus.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-    <view class="sender-container">
-        <button type="primary" @click="send">自定义EventBus</button>
-    </view>
-</template>
-
-<script>
-    export default {
-        methods: {
-            send() {
-                let num = parseInt(Math.random() * 10000)
-                uni.$emit('cc', {
-                    msg: 'From event bus -> ' + num
-                })
-            }
-        }
-    }
-</script>
-
-<style>
-    .sender-container{
-        padding: 20px;
-    }
-</style>
diff --git a/pages/template/component-communication/sender.vue b/pages/template/component-communication/sender.vue
deleted file mode 100644
index 59eb69d..0000000
--- a/pages/template/component-communication/sender.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-    <view class="sender-container">
-        <button type="primary" @click="send">点击发送消息</button>
-    </view>
-</template>
-
-<script>
-    export default {
-        methods: {
-            send() {
-                let num = parseInt(Math.random() * 10000)
-                uni.$emit('cc', {
-                    msg: 'From uni.$emit -> ' + num
-                })
-            }
-        }
-    }
-</script>
-
-<style>
-    .sender-container{
-        padding: 20px;
-    }
-</style>
diff --git a/pages/template/crop/crop.vue b/pages/template/crop/crop.vue
deleted file mode 100644
index f7dd0f7..0000000
--- a/pages/template/crop/crop.vue
+++ /dev/null
@@ -1,639 +0,0 @@
-<template>
-	<view class="container">
-		<view class="page-body uni-content-info">
-			<view class='cropper-content'>
-				<view v-if="isShowImg" class="uni-corpper" :style="'width:'+cropperInitW+'px;height:'+cropperInitH+'px;background:#000'">
-					<view class="uni-corpper-content" :style="'width:'+cropperW+'px;height:'+cropperH+'px;left:'+cropperL+'px;top:'+cropperT+'px'">
-						<image :src="imageSrc" :style="'width:'+cropperW+'px;height:'+cropperH+'px'"></image>
-						<view class="uni-corpper-crop-box" @touchstart.stop="contentStartMove" @touchmove.stop="contentMoveing" @touchend.stop="contentTouchEnd"
-						    :style="'left:'+cutL+'px;top:'+cutT+'px;right:'+cutR+'px;bottom:'+cutB+'px'">
-							<view class="uni-cropper-view-box">
-								<view class="uni-cropper-dashed-h"></view>
-								<view class="uni-cropper-dashed-v"></view>
-								<view class="uni-cropper-line-t" data-drag="top" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-line-r" data-drag="right" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-line-b" data-drag="bottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-line-l" data-drag="left" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-point point-t" data-drag="top" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-point point-tr" data-drag="topTight"></view>
-								<view class="uni-cropper-point point-r" data-drag="right" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-point point-rb" data-drag="rightBottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-point point-b" data-drag="bottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove" @touchend.stop="dragEnd"></view>
-								<view class="uni-cropper-point point-bl" data-drag="bottomLeft"></view>
-								<view class="uni-cropper-point point-l" data-drag="left" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
-								<view class="uni-cropper-point point-lt" data-drag="leftTop"></view>
-							</view>
-						</view>
-					</view>
-				</view>
-			</view>
-			<view class='cropper-config'>
-				<button type="primary reverse" @click="getImage" style='margin-top: 30rpx;'> 选择图片 </button>
-				<button type="warn" @click="getImageInfo" style='margin-top: 30rpx;'> 点击生成图片 </button>
-			</view>
-			<canvas canvas-id="myCanvas" :style="'position:absolute;border: 1px solid red; width:'+imageW+'px;height:'+imageH+'px;top:-9999px;left:-9999px;'"></canvas>
-		</view>
-		<page-foot :name="name"></page-foot>
-	</view>
-</template>
-
-<script>
-	let sysInfo = uni.getSystemInfoSync();
-	let SCREEN_WIDTH = sysInfo.screenWidth
-	let PAGE_X, // 手按下的x位置
-		PAGE_Y, // 手按下y的位置 
-		PR = sysInfo.pixelRatio, // dpi
-		T_PAGE_X, // 手移动的时候x的位置
-		T_PAGE_Y, // 手移动的时候Y的位置
-		CUT_L, // 初始化拖拽元素的left值
-		CUT_T, // 初始化拖拽元素的top值
-		CUT_R, // 初始化拖拽元素的
-		CUT_B, // 初始化拖拽元素的
-		CUT_W, // 初始化拖拽元素的宽度
-		CUT_H, //  初始化拖拽元素的高度
-		IMG_RATIO, // 图片比例
-		IMG_REAL_W, // 图片实际的宽度
-		IMG_REAL_H, // 图片实际的高度
-		DRAFG_MOVE_RATIO = 1, //移动时候的比例,
-		INIT_DRAG_POSITION = 100, // 初始化屏幕宽度和裁剪区域的宽度之差，用于设置初始化裁剪的宽度
-		DRAW_IMAGE_W = sysInfo.screenWidth // 设置生成的图片宽度
-
-	export default {
-		/**
-		 * 页面的初始数据
-		 */
-		data() {
-			return {
-				name:'杨大宝',
-				imageSrc: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b31d90c0-5168-11eb-bdc1-8bd33eb6adaa.jpg',
-				isShowImg: false,
-				// 初始化的宽高
-				cropperInitW: SCREEN_WIDTH,
-				cropperInitH: SCREEN_WIDTH,
-				// 动态的宽高
-				cropperW: SCREEN_WIDTH,
-				cropperH: SCREEN_WIDTH,
-				// 动态的left top值
-				cropperL: 0,
-				cropperT: 0,
-
-				transL: 0,
-				transT: 0,
-
-				// 图片缩放值
-				scaleP: 0,
-				imageW: 0,
-				imageH: 0,
-
-				// 裁剪框 宽高
-				cutL: 0,
-				cutT: 0,
-				cutB: SCREEN_WIDTH,
-				cutR: '100%',
-				qualityWidth: DRAW_IMAGE_W,
-				innerAspectRadio: DRAFG_MOVE_RATIO
-			}
-		},
-		/**
-		 * 生命周期函数--监听页面加载
-		 */
-		onLoad: function (options) {},
-
-		/**
-		 * 生命周期函数--监听页面初次渲染完成
-		 */
-		onReady: function () {
-
-			this.loadImage();
-
-		},
-		methods: {
-			setData: function (obj) {
-				let that = this;
-				Object.keys(obj).forEach(function (key) {
-					that.$set(that.$data, key, obj[key])
-
-				});
-			},
-			getImage: function () {
-				var _this = this
-				uni.chooseImage({
-					success: function (res) {
-						_this.setData({
-							imageSrc: res.tempFilePaths[0],
-						})
-						_this.loadImage();
-					},
-				})
-			},
-			loadImage: function () {
-				var _this = this
-				uni.showLoading({
-					title: '图片加载中...',
-				})
-
-				uni.getImageInfo({
-					src: _this.imageSrc,
-					success: function success(res) {
-						IMG_RATIO = res.width / res.height
-						if (IMG_RATIO >= 1) {
-							IMG_REAL_W = SCREEN_WIDTH
-							IMG_REAL_H = SCREEN_WIDTH / IMG_RATIO
-						} else {
-							IMG_REAL_W = SCREEN_WIDTH * IMG_RATIO
-							IMG_REAL_H = SCREEN_WIDTH
-						}
-						let minRange = IMG_REAL_W > IMG_REAL_H ? IMG_REAL_W : IMG_REAL_H
-						INIT_DRAG_POSITION = minRange > INIT_DRAG_POSITION ? INIT_DRAG_POSITION : minRange
-						// 根据图片的宽高显示不同的效果   保证图片可以正常显示
-						if (IMG_RATIO >= 1) {
-							let cutT = Math.ceil((SCREEN_WIDTH / IMG_RATIO - (SCREEN_WIDTH / IMG_RATIO - INIT_DRAG_POSITION)) / 2);
-							let cutB = cutT;
-							let cutL = Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH + INIT_DRAG_POSITION) / 2);
-							let cutR = cutL;
-							_this.setData({
-								cropperW: SCREEN_WIDTH,
-								cropperH: SCREEN_WIDTH / IMG_RATIO,
-								// 初始化left right
-								cropperL: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH) / 2),
-								cropperT: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH / IMG_RATIO) / 2),
-								cutL: cutL,
-								cutT: cutT,
-								cutR: cutR,
-								cutB: cutB,
-								// 图片缩放值
-								imageW: IMG_REAL_W,
-								imageH: IMG_REAL_H,
-								scaleP: IMG_REAL_W / SCREEN_WIDTH,
-								qualityWidth: DRAW_IMAGE_W,
-								innerAspectRadio: IMG_RATIO
-							})
-						} else {
-							let cutL = Math.ceil((SCREEN_WIDTH * IMG_RATIO - (SCREEN_WIDTH * IMG_RATIO)) / 2);
-							let cutR = cutL;
-							let cutT = Math.ceil((SCREEN_WIDTH - INIT_DRAG_POSITION) / 2);
-							let cutB = cutT;
-							_this.setData({
-								cropperW: SCREEN_WIDTH * IMG_RATIO,
-								cropperH: SCREEN_WIDTH,
-								// 初始化left right
-								cropperL: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH * IMG_RATIO) / 2),
-								cropperT: Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH) / 2),
-
-								cutL: cutL,
-								cutT: cutT,
-								cutR: cutR,
-								cutB: cutB,
-								// 图片缩放值
-								imageW: IMG_REAL_W,
-								imageH: IMG_REAL_H,
-								scaleP: IMG_REAL_W / SCREEN_WIDTH,
-								qualityWidth: DRAW_IMAGE_W,
-								innerAspectRadio: IMG_RATIO
-							})
-						}
-						_this.setData({
-							isShowImg: true
-						})
-						uni.hideLoading()
-					}
-				})
-			},
-			// 拖动时候触发的touchStart事件
-			contentStartMove(e) {
-				PAGE_X = e.touches[0].pageX
-				PAGE_Y = e.touches[0].pageY
-			},
-
-			// 拖动时候触发的touchMove事件
-			contentMoveing(e) {
-				var _this = this
-				var dragLengthX = (PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
-				var dragLengthY = (PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
-				// 左移
-				if (dragLengthX > 0) {
-					if (this.cutL - dragLengthX < 0) dragLengthX = this.cutL
-				} else {
-					if (this.cutR + dragLengthX < 0) dragLengthX = -this.cutR
-				}
-
-				if (dragLengthY > 0) {
-					if (this.cutT - dragLengthY < 0) dragLengthY = this.cutT
-				} else {
-					if (this.cutB + dragLengthY < 0) dragLengthY = -this.cutB
-				}
-				this.setData({
-					cutL: this.cutL - dragLengthX,
-					cutT: this.cutT - dragLengthY,
-					cutR: this.cutR + dragLengthX,
-					cutB: this.cutB + dragLengthY
-				})
-
-				PAGE_X = e.touches[0].pageX
-				PAGE_Y = e.touches[0].pageY
-			},
-
-			contentTouchEnd() {
-
-			},
-
-			// 获取图片
-			getImageInfo() {
-				var _this = this;
-				uni.showLoading({
-					title: '图片生成中...',
-				});
-				// 将图片写入画布
-				const ctx = uni.createCanvasContext('myCanvas');
-				ctx.drawImage(_this.imageSrc, 0, 0, IMG_REAL_W, IMG_REAL_H);
-				ctx.draw(true, () => {
-					// 获取画布要裁剪的位置和宽度   均为百分比 * 画布中图片的宽度    保证了在微信小程序中裁剪的图片模糊  位置不对的问题 canvasT = (_this.cutT / _this.cropperH) * (_this.imageH / pixelRatio)
-					var canvasW = ((_this.cropperW - _this.cutL - _this.cutR) / _this.cropperW) * IMG_REAL_W;
-					var canvasH = ((_this.cropperH - _this.cutT - _this.cutB) / _this.cropperH) * IMG_REAL_H;
-					var canvasL = (_this.cutL / _this.cropperW) * IMG_REAL_W;
-					var canvasT = (_this.cutT / _this.cropperH) * IMG_REAL_H;
-					uni.canvasToTempFilePath({
-						x: canvasL,
-						y: canvasT,
-						width: canvasW,
-						height: canvasH,
-						destWidth: canvasW,
-						destHeight: canvasH,
-						quality: 0.5,
-						canvasId: 'myCanvas',
-						success: function (res) {
-							uni.hideLoading()
-							// 成功获得地址的地方
-							uni.previewImage({
-								current: '', // 当前显示图片的http链接
-								urls: [res.tempFilePath] // 需要预览的图片http链接列表
-							})
-						}
-					});
-				});
-			},
-
-			// 设置大小的时候触发的touchStart事件
-			dragStart(e) {
-				T_PAGE_X = e.touches[0].pageX
-				T_PAGE_Y = e.touches[0].pageY
-				CUT_L = this.cutL
-				CUT_R = this.cutR
-				CUT_B = this.cutB
-				CUT_T = this.cutT
-			},
-
-			// 设置大小的时候触发的touchMove事件
-			dragMove(e) {
-				var _this = this
-				var dragType = e.target.dataset.drag
-				switch (dragType) {
-					case 'right':
-						var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
-						if (CUT_R + dragLength < 0) dragLength = -CUT_R
-						this.setData({
-							cutR: CUT_R + dragLength
-						})
-						break;
-					case 'left':
-						var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
-						if (CUT_L - dragLength < 0) dragLength = CUT_L
-						if ((CUT_L - dragLength) > (this.cropperW - this.cutR)) dragLength = CUT_L - (this.cropperW - this.cutR)
-						this.setData({
-							cutL: CUT_L - dragLength
-						})
-						break;
-					case 'top':
-						var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
-						if (CUT_T - dragLength < 0) dragLength = CUT_T
-						if ((CUT_T - dragLength) > (this.cropperH - this.cutB)) dragLength = CUT_T - (this.cropperH - this.cutB)
-						this.setData({
-							cutT: CUT_T - dragLength
-						})
-						break;
-					case 'bottom':
-						var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
-						if (CUT_B + dragLength < 0) dragLength = -CUT_B
-						this.setData({
-							cutB: CUT_B + dragLength
-						})
-						break;
-					case 'rightBottom':
-						var dragLengthX = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
-						var dragLengthY = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
-
-						if (CUT_B + dragLengthY < 0) dragLengthY = -CUT_B
-						if (CUT_R + dragLengthX < 0) dragLengthX = -CUT_R
-						let cutB = CUT_B + dragLengthY;
-						let cutR = CUT_R + dragLengthX;
-
-						this.setData({
-							cutB: cutB,
-							cutR: cutR
-						})
-						break;
-					default:
-						break;
-				}
-			}
-		}
-	}
-</script>
-
-<style>
-	/* pages/uni-cropper/index.wxss */
-
-	.uni-content-info {
-		/* position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		display: block;
-		align-items: center;
-		flex-direction: column; */
-	}
-
-	.cropper-config {
-		padding: 20rpx 40rpx;
-	}
-
-	.cropper-content {
-		min-height: 750rpx;
-		width: 100%;
-	}
-
-	.uni-corpper {
-		position: relative;
-		overflow: hidden;
-		-webkit-user-select: none;
-		-moz-user-select: none;
-		-ms-user-select: none;
-		user-select: none;
-		-webkit-tap-highlight-color: transparent;
-		-webkit-touch-callout: none;
-		box-sizing: border-box;
-	}
-
-	.uni-corpper-content {
-		position: relative;
-	}
-
-	.uni-corpper-content image {
-		display: block;
-		width: 100%;
-		min-width: 0 !important;
-		max-width: none !important;
-		height: 100%;
-		min-height: 0 !important;
-		max-height: none !important;
-		image-orientation: 0deg !important;
-		margin: 0 auto;
-	}
-	/* 移动图片效果 */
-
-	.uni-cropper-drag-box {
-		position: absolute;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		cursor: move;
-		background: rgba(0, 0, 0, 0.6);
-		z-index: 1;
-	}
-	/* 内部的信息 */
-
-	.uni-corpper-crop-box {
-		position: absolute;
-		background: rgba(255, 255, 255, 0.3);
-		z-index: 2;
-	}
-
-	.uni-corpper-crop-box .uni-cropper-view-box {
-		position: relative;
-		display: block;
-		width: 100%;
-		height: 100%;
-		overflow: visible;
-		outline: 1rpx solid #69f;
-		outline-color: rgba(102, 153, 255, .75)
-	}
-	/* 横向虚线 */
-
-	.uni-cropper-dashed-h {
-		position: absolute;
-		top: 33.33333333%;
-		left: 0;
-		width: 100%;
-		height: 33.33333333%;
-		border-top: 1rpx dashed rgba(255, 255, 255, 0.5);
-		border-bottom: 1rpx dashed rgba(255, 255, 255, 0.5);
-	}
-	/* 纵向虚线 */
-
-	.uni-cropper-dashed-v {
-		position: absolute;
-		left: 33.33333333%;
-		top: 0;
-		width: 33.33333333%;
-		height: 100%;
-		border-left: 1rpx dashed rgba(255, 255, 255, 0.5);
-		border-right: 1rpx dashed rgba(255, 255, 255, 0.5);
-	}
-	/* 四个方向的线  为了之后的拖动事件*/
-
-	.uni-cropper-line-t {
-		position: absolute;
-		display: block;
-		width: 100%;
-		background-color: #69f;
-		top: 0;
-		left: 0;
-		height: 1rpx;
-		opacity: 0.1;
-		cursor: n-resize;
-	}
-
-	.uni-cropper-line-t::before {
-		content: '';
-		position: absolute;
-		top: 50%;
-		right: 0rpx;
-		width: 100%;
-		-webkit-transform: translate3d(0, -50%, 0);
-		transform: translate3d(0, -50%, 0);
-		bottom: 0;
-		height: 41rpx;
-		background: transparent;
-		z-index: 11;
-	}
-
-	.uni-cropper-line-r {
-		position: absolute;
-		display: block;
-		background-color: #69f;
-		top: 0;
-		right: 0rpx;
-		width: 1rpx;
-		opacity: 0.1;
-		height: 100%;
-		cursor: e-resize;
-	}
-
-	.uni-cropper-line-r::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		left: 50%;
-		width: 41rpx;
-		-webkit-transform: translate3d(-50%, 0, 0);
-		transform: translate3d(-50%, 0, 0);
-		bottom: 0;
-		height: 100%;
-		background: transparent;
-		z-index: 11;
-	}
-
-	.uni-cropper-line-b {
-		position: absolute;
-		display: block;
-		width: 100%;
-		background-color: #69f;
-		bottom: 0;
-		left: 0;
-		height: 1rpx;
-		opacity: 0.1;
-		cursor: s-resize;
-	}
-
-	.uni-cropper-line-b::before {
-		content: '';
-		position: absolute;
-		top: 50%;
-		right: 0rpx;
-		width: 100%;
-		-webkit-transform: translate3d(0, -50%, 0);
-		transform: translate3d(0, -50%, 0);
-		bottom: 0;
-		height: 41rpx;
-		background: transparent;
-		z-index: 11;
-	}
-
-	.uni-cropper-line-l {
-		position: absolute;
-		display: block;
-		background-color: #69f;
-		top: 0;
-		left: 0;
-		width: 1rpx;
-		opacity: 0.1;
-		height: 100%;
-		cursor: w-resize;
-	}
-
-	.uni-cropper-line-l::before {
-		content: '';
-		position: absolute;
-		top: 0;
-		left: 50%;
-		width: 41rpx;
-		-webkit-transform: translate3d(-50%, 0, 0);
-		transform: translate3d(-50%, 0, 0);
-		bottom: 0;
-		height: 100%;
-		background: transparent;
-		z-index: 11;
-	}
-
-	.uni-cropper-point {
-		width: 5rpx;
-		height: 5rpx;
-		background-color: #69f;
-		opacity: .75;
-		position: absolute;
-		z-index: 3;
-	}
-
-	.point-t {
-		top: -3rpx;
-		left: 50%;
-		margin-left: -3rpx;
-		cursor: n-resize;
-	}
-
-	.point-tr {
-		top: -3rpx;
-		left: 100%;
-		margin-left: -3rpx;
-		cursor: n-resize;
-	}
-
-	.point-r {
-		top: 50%;
-		left: 100%;
-		margin-left: -3rpx;
-		margin-top: -3rpx;
-		cursor: n-resize;
-	}
-
-	.point-rb {
-		left: 100%;
-		top: 100%;
-		-webkit-transform: translate3d(-50%, -50%, 0);
-		transform: translate3d(-50%, -50%, 0);
-		cursor: n-resize;
-		width: 36rpx;
-		height: 36rpx;
-		background-color: #69f;
-		position: absolute;
-		z-index: 1112;
-		opacity: 1;
-	}
-
-	.point-b {
-		left: 50%;
-		top: 100%;
-		margin-left: -3rpx;
-		margin-top: -3rpx;
-		cursor: n-resize;
-	}
-
-	.point-bl {
-		left: 0%;
-		top: 100%;
-		margin-left: -3rpx;
-		margin-top: -3rpx;
-		cursor: n-resize;
-	}
-
-	.point-l {
-		left: 0%;
-		top: 50%;
-		margin-left: -3rpx;
-		margin-top: -3rpx;
-		cursor: n-resize;
-	}
-
-	.point-lt {
-		left: 0%;
-		top: 0%;
-		margin-left: -3rpx;
-		margin-top: -3rpx;
-		cursor: n-resize;
-	}
-	/* 裁剪框预览内容 */
-
-	.uni-cropper-viewer {
-		position: relative;
-		width: 100%;
-		height: 100%;
-		overflow: hidden;
-	}
-
-	.uni-cropper-viewer image {
-		position: absolute;
-		z-index: 2;
-	}
-</style>
diff --git a/pages/template/global/global.vue b/pages/template/global/global.vue
deleted file mode 100644
index 481efaa..0000000
--- a/pages/template/global/global.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-	<view class="pa">
-		<view class="uni-divider">
-			<view class="uni-divider__content">globalData</view>
-			<view class="uni-divider__line"></view>
-		</view>
-		<text class="text">globalData中text的值: {{gd.test}}</text>
-		<button @click="setGD()" class="button">修改上述值为123</button>
-
-		<view class="uni-divider">
-			<view class="uni-divider__content">vuex</view>
-			<view class="uni-divider__line"></view>
-		</view>
-		<text class="text">vuex中hasLogin的值: {{testvuex}}</text>
-		<button @click="setVUEX(true)" class="button">修改上述值为true</button>
-		<button @click="setVUEX(false)" class="button">修改上述值为false</button>
-	</view>
-</template>
-
-<script>
-	import {
-		mapState,
-		mapMutations
-	} from 'vuex'
-	export default {
-		data() {
-			return {
-				gd:{}
-			}
-		},
-		computed: {
-			...mapState(['testvuex'])
-		},
-		methods: {
-			...mapMutations(['setTestTrue']),
-			...mapMutations(['setTestFalse']),
-			setGD:function () {
-				this.gd.test="123"
-			},
-			setVUEX:function (isTrue) {
-				// console.log("this.testvuex: " + this.testvuex);
-				// this.hasLogin = true; 这样赋值不生效，必须用store/index.js里注册的mapMutations才行
-				if(isTrue){
-					this.setTestTrue(this.$store.state);
-				}
-				else{
-					this.setTestFalse(this.$store.state);
-				}
-				// console.log("this.testvuex: " + this.testvuex);
-			}
-		},
-		onShow() {
-			this.gd = getApp().globalData
-		}
-	}
-</script>
-
-<style>
-.button {
-	margin: 30rpx;
-	color: #007AFF;
-}
-.text{
-	margin-left: 30rpx;
-}
-</style>
diff --git a/pages/template/list-with-badges/list-with-badges.vue b/pages/template/list-with-badges/list-with-badges.vue
deleted file mode 100644
index b0fa31e..0000000
--- a/pages/template/list-with-badges/list-with-badges.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-	<view class="page">
-		<page-head :title="title"></page-head>
-		<view class="uni-card">
-			<view class="uni-list">
-				<view class="uni-list-cell-divider">
-					右侧带箭头
-				</view>
-				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
-					<view class="uni-list-cell-navigate uni-navigate-right">
-						Item1
-					</view>
-				</view>
-				<view class="uni-list-cell uni-list-cell-last" hover-class="uni-list-cell-hover">
-					<view class="uni-list-cell-navigate uni-navigate-right">
-						Item2
-					</view>
-				</view>
-				<view class="uni-list-cell-divider">
-					右侧带数字角标
-				</view>
-				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
-					<view class="uni-list-cell-navigate">
-						Item2
-						<uni-badge text="1" type="danger"></uni-badge>
-					</view>
-				</view>
-				<view class="uni-list-cell uni-list-cell-last" hover-class="uni-list-cell-hover">
-					<view class="uni-list-cell-navigate">
-						Item1
-						<uni-badge text="123" type="success"></uni-badge>
-					</view>
-				</view>
-				<view class="uni-list-cell-divider">
-					右侧带数字角标+箭头
-				</view>
-				<view class="uni-list-cell" hover-class="uni-list-cell-hover">
-					<view class="uni-list-cell-navigate uni-navigate-right uni-navigate-badge">
-						Item1
-						<uni-badge text="123" type="success"></uni-badge>
-					</view>
-				</view>
-				<view class="uni-list-cell uni-list-cell-last" hover-class="uni-list-cell-hover">
-					<view class="uni-list-cell-navigate uni-navigate-right uni-navigate-badge">
-						Item2
-						<uni-badge text="12" type="primary"></uni-badge>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	import uniBadge from "../../../components/uni-badge.vue";
-	export default {
-		data() {
-			return {
-				title: 'list-with-badges'
-			}
-		},
-		components: {
-			uniBadge
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/pages/template/list-with-collapses/list-with-collapses.vue b/pages/template/list-with-collapses/list-with-collapses.vue
deleted file mode 100644
index d33228a..0000000
--- a/pages/template/list-with-collapses/list-with-collapses.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-    <view class="page">
-        <page-head :title="title"></page-head>
-        <view class="uni-card">
-            <view class="uni-list">
-                <view class="uni-list-cell uni-collapse" v-for="(list,index) in lists" :key="index" :class="index === lists.length - 1 ? 'uni-list-cell-last' : ''">
-                    <view class="uni-list-cell-navigate uni-navigate-bottom" hover-class="uni-list-cell-hover" :class="list.show ? 'uni-active' : ''"
-                        @click="trigerCollapse(index)">
-                        {{list.title}}
-                    </view>
-                    <view class="uni-list uni-collapse" :class="list.show ? 'uni-active' : ''">
-                        <view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(item,key) in list.item" :key="key" :class="key === list.item.length - 1 ? 'uni-list-cell-last' : ''">
-                            <view class="uni-list-cell-navigate uni-navigate-right"> {{item}} </view>
-                        </view>
-                    </view>
-                </view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script>
-    export default {
-        data() {
-            return {
-                title: 'list-with-collapses',
-                lists: [{
-                        title: "产品",
-                        show: false,
-                        item: ["iOS", "Android", "HTML5"]
-                    },
-                    {
-                        title: "方案",
-                        show: false,
-                        item: ["PC方案", "手机方案", "TV方案"]
-                    },
-                    {
-                        title: "新闻",
-                        show: false,
-                        item: ["公司新闻", "行业新闻"]
-                    }
-                ]
-            }
-        },
-        methods: {
-            trigerCollapse(e) {
-                for (let i = 0, len = this.lists.length; i < len; ++i) {
-                    if (e === i) {
-                        this.lists[i].show = !this.lists[i].show;
-                    } else {
-                        this.lists[i].show = false;
-                    }
-                }
-
-            }
-        }
-    }
-</script>
-
-<style>
-
-</style>
diff --git a/pages/template/list2detail-detail/list2detail-detail.vue b/pages/template/list2detail-detail/list2detail-detail.vue
deleted file mode 100644
index 8ec90d5..0000000
--- a/pages/template/list2detail-detail/list2detail-detail.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<template>
-	<view>
-		<view class="banner">
-			<image class="banner-img" :src="banner.cover"></image>
-			<view class="banner-title">{{banner.title}}</view>
-		</view>
-		<view class="article-meta">
-			<text class="article-author">{{banner.author_name}}</text>
-			<text class="article-text">发表于</text>
-			<text class="article-time">{{banner.published_at}}</text>
-		</view>
-		<view class="article-content">
-			<rich-text :nodes="htmlNodes"></rich-text>
-		</view>
-		<!-- #ifdef MP-WEIXIN || MP-QQ -->
-		<ad v-if="htmlNodes.length > 0" unit-id="adunit-01b7a010bf53d74e"></ad>
-		<!-- #endif -->
-	</view>
-</template>
-
-<script>
-	const DETAIL_PAGE_PATH = '/pages/template/list2detail-detail/list2detail-detail';
-
-	import htmlParser from '@/common/html-parser.js'
-
-	function _handleShareChannels(provider) {
-		let channels = [];
-		for (let i = 0, len = provider.length; i < len; i++) {
-			switch (provider[i]) {
-				case 'weixin':
-					channels.push({
-						text: '分享到微信好友',
-						id: 'weixin',
-						sort: 0
-					});
-					channels.push({
-						text: '分享到微信朋友圈',
-						id: 'weixin',
-						sort: 1
-					});
-					break;
-				default:
-					break;
-			}
-		}
-		channels.sort(function(x, y) {
-			return x.sort - y.sort;
-		});
-		return channels;
-	}
-
-	export default {
-		data() {
-			return {
-				title: '',
-				banner: {},
-				htmlNodes: []
-			}
-		},
-		onLoad(event) {
-			// TODO 后面把参数名替换成 payload
-			const payload = event.detailDate || event.payload;
-			// 目前在某些平台参数会被主动 decode，暂时这样处理。
-			try {
-				this.banner = JSON.parse(decodeURIComponent(payload));
-			} catch (error) {
-				this.banner = JSON.parse(payload);
-			}
-			uni.setNavigationBarTitle({
-				title: this.banner.title
-			});
-			this.getDetail();
-		},
-		onShareAppMessage() {
-			return {
-				title: this.banner.title,
-				path: DETAIL_PAGE_PATH + '?detailDate=' + JSON.stringify(this.banner)
-			}
-		},
-		onNavigationBarButtonTap(event) {
-			const buttonIndex = event.index;
-			if (buttonIndex === 0) {
-				// 分享 H5 的页面
-				const shareProviders = [];
-				uni.getProvider({
-					service: 'share',
-					success: (result) => {
-						// 目前仅考虑分享到微信
-						if (result.provider && result.provider.length && ~result.provider.indexOf('weixin')) {
-							const channels = _handleShareChannels(result.provider);
-							uni.showActionSheet({
-								itemList: channels.map(channel => {
-									return channel.text;
-								}),
-								success: (result) => {
-									const tapIndex = result.tapIndex;
-									uni.share({
-										provider: 'weixin',
-										type: 0,
-										title: this.banner.title,
-										scene: tapIndex === 0 ? 'WXSceneSession' : 'WXSenceTimeline',
-										href: 'https://uniapp.dcloud.io/h5' + DETAIL_PAGE_PATH + '?detailDate=' + JSON.stringify(this.banner),
-										imageUrl: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b6304f00-5168-11eb-bd01-97bc1429a9ff.png'
-									});
-								}
-							});
-						} else {
-							uni.showToast({
-								title: '未检测到可用的微信分享服务'
-							});
-						}
-					},
-					fail: (error) => {
-						uni.showToast({
-							title: '获取分享服务失败'
-						});
-					}
-				});
-			}
-		},
-		methods: {
-			getDetail() {
-				uni.request({
-					url: 'https://unidemo.dcloud.net.cn/api/news/36kr/' + this.banner.post_id,
-					success: (data) => {
-						if (data.statusCode == 200) {
-							var htmlString = data.data.content.replace(/\\/g, "").replace(/<img/g, "<img style=\"display:none;\"");
-							this.htmlNodes = htmlParser(htmlString);
-						}
-					},
-					fail: () => {
-						console.log('fail');
-					}
-				});
-			}
-		}
-	}
-</script>
-
-<style>
-	.banner {
-		height: 360rpx;
-		overflow: hidden;
-		position: relative;
-		background-color: #ccc;
-	}
-
-	.banner-img {
-		width: 100%;
-	}
-
-	.banner-title {
-		max-height: 84rpx;
-		overflow: hidden;
-		position: absolute;
-		left: 30rpx;
-		bottom: 30rpx;
-		width: 90%;
-		font-size: 32rpx;
-		font-weight: 400;
-		line-height: 42rpx;
-		color: white;
-		z-index: 11;
-	}
-
-	.article-meta {
-		padding: 20rpx 40rpx;
-		display: flex;
-		flex-direction: row;
-		justify-content: flex-start;
-		color: gray;
-	}
-
-	.article-text {
-		font-size: 26rpx;
-		line-height: 50rpx;
-		margin: 0 20rpx;
-	}
-
-	.article-author,
-	.article-time {
-		font-size: 30rpx;
-	}
-
-	.article-content {
-		padding: 0 30rpx;
-		overflow: hidden;
-		font-size: 30rpx;
-		margin-bottom: 30rpx;
-	}
-</style>
diff --git a/pages/template/list2detail-list/list2detail-list.vue b/pages/template/list2detail-list/list2detail-list.vue
deleted file mode 100644
index 48ec8e5..0000000
--- a/pages/template/list2detail-list/list2detail-list.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<view>
-		<view class="banner" @click="goDetail(banner)">
-			<image class="banner-img" :src="banner.cover"></image>
-			<view class="banner-title">{{ banner.title }}</view>
-		</view>
-		<view class="uni-list">
-			<block v-for="(value, index) in listData" :key="index">
-				<view class="uni-list-cell" hover-class="uni-list-cell-hover" @click="goDetail(value)">
-					<view class="uni-media-list">
-						<image class="uni-media-list-logo" :src="value.cover"></image>
-						<view class="uni-media-list-body">
-							<view class="uni-media-list-text-top">{{ value.title }}</view>
-							<view class="uni-media-list-text-bottom">
-								<text>{{ value.author_name }}</text>
-								<text>{{ value.published_at }}</text>
-							</view>
-						</view>
-					</view>
-				</view>
-				<!-- #ifdef APP-PLUS -->
-				<view class="ad-view" v-if="(index > 0 && (index+1) % 10 == 0)">
-					<ad :adpid="adpid" @error="aderror"></ad>
-				</view>
-				<!-- #endif -->
-			</block>
-		</view>
-		<uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
-	</view>
-</template>
-
-<script>
-	import { dateUtils } from  '../../../common/util.js';
-
-	export default {
-		data() {
-			return {
-				banner: {},
-				listData: [],
-				last_id: '',
-				reload: false,
-				status: 'more',
-				adpid: '',
-				contentText: {
-					contentdown: '上拉加载更多',
-					contentrefresh: '加载中',
-					contentnomore: '没有更多'
-				}
-			};
-		},
-		onLoad() {
-			this.adpid = this.$adpid;
-			this.getBanner();
-			this.getList();
-		},
-		onPullDownRefresh() {
-			this.reload = true;
-			this.last_id = '';
-			this.getBanner();
-			this.getList();
-		},
-		onReachBottom() {
-			this.status = 'more';
-			this.getList();
-		},
-		methods: {
-			getBanner() {
-				let data = {
-					column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名
-				};
-				uni.request({
-					url: 'https://unidemo.dcloud.net.cn/api/banner/36kr',
-					data: data,
-					success: data => {
-						uni.stopPullDownRefresh();
-						if (data.statusCode == 200) {
-							this.banner = data.data;
-						}
-					},
-					fail: (data, code) => {
-						console.log('fail' + JSON.stringify(data));
-					}
-				});
-			},
-			getList() {
-				var data = {
-					column: 'id,post_id,title,author_name,cover,published_at' //需要的字段名
-				};
-				if (this.last_id) {
-					//说明已有数据，目前处于上拉加载
-					this.status = 'loading';
-					data.minId = this.last_id;
-					data.time = new Date().getTime() + '';
-					data.pageSize = 10;
-				}
-				uni.request({
-					url: 'https://unidemo.dcloud.net.cn/api/news',
-					data: data,
-					success: data => {
-						if (data.statusCode == 200) {
-							let list = this.setTime(data.data);
-							this.listData = this.reload ? list : this.listData.concat(list);
-							this.last_id = list[list.length - 1].id;
-							this.reload = false;
-						}
-					},
-					fail: (data, code) => {
-						console.log('fail' + JSON.stringify(data));
-					}
-				});
-			},
-			goDetail: function(e) {
-				// 				if (!/前|刚刚/.test(e.published_at)) {
-				// 					e.published_at = dateUtils.format(e.published_at);
-				// 				}
-				let detail = {
-					author_name: e.author_name,
-					cover: e.cover,
-					id: e.id,
-					post_id: e.post_id,
-					published_at: e.published_at,
-					title: e.title
-				};
-				uni.navigateTo({
-					url: '../list2detail-detail/list2detail-detail?detailDate=' + encodeURIComponent(JSON.stringify(detail))
-				});
-			},
-			setTime: function(items) {
-				var newItems = [];
-				items.forEach(e => {
-					newItems.push({
-						author_name: e.author_name,
-						cover: e.cover,
-						id: e.id,
-						post_id: e.post_id,
-						published_at: dateUtils.format(e.published_at),
-						title: e.title
-					});
-				});
-				return newItems;
-			},
-			aderror(e) {
-				console.log("aderror: " + JSON.stringify(e.detail));
-			}
-		}
-	};
-</script>
-
-<style>
-	.banner {
-		height: 360rpx;
-		overflow: hidden;
-		position: relative;
-		background-color: #ccc;
-	}
-
-	.banner-img {
-		width: 100%;
-	}
-
-	.banner-title {
-		max-height: 84rpx;
-		overflow: hidden;
-		position: absolute;
-		left: 30rpx;
-		bottom: 30rpx;
-		width: 90%;
-		font-size: 32rpx;
-		font-weight: 400;
-		line-height: 42rpx;
-		color: white;
-		z-index: 11;
-	}
-
-	.uni-media-list-logo {
-		width: 180rpx;
-		height: 140rpx;
-	}
-
-	.uni-media-list-body {
-		height: auto;
-		justify-content: space-around;
-	}
-
-	.uni-media-list-text-top {
-		height: 74rpx;
-		font-size: 28rpx;
-		overflow: hidden;
-	}
-
-	.uni-media-list-text-bottom {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-	}
-</style>
diff --git a/pages/template/nav-button/nav-button.vue b/pages/template/nav-button/nav-button.vue
deleted file mode 100644
index 85d1676..0000000
--- a/pages/template/nav-button/nav-button.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">
-				<uni-icons size="16" type="info"></uni-icons>说明 : </view>
-			<view class="uni-helllo-text">
-				<view>在App端可在pages.json里配置buttons，暂不支持动态改变buttons的样式，使用onNavigationBarButtonTap可监听buttons的点击事件。</view>
-				<view>在小程序端，不支持配置buttons，故按钮不见了。</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'nav-button'
-			}
-		},
-		onNavigationBarButtonTap(e) {
-			uni.showToast({
-				title: e.index === 0 ? "你点了分享按钮" : "你点了收藏按钮",
-				icon: "none"
-			})
-		}
-	}
-</script>
-
-<style>
-	
-</style>
diff --git a/pages/template/nav-city-dropdown/nav-city-dropdown.vue b/pages/template/nav-city-dropdown/nav-city-dropdown.vue
deleted file mode 100644
index 3dfb263..0000000
--- a/pages/template/nav-city-dropdown/nav-city-dropdown.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-<template>
-	<view class="mpvue-picker">
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">
-				<!-- #ifndef H5 -->
-				<uni-icons size="16" type="info"></uni-icons>
-				<!-- #endif -->
-				说明 :
-			</view>
-			<view class="uni-helllo-text">
-				<view>
-					在App端可在pages.json里配置buttons，暂不支持动态改变buttons的样式，使用onNavigationBarButtonTap可监听城市选择按钮的点击事件。
-				</view>
-			</view>
-		</view>
-		<mpvue-picker :themeColor="themeColor" ref="mpvuePicker" :mode="mode" :deepLength="deepLength"
-			:pickerValueDefault="pickerValueDefault" @onConfirm="onConfirm" @onCancel="onCancel"
-			:pickerValueArray="pickerValueArray"></mpvue-picker>
-
-		<!-- 		<picker ref="mpvuePicker" @change="bindPickerChange" :value="index" :range="pickerValueArray" range-key="label">
-			<view class="">{{pickerValueArray[index].label}}</view>
-		</picker>
- -->
-	</view>
-</template>
-
-<script>
-	// https://github.com/zhetengbiji/mpvue-picker
-	import mpvuePicker from '../../../components/mpvue-picker/mpvuePicker.vue';
-	// https://github.com/zhetengbiji/mpvue-citypicker
-
-	export default {
-		components: {
-			mpvuePicker
-		},
-		data() {
-			return {
-				title: 'nav-city-dropdown',
-				pickerValueArray: [{
-						label: '北京市',
-						value: 110000
-					},
-					{
-						label: '天津市',
-						value: 120000
-					},
-					{
-						label: '广州市',
-						value: 440100
-					},
-					{
-						label: '深圳市',
-						value: 440300
-					}
-				],
-				themeColor: '#007AFF',
-				mode: '',
-				deepLength: 1,
-				pickerValueDefault: [0],
-				index: 0,
-			};
-		},
-		onReady() {
-			// #ifdef VUE3
-			this.setStyle(0, '北京市')
-			// #endif
-			// #ifndef VUE3
-			this.setStyle(1, '北京市')
-			// #endif
-		},
-		methods: {
-			onCancel(e) {
-				console.log(e);
-			},
-			// 单列
-			showSinglePicker() {
-				this.mode = 'selector';
-				this.deepLength = 1;
-				this.pickerValueDefault = [0];
-				this.$refs.mpvuePicker.show();
-			},
-			onConfirm(e) {
-				console.log(e.label);
-				// #ifdef VUE3
-				this.setStyle(0, e.label)
-				// #endif
-				// #ifndef VUE3
-				this.setStyle(1, e.label)
-				// #endif
-			},
-			/**
-			 * 修改导航栏buttons
-			 * index[number] 修改的buttons 下标索引，最右边索引为0
-			 * text[string] 需要修改的text 内容
-			 */
-			setStyle(index, text) {
-				let pages = getCurrentPages();
-				let page = pages[pages.length - 1];
-				if (text.length > 3) {
-					text = text.substr(0, 3) + '...';
-				}
-				// #ifdef APP-PLUS
-				let currentWebview = page.$getAppWebview();
-				let titleNView = currentWebview.getStyle().titleNView;
-				// 添加文字过长截取为3个字符，请根据自己业务需求更改
-				titleNView.buttons[0].text = text;
-				currentWebview.setStyle({
-					titleNView: titleNView
-				});
-				// #endif
-				// #ifdef H5
-				// h5 临时方案
-				const btn = document.getElementsByClassName('uni-btn-icon')[index]
-				btn.innerText = text;
-				// #endif
-			}
-		},
-		onBackPress() {
-			if (this.$refs.mpvuePicker.showPicker) {
-				this.$refs.mpvuePicker.pickerCancel();
-				return true;
-			}
-		},
-		onUnload() {
-			if (this.$refs.mpvuePicker.showPicker) {
-				this.$refs.mpvuePicker.pickerCancel();
-			}
-		},
-		onNavigationBarButtonTap(e) {
-			if (e.index === 0) {
-				this.showSinglePicker();
-			}
-		}
-	};
-</script>
-
-<style></style>
diff --git a/pages/template/nav-default/nav-default.vue b/pages/template/nav-default/nav-default.vue
deleted file mode 100644
index e902134..0000000
--- a/pages/template/nav-default/nav-default.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-	<view class="page">
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
-			<view class="uni-helllo-text">
-				本页标题栏是uni-app的默认配置，开发者可在pages.json里配置文字内容及标题颜色，也可通过api接口将其改变。
-			</view>
-			<view class="uni-btn-v">
-				<button type="default" @click="setText">改变标题栏文字</button>
-				<!-- #ifndef MP-TOUTIAO -->
-				<button type="primary" @click="setBg">改变标题栏颜色</button>
-				<!-- #endif -->
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: 'nav-default',
-				hasSetText:false,
-				hasSetBg:false
-			}
-		},
-		methods: {
-			setText() {
-				this.hasSetText = !this.hasSetText;
-				uni.setNavigationBarTitle({
-					title: this.hasSetText ? "Hello uni-app" : "默认导航栏"
-				})
-			},
-			setBg() {
-				this.hasSetBg = !this.hasSetBg;
-				uni.setNavigationBarColor({
-					frontColor: this.hasSetBg ? "#ffffff" : "#000000",
-					backgroundColor: this.hasSetBg ? "#007AFF" : "#F8F8F8"
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-</style>
diff --git a/pages/template/nav-dot/nav-dot.vue b/pages/template/nav-dot/nav-dot.vue
deleted file mode 100644
index 502134f..0000000
--- a/pages/template/nav-dot/nav-dot.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title"> <uni-icons size="16" type="info"></uni-icons>说明 : </view>
-			<view class="uni-helllo-text">
-				<view
-					>在App端可在pages.json里配置buttons，暂不支持动态改变buttons的样式，使用onNavigationBarButtonTap可监听红点按钮的点击事件。</view
-				>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-export default {
-	data() {
-		return {
-			title: 'nav-dot'
-		};
-	},
-	onReady() {
-		this.setStyle(0,true);
-		this.setStyle(1,true,'9');
-
-	},
-	methods: {
-		/**
-		 * 修改导航栏buttons
-		 * index[number] 修改的buttons 下标索引，最右边索引为0
-		 * show[boolean] 显示还是隐藏角标或者红点
-		 * text[string] 需要修改的角标的text 内容 ，如果定义redDot 此参数无效 ，如果定义badgeText请设置具体，如果不用输入
-		 */
-		setStyle(index, show,text) {
-			let pages = getCurrentPages();
-			let page = pages[pages.length - 1];
-			// #ifdef APP-PLUS
-			let currentWebview = page.$getAppWebview();
-			if(show){
-				if(index === 0){
-					currentWebview.showTitleNViewButtonRedDot({index:index,text:text})
-				}else{
-					currentWebview.setTitleNViewButtonBadge({index:index,text:text})
-				}
-			}else{
-				if(index === 0){
-					currentWebview.hideTitleNViewButtonRedDot({index:index})
-				}else{
-					currentWebview.removeTitleNViewButtonBadge({index:index})
-				}
-			}
-			
-			// #endif
-		}
-	},
-	onNavigationBarButtonTap(e) {
-		uni.showToast({
-			title: e.index === 0 ? '你点了消息按钮' : '你点了关注按钮', 
-			icon: 'none'
-		});
-		// 取消红点或者角标 
-		this.setStyle(e.index,false);
-	}
-};
-</script>
-
-<style></style>
diff --git a/pages/template/nav-image/nav-image.vue b/pages/template/nav-image/nav-image.vue
deleted file mode 100644
index 829208f..0000000
--- a/pages/template/nav-image/nav-image.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">
-				<uni-icons size="16" type="info"></uni-icons>说明 : </view>
-			<view class="uni-helllo-text">
-				<view>在App端可在pages.json里通过 style -> titleImage 配置，支付宝小程序只支持https地址的图片，暂不支持动态改变；常用于App首页顶部导航显示产品Logo。</view>
-                <view>在支付宝小程序里请使用真机调试查看效果。</view>
-			</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: 'nav-image'
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>
diff --git a/pages/template/nav-search-input/detail/detail.vue b/pages/template/nav-search-input/detail/detail.vue
deleted file mode 100644
index eb70baf..0000000
--- a/pages/template/nav-search-input/detail/detail.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<template>
-	<view class="wrapper">
-		<view v-if="isHistory" class="history-box">
-			<view v-if="historyList.length > 0">
-				<view class="history-title">
-					<text>搜索历史</text>
-					<text class="uni-icon uni-icon-trash" @click="clearSearch"></text>
-				</view>
-				<view class="history-content">
-					<view class="history-item" v-for="(item, index) in historyList" :key="index">
-						{{ item.name }}
-					</view>
-				</view>
-			</view>
-			<view v-else class="no-data">您还没有历史记录</view>
-		</view>
-		<view v-else class="history-box">
-			<view v-if="historyList.length > 0" class="history-list-box">
-				<view
-					class="history-list-item"
-					v-for="(item, index) in historyList"
-					:key="index"
-					@click="listTap(item)"
-				>
-					<rich-text :nodes="item.nameNodes"></rich-text>
-				</view>
-			</view>
-			<view v-else class="no-data">没有搜索到相关内容</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import util from '@/components/amap-wx/js/util.js';
-
-export default {
-	data() {
-		return {
-			historyList: [],
-			isHistory: true,
-			list: [],
-			flng: true,
-			timer: null
-		};
-	},
-	onLoad() {
-		// 本示例用的是高德 sdk ，请根据具体需求换成自己的服务器接口。
-		this.amapPlugin = util.mapInit();
-		this.historyList = uni.getStorageSync('search:history');
-	},
-	methods: {
-		/**
-		 * 列表点击
-		 */
-		listTap(item) {
-			item = JSON.parse(JSON.stringify(item));
-			// 如果当前是历史搜索页面 ，那么点击不储存,直接 跳转
-			if (this.history) {
-				return;
-			} else {
-				this.isHistory = true;
-
-				// 去做一些相关搜索功能 ，这里直接返回到上一个页面
-				// 点击列表存储搜索数据
-				util.setHistory(item);
-				uni.navigateBack();
-			}
-		},
-		/**
-		 * 清理历史搜索数据
-		 */
-		clearSearch() {
-			uni.showModal({
-				title: '提示',
-				content: '是否清理全部搜索历史？该操作不可逆。',
-				success: res => {
-					if (res.confirm) {
-						this.historyList = util.removeHistory();
-					}
-				}
-			});
-		},
-		/**
-		 * 关键字搜索
-		 * 调用高德地图关键字搜索api
-		 */
-		getInputtips(val) {
-			let _this = this;
-			this.amapPlugin.getInputtips({
-				keywords: val,
-				city: '北京',
-				success: data => {
-					let dataObj = data.tips;
-					// 处理返回数据文字高亮
-					dataObj.map(item => {
-						return util.dataHandle(item, val);
-					});
-					//成功回调
-					_this.historyList = dataObj;
-				},
-				fail: info => {
-					//失败回调
-					console.log(info);
-				}
-			});
-		}
-	},
-	/**
-	 * 当 searchInput 输入时触发
-	 */
-	onNavigationBarSearchInputChanged(e) {
-		let text = e.text;
-		if (!text) {
-			this.isHistory = true;
-			this.historyList = [];
-			this.historyList = uni.getStorageSync('search:history');
-
-			return;
-		} else {
-			this.isHistory = false;
-			this.getInputtips(text);
-		}
-	},
-	/**
-	 * 点击软键盘搜索按键触发
-	 */
-	onNavigationBarSearchInputConfirmed(e) {
-		let text = e.text;
-		if (!text) {
-			this.isHistory = true;
-			this.historyList = [];
-			this.historyList = uni.getStorageSync('search:history');
-			uni.showModal({
-				title: '提示',
-				content: '请输入内容。',
-				success: res => {
-					if (res.confirm) {
-					}
-				}
-			});
-			return;
-		} else {
-			uni.showModal({
-				title: '提示',
-				content: `您输入的内容为"${text}",如果点击确定,将记录到历史搜索,并返回.如果取消不做操作`,
-				success: res => {
-					if (res.confirm) {
-						util.setHistory(text);
-						uni.navigateBack();
-					}
-				}
-			});
-		}
-	},
-	/**
-	 *  点击导航栏 buttons 时触发
-	 */
-	onNavigationBarButtonTap() {
-		uni.showModal({
-			title: '提示',
-			content: '点击确定，修改输入框的内容为abc',
-			success: res => {
-				if (res.confirm) {
-					const currentWebview = this.$mp.page.$getAppWebview();
-					currentWebview.setTitleNViewSearchInputText("abc");
-				}
-			}
-		});
-	}
-};
-</script>
-
-<style>
-.history-title {
-	display: flex;
-	justify-content: space-between;
-	padding: 20rpx 30rpx;
-	padding-bottom: 0;
-	font-size: 34rpx;
-	color: #333;
-}
-.history-title .uni-icon {
-	font-size: 40rpx;
-}
-.history-content {
-	display: flex;
-	flex-wrap: wrap;
-	padding: 15rpx;
-}
-.history-item {
-	padding: 4rpx 35rpx;
-	border: 1px #f1f1f1 solid;
-	background: #fff;
-	border-radius: 50rpx;
-	margin: 12rpx 10rpx;
-	color: #999;
-}
-.history-list-box {
-	/* margin: 10rpx 0; */
-}
-.history-list-item {
-	padding: 30rpx 0;
-	margin-left: 30rpx;
-	border-bottom: 1px #EEEEEE solid;
-	font-size: 28rpx;
-}
-
-.no-data {
-	text-align: center;
-	color: #999;
-	margin: 100rpx;
-}
-</style>
diff --git a/pages/template/nav-search-input/nav-search-input.vue b/pages/template/nav-search-input/nav-search-input.vue
deleted file mode 100644
index b8b0f50..0000000
--- a/pages/template/nav-search-input/nav-search-input.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<view class="page">
-		<swiper indicator-dots="true">
-			<swiper-item v-for="(img, key) in imgUrls" :key="key"><image :src="img" /></swiper-item>
-		</swiper>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">
-				
-				<view>本示例为导航栏带搜索框完整功能演示，主要演示有：</view>
-				<view>1. 导航栏为 transparent 模式，向上滑动页面，导航栏会从透明变为实色。</view>
-				<view>2. 点击搜索框跳转到搜索页面。</view>
-				<view>3. 点击导航栏右侧按钮实现关联操作。</view>
-				<view>4. 搜索页面为提示词搜索，输入内容实时显示关联词。</view>
-				<view>5. 搜索结果根据搜索内容高亮显示文字。</view>
-				<view>6. 点击搜索列表或者软键盘搜索按钮，会将结果保存到搜索历史列表。</view>
-				<view>7. 点击删除图标，清空历史搜索列表。</view>
-				<view>Tips </view>
-				<view>1. 本示例目前仅支持 App 端</view>
-				<view>2. 所有示例均为演示使用，具体逻辑需要自己实现。</view>
-
-			</view>
-		</view>
-		<view style="height: 1000rpx;"></view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			showSwiper: false,
-			imgUrls: [
-				'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b4b60b10-5168-11eb-bd01-97bc1429a9ff.jpg',
-				'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b1dcfa70-5168-11eb-bd01-97bc1429a9ff.jpg'
-			]
-		};
-	},
-	/**
-	 * 当 searchInput 配置 disabled 为 true 时触发
-	 */
-	onNavigationBarSearchInputClicked(e) {
-		console.log('事件执行了')
-		uni.navigateTo({
-			url: '/pages/template/nav-search-input/detail/detail'
-		});
-	},
-	/**
-	 *  点击导航栏 buttons 时触发
-	 */
-	onNavigationBarButtonTap() {
-		uni.showModal({
-			title: '提示',
-			content: '用户点击了功能按钮，这里仅做展示。',
-			success: res => {
-				if (res.confirm) {
-					console.log('用户点击了确定');
-				}
-			}
-		});
-	}
-};
-</script>
-
-<style>
-image,
-swiper,
-.img-view {
-	width: 750rpx;
-	width: 100%;
-	height: 500rpx;
-}
-.page-section-title {
-	margin-top: 50rpx;
-}
-</style>
diff --git a/pages/template/nav-transparent/nav-transparent.vue b/pages/template/nav-transparent/nav-transparent.vue
deleted file mode 100644
index 5321041..0000000
--- a/pages/template/nav-transparent/nav-transparent.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<view class="page">
-		<view class="img-view" v-if="!showSwiper">
-			<image :src="imgUrls[0]"></image>
-		</view>
-		<swiper v-if="showSwiper" indicator-dots="true">
-			<swiper-item v-for="(img,key) in imgUrls" :key="key">
-				<image :src="img" />
-			</swiper-item>
-		</swiper>
-		<view class="uni-padding-wrap uni-common-mt">
-			<view class="uni-title">
-				<view>在App端默认为标题栏透明，当用户向下滚动时，标题栏逐渐由透明转变为不透明；当用户再次向上滚动时，标题栏又从不透明变为透明状态。</view>
-				<view>在微信小程序端，导航栏始终为不透明样式。</view>
-                <!-- <view>在支付宝小程序里请使用真机调试查看效果。</view> -->
-			</view>
-			<view class="uni-title uni-common-mt">图片类型</view>
-		</view>
-		<view class="uni-list">
-			<radio-group @change="radioChange">
-				<label class="uni-list-cell uni-list-cell-pd" v-for="(item,index) in items" :key="index">
-					<view>{{item.name}}</view>
-					<view>
-						<radio :value="item.value" :checked="item.checked" />
-					</view>
-				</label>
-			</radio-group>
-		</view>
-		<view style="height: 1000rpx;"></view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				showSwiper: false,
-				imgUrls: [
-					"../../../static/shuijiao.jpg",
-					"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b4b60b10-5168-11eb-bd01-97bc1429a9ff.jpg",
-					"https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b1dcfa70-5168-11eb-bd01-97bc1429a9ff.jpg"
-				],
-				items: [{
-						value: "img",
-						name: '静态图',
-						checked: true
-					},
-					{
-						value: "swiper",
-						name: '轮播图',
-						checked: false
-					}
-				]
-			}
-		},
-		methods: {
-			radioChange(e) {
-				this.showSwiper = e.detail.value === "swiper";
-			}
-		}
-	}
-</script>
-
-<style>
-	image,
-	swiper,
-	.img-view {
-		width: 750rpx;
-		width: 100%;
-		height: 500rpx;
-	}
-	.page-section-title{
-		margin-top: 50rpx;
-	}
-</style>
diff --git a/pages/template/scheme/scheme.vue b/pages/template/scheme/scheme.vue
deleted file mode 100644
index 8a79d37..0000000
--- a/pages/template/scheme/scheme.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-	<view>
-		<page-head title="通过scheme打开三方app示例"></page-head>
-		<button class="button" @click="openBrowser('https://uniapp.dcloud.io/h5')">使用浏览器打开指定URL</button>
-		<button class="button" @click="openMarket()">使用应用商店打开指定App</button>
-		<button class="button" @click="openMarket('com.tencent.android.qqdownloader')">强制使用应用宝打开指定App</button>
-		<button class="button" @click="openTaobao('taobao://s.taobao.com/search?q=uni-app')">打开淘宝搜索页面</button>
-		<button class="button" @click="openMap()">打开地图并指定地点</button>
-		<view class="uni-divider">
-			<view class="uni-divider__content">打开QQ</view>
-			<view class="uni-divider__line"></view>
-		</view>
-		<view class="uni-padding-wrap">
-			<form @submit="openQQ">
-				<view>
-					<view class="uni-title">请输入聊天对象QQ号：</view>
-					<view class="uni-list">
-						<view class="uni-list-cell">
-							<input class="uni-input" name="qqNum" type="number"/>
-						</view>
-					</view>
-				</view>
-				<view>
-					<view class="uni-title">请选择QQ号类型：</view>
-					<radio-group class="uni-flex" name="qqNumType">
-						<label>
-							<radio value="wpa" checked=""/>普通QQ号</label>
-						<label>
-							<radio value="crm" />营销QQ号(无需加好友直接聊天)</label>
-					</radio-group>
-				</view>
-				<view class="uni-btn-v uni-common-mt">
-					<button class="button" formType="submit">打开qq并到指定聊天界面</button>
-				</view>
-			</form>
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			
-		};
-	},
-	methods: {
-		openBrowser(url){
-			plus.runtime.openURL(url)
-		},
-		openMarket(marketPackageName) {
-			var appurl;
-			if (plus.os.name=="Android") {
-				appurl = "market://details?id=io.dcloud.hellouniapp";//可能部分应用商店没有收录
-			}
-			else{
-				appurl = "itms-apps://itunes.apple.com/cn/app/hello-uni-app/id1417078253";
-			}
-			if (typeof(marketPackageName)=="undefined") {
-				plus.runtime.openURL(appurl, function(res) {
-					console.log(res);
-				});
-			} else{//强制指定某个Android应用市场的包名，通过这个包名启动指定app
-				if (plus.os.name=="Android") {
-					plus.runtime.openURL(appurl, function(res) {
-						plus.nativeUI.alert("本机没有安装应用宝");
-					},marketPackageName);
-				} else{
-					plus.nativeUI.alert("仅Android手机才支持应用宝");
-				}
-			}
-		},
-		openTaobao(url){
-			plus.runtime.openURL(url, function(res) {
-				uni.showModal({
-					content:"本机未检测到淘宝客户端，是否打开浏览器访问淘宝？",
-					success:function(res){
-						if (res.confirm) {
-							plus.runtime.openURL("https://s.taobao.com/search?q=uni-app")
-						}
-					}
-				})
-			});
-		},
-		openMap(){
-			var url = "";
-			if (plus.os.name=="Android") {
-				var hasBaiduMap = plus.runtime.isApplicationExist({pname:'com.baidu.BaiduMap',action:'baidumap://'});
-				var hasAmap = plus.runtime.isApplicationExist({pname:'com.autonavi.minimap',action:'androidamap://'});
-				var urlBaiduMap = "baidumap://map/marker?location=39.968789,116.347247&title=DCloud&src=Hello%20uni-app";
-				var urlAmap = "androidamap://viewMap?sourceApplication=Hello%20uni-app&poiname=DCloud&lat=39.9631018208&lon=116.3406135236&dev=0"
-				if (hasAmap && hasBaiduMap) {
-					plus.nativeUI.actionSheet({title:"选择地图应用",cancel:"取消",buttons:[{title:"百度地图"},{title:"高德地图"}]}, function(e){
-						switch (e.index){
-							case 1:
-								plus.runtime.openURL(urlBaiduMap);
-								break;
-							case 2:
-								plus.runtime.openURL(urlAmap);
-								break;
-						}
-					})
-				}
-				else if (hasAmap) {
-					plus.runtime.openURL(urlAmap);
-				}
-				else if (hasBaiduMap) {
-					plus.runtime.openURL(urlBaiduMap);
-				}
-				else{
-					url = "geo:39.96310,116.340698?q=%e6%95%b0%e5%ad%97%e5%a4%a9%e5%a0%82";
-					plus.runtime.openURL(url); //如果是国外应用，应该优先使用这个，会启动google地图。这个接口不能统一坐标系，进入百度地图时会有偏差
-				}
-			} else{
-				// iOS上获取本机是否安装了百度高德地图，需要在manifest里配置，在manifest.json文件app-plus->distribute->apple->urlschemewhitelist节点下添加（如urlschemewhitelist:["iosamap","baidumap"]）
-				plus.nativeUI.actionSheet({title:"选择地图应用",cancel:"取消",buttons:[{title:"Apple地图"},{title:"百度地图"},{title:"高德地图"}]}, function(e){
-					console.log("e.index: " + e.index);
-					switch (e.index){
-						case 1:
-							url = "http://maps.apple.com/?q=%e6%95%b0%e5%ad%97%e5%a4%a9%e5%a0%82&ll=39.96310,116.340698&spn=0.008766,0.019441";
-							break;
-						case 2:
-							url = "baidumap://map/marker?location=39.968789,116.347247&title=DCloud&src=Hello%20uni-app";
-							break;
-						case 3:
-							url = "iosamap://viewMap?sourceApplication=Hello%20uni-app&poiname=DCloud&lat=39.9631018208&lon=116.3406135236&dev=0";
-							break;
-						default:
-							break;
-					}
-					if (url!="") {
-						plus.runtime.openURL( url, function( e ) {
-							plus.nativeUI.alert("本机未安装指定的地图应用");
-						});
-					}
-				})
-			}
-		},
-		openQQ: function (e) {
-			// console.log("e.detail.value: " + JSON.stringify(e.detail.value));
-			// 没有校验qq号是否为空或合法数字，如果不是可用的qq号，启动qq后会停留在qq主界面
-			plus.runtime.openURL('mqqwpa://im/chat?chat_type=' + e.detail.value.qqNumType + '&uin=' + e.detail.value.qqNum,function (res) {
-				plus.nativeUI.alert("本机没有安装QQ，无法启动");
-			});
-		}
-	}
-};
-</script>
-<style>
-.button {
-	margin: 30rpx;
-	color: #007AFF;
-}
-</style>
diff --git a/pages/template/swiper-list-nvue/swiper-list-nvue.nvue b/pages/template/swiper-list-nvue/swiper-list-nvue.nvue
deleted file mode 100644
index f4a152a..0000000
--- a/pages/template/swiper-list-nvue/swiper-list-nvue.nvue
+++ /dev/null
@@ -1,393 +0,0 @@
-<template>
-    <list :id="pageId" class="page" :bounce="false" fixFreezing="true">
-        <cell>
-            <view id="head" class="header">
-                <text class="header-title">header</text>
-            </view>
-        </cell>
-        <cell>
-            <view class="tabs" :style="'height:' + pageHeight + 'px'">
-                <scroll-view ref="tabbar1" id="tab-bar" class="tab-bar" :scroll="false" :scroll-x="true"
-                    :show-scrollbar="false" :scroll-into-view="scrollInto">
-                    <view style="flex-direction: column;">
-                        <view style="flex-direction: row;">
-                            <view class="uni-tab-item" v-for="(tab,index) in tabList" :key="tab.id" :id="tab.id" :ref="'tabitem'+index"
-                                :data-id="index" :data-current="index" @click="ontabtap">
-                                <text class="uni-tab-item-title" :class="tabIndex==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>
-                            </view>
-                        </view>
-                        <view class="scroll-view-indicator">
-                            <view ref="underline" class="scroll-view-underline" :class="isTap ? 'scroll-view-animation':''"
-                                :style="{left: indicatorLineLeft + 'px', width: indicatorLineWidth + 'px'}"></view>
-                        </view>
-                    </view>
-                </scroll-view>
-                <view class="tab-bar-line"></view>
-                <swiper class="tab-view" ref="swiper1" id="tab-bar-view" :current="tabIndex" :duration="300" @change="onswiperchange"
-                    @transition="onswiperscroll" @animationfinish="animationfinish" @onAnimationEnd="animationfinish">
-                    <swiper-item class="swiper-item" v-for="(page, index) in tabList" :key="index">
-                        <swiper-page class="swiper-page" :pid="page.pageid" :parentId="pageId" ref="page"></swiper-page>
-                    </swiper-item>
-                </swiper>
-            </view>
-        </cell>
-    </list>
-</template>
-
-<script>
-    // #ifdef APP-PLUS
-    const dom = weex.requireModule('dom');
-    // #endif
-
-    // 缓存每页最多
-    const MAX_CACHE_DATA = 100;
-
-    // 缓存页签数量
-    const MAX_CACHE_PAGE = 3;
-    const TAB_PRELOAD_OFFSET = 1;
-
-    import swiperPage from './swiper-page.nvue';
-
-    export default {
-        components: {
-            swiperPage
-        },
-        data() {
-            return {
-                tabList: [],
-                tabIndex: 0,
-                cacheTab: [],
-                scrollInto: "",
-                indicatorLineLeft: 0,
-                indicatorLineWidth: 0,
-                isTap: false,
-                showTitleView: true,
-                pageHeight: 300,
-                pageId: "page"
-            }
-        },
-        onLoad() {
-            for (var i = 0; i < 6; i++) {
-                this.tabList.push({
-                    id: "tab" + i,
-                    name: 'Tab ' + (i + 1),
-                    pageid: i + 1
-                })
-            }
-        },
-        onReady() {
-            this.pageHeight = uni.getSystemInfoSync().windowHeight;
-            this._lastTabIndex = 0;
-            this.swiperWidth = 0;
-            this.tabbarWidth = 0;
-            this.tabListSize = {};
-            this._touchTabIndex = 0;
-            this._headHeight = 100;
-
-            this.pageList = this.$refs.page;
-            this.selectorQuery();
-        },
-        methods: {
-            ontabtap(e) {
-                let index = e.target.dataset.current || e.currentTarget.dataset.current;
-                //let offsetIndex = this._touchTabIndex = Math.abs(index - this._lastTabIndex) > 1;
-
-                // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                this.isTap = true;
-                var currentSize = this.tabListSize[index];
-                this.updateIndicator(currentSize.left, currentSize.width);
-                this._touchTabIndex = index;
-                // #endif
-
-                this.switchTab(index);
-            },
-            onswiperchange(e) {
-                // 注意：百度小程序会触发2次
-
-                // #ifndef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                let index = e.target.current || e.detail.current;
-                this.switchTab(index);
-                // #endif
-            },
-            onswiperscroll(e) {
-                if (this.isTap) {
-                    return;
-                }
-
-                var offsetX = e.detail.dx;
-                var preloadIndex = this._lastTabIndex;
-                if (offsetX > TAB_PRELOAD_OFFSET) {
-                    preloadIndex++;
-                } else if (offsetX < -TAB_PRELOAD_OFFSET) {
-                    preloadIndex--;
-                }
-                if (preloadIndex === this._lastTabIndex || preloadIndex < 0 || preloadIndex > this.pageList.length - 1) {
-                    return;
-                }
-                if (this.pageList[preloadIndex].dataList.length === 0) {
-                    this.loadTabData(preloadIndex);
-                }
-
-                // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                var percentage = Math.abs(this.swiperWidth / offsetX);
-                var currentSize = this.tabListSize[this._lastTabIndex];
-                var preloadSize = this.tabListSize[preloadIndex];
-                var lineL = currentSize.left + (preloadSize.left - currentSize.left) / percentage;
-                var lineW = currentSize.width + (preloadSize.width - currentSize.width) / percentage;
-                this.updateIndicator(lineL, lineW);
-                // #endif
-            },
-            animationfinish(e) {
-                // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                let index = e.detail.current;
-                if (this._touchTabIndex === index) {
-                    this.isTap = false;
-                }
-                this._lastTabIndex = index;
-                this.switchTab(index);
-                this.updateIndicator(this.tabListSize[index].left, this.tabListSize[index].width);
-                // #endif
-            },
-            selectorQuery() {
-                // #ifdef APP-NVUE
-                uni.createSelectorQuery().in(this).select('#head').boundingClientRect().exec(rect => {
-                    this._headHeight = rect[0].height;
-                });
-
-                // 查询 tabbar 宽度
-                uni.createSelectorQuery().in(this).select('#tab-bar').boundingClientRect().exec(rect => {
-                    this.tabbarWidth = rect[0].width;
-                });
-                // 查询 tabview 宽度
-                uni.createSelectorQuery().in(this).select('#tab-bar-view').boundingClientRect().exec(rect => {
-                    this.swiperWidth = rect[0].width;
-                });
-
-                // 因 nvue 暂不支持 class 查询
-                var queryTabSize = uni.createSelectorQuery().in(this);
-                for (var i = 0; i < this.tabList.length; i++) {
-                    queryTabSize.select('#' + this.tabList[i].id).boundingClientRect();
-                }
-                queryTabSize.exec(rects => {
-                    rects.forEach((rect) => {
-                        this.tabListSize[rect.dataset.id] = rect;
-                    })
-                    this.updateIndicator(this.tabListSize[this.tabIndex].left, this.tabListSize[this.tabIndex].width);
-                    this.switchTab(this.tabIndex);
-                });
-                // #endif
-
-                // #ifdef MP-WEIXIN || H5 || MP-QQ
-                uni.createSelectorQuery().in(this).select('.tab-view').fields({
-                    dataset: true,
-                    size: true,
-                }, (res) => {
-                    this.swiperWidth = res.width;
-                }).exec();
-                uni.createSelectorQuery().in(this).selectAll('.uni-tab-item').boundingClientRect((rects) => {
-                    rects.forEach((rect) => {
-                        this.tabListSize[rect.dataset.id] = rect;
-                    })
-                    this.updateIndicator(this.tabListSize[this.tabIndex].left, this.tabListSize[this.tabIndex].width);
-                }).exec();
-                // #endif
-            },
-            updateIndicator(left, width) {
-                this.indicatorLineLeft = left;
-                this.indicatorLineWidth = width;
-            },
-            switchTab(index) {
-                if (this.pageList[index].dataList.length === 0) {
-                    this.loadTabData(index);
-                }
-
-                this.pageList[index].setScrollRef(this._headHeight);
-
-                if (this.tabIndex === index) {
-                    return;
-                }
-
-                // 缓存 tabId
-                if (this.pageList[this.tabIndex].dataList.length > MAX_CACHE_DATA) {
-                    let isExist = this.cacheTab.indexOf(this.tabIndex);
-                    if (isExist < 0) {
-                        this.cacheTab.push(this.tabIndex);
-                    }
-                }
-
-                this.tabIndex = index;
-
-                // #ifdef APP-NVUE
-                this.scrollTabTo(index);
-                // #endif
-                // #ifndef APP-NVUE
-                this.scrollInto = this.tabList[index].id;
-                // #endif
-
-                // 释放 tabId
-                if (this.cacheTab.length > MAX_CACHE_PAGE) {
-                    let cacheIndex = this.cacheTab[0];
-                    this.clearTabData(cacheIndex);
-                    this.cacheTab.splice(0, 1);
-                }
-            },
-            scrollTabTo(index) {
-                const el = this.$refs['tabitem' + index][0];
-                let offset = 0;
-                // TODO fix ios offset
-                if (index > 0) {
-                    offset = this.tabbarWidth / 2 - this.tabListSize[index].width / 2;
-                    if (this.tabListSize[index].right < this.tabbarWidth / 2) {
-                        offset = this.tabListSize[0].width;
-                    }
-                }
-                dom.scrollToElement(el, {
-                    offset: -offset
-                });
-            },
-            loadTabData(index) {
-                this.pageList[index].loadData();
-            },
-            clearTabData(index) {
-                this.pageList[index].clear();
-            }
-        }
-    }
-</script>
-
-<style>
-    /* #ifndef APP-PLUS */
-    page {
-        width: 100%;
-        min-height: 100%;
-        display: flex;
-    }
-
-    /* #endif */
-
-    .page {
-        flex: 1;
-    }
-
-    .header {
-        height: 160px;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        background-color: #f4f4f4;
-    }
-
-    .header-title {
-        font-size: 30px;
-        font-weight: bold;
-        color: #444;
-    }
-
-    .flexible-view {
-        background-color: #f823ff;
-    }
-
-    .page-head {
-        height: 200px;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        background-color: red;
-    }
-
-    .tabs {
-        flex-direction: column;
-        overflow: hidden;
-        background-color: #ffffff;
-        /* #ifdef MP-ALIPAY || MP-BAIDU */
-        height: 100vh;
-        /* #endif */
-    }
-
-    .tab-bar {
-        width: 750rpx;
-        height: 84rpx;
-        flex-direction: row;
-        /* #ifndef APP-PLUS */
-        white-space: nowrap;
-        /* #endif */
-    }
-
-    /* #ifndef APP-NVUE */
-    .tab-bar ::-webkit-scrollbar {
-        display: none;
-        width: 0 !important;
-        height: 0 !important;
-        -webkit-appearance: none;
-        background: transparent;
-    }
-
-    /* #endif */
-
-    .scroll-view-indicator {
-        position: relative;
-        height: 2px;
-        background-color: transparent;
-    }
-
-    .scroll-view-underline {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        width: 0;
-        background-color: #007AFF;
-    }
-
-    .scroll-view-animation {
-        transition-duration: 0.2s;
-        transition-property: left;
-    }
-
-    .tab-bar-line {
-        height: 1rpx;
-        background-color: #cccccc;
-    }
-
-    .tab-view {
-        flex: 1;
-    }
-
-    .uni-tab-item {
-        /* #ifndef APP-PLUS */
-        display: inline-block;
-        /* #endif */
-        flex-wrap: nowrap;
-        padding-left: 25px;
-        padding-right: 25px;
-    }
-
-    .uni-tab-item-title {
-        color: #555;
-        font-size: 30rpx;
-        height: 80rpx;
-        line-height: 80rpx;
-        flex-wrap: nowrap;
-        /* #ifndef APP-PLUS */
-        white-space: nowrap;
-        /* #endif */
-    }
-
-    .uni-tab-item-title-active {
-        color: #007AFF;
-    }
-
-    .swiper-item {
-        flex: 1;
-        flex-direction: column;
-    }
-
-    .swiper-page {
-        flex: 1;
-        flex-direction: row;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-    }
-</style>
diff --git a/pages/template/swiper-list-nvue/swiper-page.nvue b/pages/template/swiper-list-nvue/swiper-page.nvue
deleted file mode 100644
index 2923e64..0000000
--- a/pages/template/swiper-list-nvue/swiper-page.nvue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-    <view class="uni-swiper-page">
-        <list ref="list" class="list" :offset-accuracy="5" :bounce="false" fixFreezing="true">
-            <cell v-for="(item, index) in dataList" :key="item.id" :ref="'item'+index">
-                <view class="list-item">
-                    <text>{{item.name}}</text>
-                </view>
-            </cell>
-            <cell class="loading"></cell>
-        </list>
-    </view>
-</template>
-
-<script>
-    export default {
-        props: {
-            pid: {
-                type: [Number, String],
-                default: ''
-            },
-            parentId: {
-                type: String,
-                default: ''
-            }
-        },
-        data() {
-            return {
-                scrollable: true,
-                dataList: []
-            }
-        },
-        created() {
-            for (var i = 0; i < 30; i++) {
-                this.dataList.push({
-                    id: i,
-                    name: i
-                });
-            }
-        },
-        methods: {
-            setScrollRef(height) {
-                if (this.$refs['list'].setSpecialEffects) {
-                    this.$refs['list'].setSpecialEffects({
-                        id: this.parentId,
-                        headerHeight: height
-                    });
-                }
-            },
-            loadData() {
-                // 首次激活时被调用
-            },
-            clear() {
-                // 释放数据时被调用，参考 swiper-list 缓存配置
-                this.dataList.length = 0;
-            }
-        }
-    }
-</script>
-
-<style scoped>
-    .uni-swiper-page {
-        flex: 1;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-    }
-
-    .list {
-        flex: 1;
-        background-color: #ebebeb;
-    }
-
-    .list-item {
-        margin-left: 12px;
-        margin-right: 12px;
-        margin-top: 12px;
-        padding: 20px;
-        background-color: #fff;
-        border-radius: 5px;
-    }
-
-    .loading {
-        height: 20px;
-    }
-</style>
diff --git a/pages/template/swiper-list/swiper-list.nvue b/pages/template/swiper-list/swiper-list.nvue
deleted file mode 100644
index aedbddb..0000000
--- a/pages/template/swiper-list/swiper-list.nvue
+++ /dev/null
@@ -1,363 +0,0 @@
-<template>
-    <view class="tabs">
-        <scroll-view ref="tabbar1" id="tab-bar" class="tab-bar" :scroll="false" :scroll-x="true" :show-scrollbar="false"
-            :scroll-into-view="scrollInto">
-            <view style="flex-direction: column;">
-                <view style="flex-direction: row;">
-                    <view class="uni-tab-item" v-for="(tab,index) in tabList" :key="tab.id" :id="tab.id" :ref="'tabitem'+index"
-                        :data-id="index" :data-current="index" @click="ontabtap">
-                        <text class="uni-tab-item-title" :class="tabIndex==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>
-                    </view>
-                </view>
-                <view class="scroll-view-indicator">
-                    <view ref="underline" class="scroll-view-underline" :class="isTap ? 'scroll-view-animation':''"
-                        :style="{left: indicatorLineLeft + 'px', width: indicatorLineWidth + 'px'}"></view>
-                </view>
-            </view>
-        </scroll-view>
-        <view class="tab-bar-line"></view>
-        <swiper class="tab-view" ref="swiper1" id="tab-bar-view" :current="tabIndex" :duration="300" @change="onswiperchange"
-            @transition="onswiperscroll" @animationfinish="animationfinish" @onAnimationEnd="animationfinish">
-            <swiper-item class="swiper-item" v-for="(page, index) in tabList" :key="index">
-                <!-- #ifndef MP-ALIPAY -->
-                <swiperPage class="swiper-page" :pid="page.pageid" ref="page"></swiperPage>
-                <!-- #endif -->
-                <!-- #ifdef MP-ALIPAY -->
-                <swiperPage class="swiper-page" :pid="page.pageid" :ref="'page' + index"></swiperPage>
-                <!-- #endif -->
-            </swiper-item>
-        </swiper>
-    </view>
-</template>
-
-<script>
-    // #ifdef APP-NVUE
-    const dom = weex.requireModule('dom');
-    // #endif
-
-    // 缓存每页最多
-    const MAX_CACHE_DATA = 100;
-
-    // 缓存页签数量
-    const MAX_CACHE_PAGE = 3;
-    const TAB_PRELOAD_OFFSET = 1;
-
-    import swiperPage from './swiper-page.nvue';
-
-    export default {
-        components: {
-            swiperPage
-        },
-        data() {
-            return {
-                tabList: [],
-                tabIndex: 0,
-                cacheTab: [],
-                scrollInto: "",
-                indicatorLineLeft: 0,
-                indicatorLineWidth: 0,
-                isTap: false
-            }
-        },
-        onLoad() {
-            for (var i = 0; i < 6; i++) {
-                this.tabList.push({
-                    id: "tab" + i,
-                    name: 'Tab ' + (i + 1),
-                    pageid: i + 1
-                })
-            }
-        },
-        onReady() {
-            this._lastTabIndex = 0;
-            this.swiperWidth = 0;
-            this.tabbarWidth = 0;
-            this.tabListSize = {};
-            this._touchTabIndex = 0;
-
-            // #ifndef MP-ALIPAY
-            this.pageList = this.$refs.page;
-            // #endif
-            // #ifdef MP-ALIPAY
-            this.pageList = [];
-            for (var i = 0; i < this.tabList.length; i++) {
-                this.pageList.push(this.$refs['page' + i][0]);
-            }
-            // #endif
-            this.switchTab(this.tabIndex);
-
-            this.getTabbarItemsSize();
-        },
-        methods: {
-            ontabtap(e) {
-                let index = e.target.dataset.current || e.currentTarget.dataset.current;
-
-                // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                this.isTap = true;
-                var currentSize = this.tabListSize[index];
-                this.updateIndicator(currentSize.left, currentSize.width);
-                this._touchTabIndex = index;
-                // #endif
-
-                this.switchTab(index);
-            },
-            onswiperchange(e) {
-                // 注意：百度小程序会触发2次
-
-                // #ifndef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                let index = e.target.current || e.detail.current;
-                this.switchTab(index);
-                // #endif
-            },
-            onswiperscroll(e) {
-                if (this.isTap) {
-                    return;
-                }
-
-                var offsetX = e.detail.dx;
-                var preloadIndex = this._lastTabIndex;
-                if (offsetX > TAB_PRELOAD_OFFSET) {
-                    preloadIndex++;
-                } else if (offsetX < -TAB_PRELOAD_OFFSET) {
-                    preloadIndex--;
-                }
-                if (preloadIndex === this._lastTabIndex || preloadIndex < 0 || preloadIndex > this.pageList.length - 1) {
-                    return;
-                }
-                if (this.pageList[preloadIndex].dataList.length === 0) {
-                    this.loadTabData(preloadIndex);
-                }
-
-                /// 计算 tabbar 底线
-                // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                var percentage = Math.abs(this.swiperWidth / offsetX);
-                var currentSize = this.tabListSize[this._lastTabIndex];
-                var preloadSize = this.tabListSize[preloadIndex];
-                var lineL = currentSize.left + (preloadSize.left - currentSize.left) / percentage;
-                var lineW = currentSize.width + (preloadSize.width - currentSize.width) / percentage;
-                this.updateIndicator(lineL, lineW);
-                // #endif
-            },
-            animationfinish(e) {
-                // #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-QQ
-                let index = e.detail.current;
-                if (this._touchTabIndex === index) {
-                    this.isTap = false;
-                }
-                this._lastTabIndex = index;
-                this.switchTab(index);
-                this.updateIndicator(this.tabListSize[index].left, this.tabListSize[index].width);
-                // #endif
-            },
-            getTabbarItemsSize() {
-                // #ifdef APP-NVUE
-                // 查询 tabbar 宽度
-                uni.createSelectorQuery().in(this).select('#tab-bar').boundingClientRect().exec(rect => {
-                    this.tabbarWidth = rect[0].width;
-                });
-                // 查询 tabview 宽度
-                uni.createSelectorQuery().in(this).select('#tab-bar-view').boundingClientRect().exec(rect => {
-                    this.swiperWidth = rect[0].width;
-                });
-
-                // 因 nvue 暂不支持 class 查询
-                var queryTabSize = uni.createSelectorQuery().in(this);
-                for (var i = 0; i < this.tabList.length; i++) {
-                    queryTabSize.select('#' + this.tabList[i].id).boundingClientRect();
-                }
-                queryTabSize.exec(rects => {
-                    console.log(JSON.stringify(rects));
-                    rects.forEach((rect) => {
-                        this.tabListSize[rect.dataset.id] = rect;
-                    })
-                });
-                // #endif
-
-                // #ifdef MP-WEIXIN || H5 || MP-QQ
-                uni.createSelectorQuery().in(this).select('.tab-view').fields({
-                    dataset: true,
-                    size: true,
-                }, (res) => {
-                    this.swiperWidth = res.width;
-                }).exec();
-                uni.createSelectorQuery().in(this).selectAll('.uni-tab-item').boundingClientRect((rects) => {
-                    rects.forEach((rect) => {
-                        this.tabListSize[rect.dataset.id] = rect;
-                    })
-                }).exec();
-                // #endif
-
-                // #ifdef APP-NVUE || H5 || MP-WEIXIN || MP-QQ
-                setTimeout(() => {
-                    this.updateIndicator(this.tabListSize[this.tabIndex].left, this.tabListSize[this.tabIndex].width);
-                }, 100)
-                // #endif
-            },
-            updateIndicator(left, width) {
-                this.indicatorLineLeft = left;
-                this.indicatorLineWidth = width;
-            },
-            switchTab(index) {
-                if (this.pageList[index].dataList.length === 0) {
-                    this.loadTabData(index);
-                }
-
-                if (this.tabIndex === index) {
-                    return;
-                }
-
-                // 缓存 tabId
-                if (this.pageList[this.tabIndex].dataList.length > MAX_CACHE_DATA) {
-                    let isExist = this.cacheTab.indexOf(this.tabIndex);
-                    if (isExist < 0) {
-                        this.cacheTab.push(this.tabIndex);
-                    }
-                }
-
-                this.tabIndex = index;
-
-                // #ifdef APP-NVUE
-                this.scrollTabTo(index);
-                // #endif
-                // #ifndef APP-NVUE
-                this.scrollInto = this.tabList[index].id;
-                // #endif
-
-                // 释放 tabId
-                if (this.cacheTab.length > MAX_CACHE_PAGE) {
-                    let cacheIndex = this.cacheTab[0];
-                    this.clearTabData(cacheIndex);
-                    this.cacheTab.splice(0, 1);
-                }
-            },
-            scrollTabTo(index) {
-                const el = this.$refs['tabitem' + index][0];
-                let offset = 0;
-                // TODO fix ios offset
-                if (index > 0) {
-                    offset = this.tabbarWidth / 2 - this.tabListSize[index].width / 2;
-                    if (this.tabListSize[index].right < this.tabbarWidth / 2) {
-                        offset = this.tabListSize[0].width;
-                    }
-                }
-                dom.scrollToElement(el, {
-                    offset: -offset
-                });
-            },
-            loadTabData(index) {
-                this.pageList[index].loadData();
-            },
-            clearTabData(index) {
-                this.pageList[index].clear();
-            }
-        }
-    }
-</script>
-
-<style>
-    /* #ifndef APP-PLUS */
-    page {
-        width: 100%;
-        min-height: 100%;
-        display: flex;
-    }
-
-    /* #endif */
-
-    .tabs {
-        flex: 1;
-        flex-direction: column;
-        overflow: hidden;
-        background-color: #ffffff;
-        /* #ifdef MP-ALIPAY || MP-BAIDU */
-        height: 100vh;
-        /* #endif */
-    }
-
-    .tab-bar {
-        width: 750rpx;
-        height: 84rpx;
-        flex-direction: row;
-        /* #ifndef APP-PLUS */
-        white-space: nowrap;
-        /* #endif */
-    }
-
-    /* #ifndef APP-NVUE */
-    .tab-bar ::-webkit-scrollbar {
-        display: none;
-        width: 0 !important;
-        height: 0 !important;
-        -webkit-appearance: none;
-        background: transparent;
-    }
-
-    /* #endif */
-
-    .scroll-view-indicator {
-        position: relative;
-        height: 2px;
-        background-color: transparent;
-    }
-
-    .scroll-view-underline {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        width: 0;
-        background-color: #007AFF;
-    }
-
-    .scroll-view-animation {
-        transition-duration: 0.2s;
-        transition-property: left;
-    }
-
-    .tab-bar-line {
-        height: 1rpx;
-        background-color: #cccccc;
-    }
-
-    .tab-view {
-        flex: 1;
-    }
-
-    .uni-tab-item {
-        /* #ifndef APP-PLUS */
-        display: inline-block;
-        /* #endif */
-        flex-wrap: nowrap;
-        padding-left: 25px;
-        padding-right: 25px;
-    }
-
-    .uni-tab-item-title {
-        color: #555;
-        font-size: 30rpx;
-        height: 80rpx;
-        line-height: 80rpx;
-        flex-wrap: nowrap;
-        /* #ifndef APP-PLUS */
-        white-space: nowrap;
-        /* #endif */
-    }
-
-    .uni-tab-item-title-active {
-        color: #007AFF;
-    }
-
-    .swiper-item {
-        flex: 1;
-        flex-direction: column;
-    }
-
-    .swiper-page {
-        flex: 1;
-        flex-direction: row;
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-    }
-</style>
diff --git a/pages/template/swiper-list/swiper-page.nvue b/pages/template/swiper-list/swiper-page.nvue
deleted file mode 100644
index bb8135f..0000000
--- a/pages/template/swiper-list/swiper-page.nvue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-	<view class="uni-swiper-page">
-		<text>Tab View {{ pid}}</text>
-	</view>
-</template>
-
-<script>
-	export default {
-		props: {
-			pid: {
-				type: [Number, String],
-				default: ''
-			}
-		},
-		data() {
-			return {
-				dataList: []
-			}
-		},
-		created() {},
-		methods: {
-			loadData() {
-				// 首次激活时被调用
-			},
-			clear() {
-				// 释放数据时被调用，参考 swiper-list 缓存配置
-				this.dataList.length = 0;
-			}
-		}
-	}
-</script>
-
-<style scoped>
-	.uni-swiper-page {
-		flex: 1;
-		flex-direction: column;
-		position: absolute;
-		left: 0;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		align-items: center;
-		justify-content: center;
-	}
-</style>
diff --git a/pages/template/swiper-vertical/swiper-vertical.nvue b/pages/template/swiper-vertical/swiper-vertical.nvue
deleted file mode 100644
index 4a276b1..0000000
--- a/pages/template/swiper-vertical/swiper-vertical.nvue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-    <view class="page">
-        <swiper class="swiper" :circular="circular" :vertical="true" @change="onSwiperChange">
-            <swiper-item v-for="item in videoList" :key="item.id">
-                <video class="video" :id="item.id" :ref="item.id" :src="item.src" :controls="false" :loop="true"
-                    :show-center-play-btn="false"></video>
-            </swiper-item>
-        </swiper>
-    </view>
-</template>
-<script>
-    const videoData = [{
-            src: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hellouniapp/hello-nvue-swiper-vertical-01.mp4'
-        },
-        {
-            src: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hellouniapp/hello-nvue-swiper-vertical-02.mp4'
-        },
-        {
-            src: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hellouniapp/hello-nvue-swiper-vertical-03.mp4'
-        },
-        {
-            src: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hellouniapp/hello-nvue-swiper-vertical-01.mp4'
-        },
-        {
-            src: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hellouniapp/hello-nvue-swiper-vertical-02.mp4'
-        },
-        {
-            src: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/hellouniapp/hello-nvue-swiper-vertical-03.mp4'
-        }
-    ];
-
-    export default {
-        data() {
-            return {
-                circular: true,
-                videoList: [{
-                        id: "video0",
-                        src: "",
-                        img: ""
-                    },
-                    {
-                        id: "video1",
-                        src: "",
-                        img: ""
-                    },
-                    {
-                        id: "video2",
-                        src: "",
-                        img: ""
-                    }
-                ],
-                videoDataList: []
-            }
-        },
-        onLoad(e) {},
-        onReady() {
-            this.init();
-            this.getData();
-        },
-        methods: {
-            init() {
-                this._videoIndex = 0;
-                this._videoContextList = [];
-                for (var i = 0; i < this.videoList.length; i++) {
-                    this._videoContextList.push(uni.createVideoContext('video' + i, this));
-                }
-                this._videoDataIndex = 0;
-            },
-            getData(e) {
-                this.videoDataList = videoData;
-                setTimeout(() => {
-                    this.updateVideo(true);
-                }, 200)
-            },
-            onSwiperChange(e) {
-                let currentIndex = e.detail.current;
-                if (currentIndex === this._videoIndex) {
-                    return;
-                }
-
-                let isNext = false;
-                if (currentIndex === 0 && this._videoIndex === this.videoList.length - 1) {
-                    isNext = true;
-                } else if (currentIndex === this.videoList.length - 1 && this._videoIndex === 0) {
-                    isNext = false;
-                } else if (currentIndex > this._videoIndex) {
-                    isNext = true;
-                }
-
-                if (isNext) {
-                    this._videoDataIndex++;
-                } else {
-                    this._videoDataIndex--;
-                }
-
-                if (this._videoDataIndex < 0) {
-                    this._videoDataIndex = this.videoDataList.length - 1;
-                } else if (this._videoDataIndex >= this.videoDataList.length) {
-                    this._videoDataIndex = 0;
-                }
-
-                this.circular = (this._videoDataIndex != 0);
-
-                if (this._videoIndex >= 0) {
-                    this._videoContextList[this._videoIndex].pause();
-                    this._videoContextList[this._videoIndex].seek(0);
-                }
-
-                this._videoIndex = currentIndex;
-
-                setTimeout(() => {
-                    this.updateVideo(isNext);
-                }, 200);
-            },
-            getNextIndex(isNext) {
-                let index = this._videoIndex + (isNext ? 1 : -1);
-                if (index < 0) {
-                    return this.videoList.length - 1;
-                } else if (index >= this.videoList.length) {
-                    return 0;
-                }
-                return index;
-            },
-            getNextDataIndex(isNext) {
-                let index = this._videoDataIndex + (isNext ? 1 : -1);
-                if (index < 0) {
-                    return this.videoDataList.length - 1;
-                } else if (index >= this.videoDataList.length) {
-                    return 0;
-                }
-                return index;
-            },
-            updateVideo(isNext) {
-                this.$set(this.videoList[this._videoIndex], 'src', this.videoDataList[this._videoDataIndex].src);
-                this.$set(this.videoList[this.getNextIndex(isNext)], 'src', this.videoDataList[this.getNextDataIndex(isNext)].src);
-                setTimeout(() => {
-                    this._videoContextList[this._videoIndex].play();
-                }, 200);
-                console.log("v:" + this._videoIndex + " d:" + this._videoDataIndex + "; next v:" + this.getNextIndex(
-                    isNext) + " next d:" + this.getNextDataIndex(isNext));
-            }
-        }
-    }
-</script>
-
-<style>
-    /* #ifndef H5 */
-/*    page {
-        width: 100%;
-        min-height: 100%;
-        display: flex;
-    } */
-    /* #endif */
-
-    .page {
-        flex: 1;
-        /* width: 750rpx; */
-    }
-
-    .swiper {
-        flex: 1;
-        background-color: #007AFF;
-    }
-
-    .swiper-item {
-        flex: 1;
-    }
-
-    .video {
-        flex: 1;
-        /* #ifndef APP-PLUS */
-        width: 100%;
-        /* #endif */
-    }
-</style>
diff --git a/pages/template/tabbar/detail/detail.vue b/pages/template/tabbar/detail/detail.vue
deleted file mode 100644
index 7025348..0000000
--- a/pages/template/tabbar/detail/detail.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-	<view class="root">
-		<view class="uni-padding-wrap">
-			<view class="uni-title">这是选项卡页面跳转详情页面的演示，下面是页面跳转时传递过来的标题：</view>
-			<view class="uni-title">{{title}}</view>
-		</view>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				title: ''
-			}
-		},
-		onLoad(e) {
-			this.title = e.title || '';
-		}
-	}
-</script>
-<style>
-</style>
diff --git a/pages/template/tabbar/news-item.nvue b/pages/template/tabbar/news-item.nvue
deleted file mode 100644
index 5102b51..0000000
--- a/pages/template/tabbar/news-item.nvue
+++ /dev/null
@@ -1,211 +0,0 @@
-<template>
-	<!-- remove list-cell layer fix android 4.x overflow limit error: 28 layers! -->
-	<!-- <view class="list-cell view" @click="click"></view> -->
-	<view class="media-item view" hover-class="media-item-hover" v-if="options.title" @click="click">
-		<!-- <view class="view" :style="options.article_type === 2 ? 'flex-direction: row';" :class="{'media-image-right': options.article_type === 2, 'media-image-left': options.article_type === 1}"> -->
-		<!-- TODO 在支付宝小程序下 需要用 style 覆盖标签的默认样式 -->
-		<view class="view" :style="{flexDirection: (options.article_type === 1 || options.article_type === 2)?(options.article_type === 2 ?'row':'row-reverse'):'column' }">
-			<text class="media-title" :class="{'media-title2': options.article_type === 1 || options.article_type === 2}">{{options.title}}</text>
-			<view v-if="options.image_list || options.image_url" class="image-section flex-row" :class="{'image-section-right': options.article_type === 2, 'image-section-left': options.article_type === 1}"
-			 :style="{flexDirection: 'row' }">
-				<image class="image-list1" :class="{'image-list2': options.article_type === 1 || options.article_type === 2}" v-if="options.image_url"
-				 :src="options.image_url"></image>
-				<image class="image-list3" v-if="options.image_list" :src="source.url" v-for="(source, i) in options.image_list"
-				 :key="i" />
-			</view>
-		</view>
-		<view class="media-foot flex-row" style="flex-direction: row;">
-			<view class="media-info flex-row" style="flex-direction: row;">
-				<text class="info-text">{{options.source}}</text>
-				<text class="info-text">{{options.comment_count}}条评论</text>
-				<text class="info-text">{{options.datetime}}</text>
-			</view>
-			<view class="max-close-view" @click.stop="close">
-				<view class="close-l close-h"></view>
-				<view class="close-l close-v"></view>
-			</view>
-		</view>
-		<view class="media-item-line" style="position: absolute;"></view>
-	</view>
-</template>
-
-<script>
-	export default {
-		props: {
-			options: {
-				type: Object,
-				default: function(e) {
-					return {}
-				}
-			}
-		},
-		methods: {
-			click() {
-				this.$emit('click');
-			},
-			close(e) {
-				this.$emit('close');
-			}
-		}
-	}
-</script>
-
-<style>
-	.view {
-		flex-direction: column;
-	}
-
-	.flex-row {
-		flex-direction: row;
-	}
-
-	.flex-col {
-		flex-direction: column;
-	}
-
-	.list-cell {
-		width: 750rpx;
-		padding: 0 30rpx;
-	}
-
-	.uni-list-cell-hover {
-		background-color: #eeeeee;
-	}
-
-	.media-item {
-		position: relative;
-		flex: 1;
-		flex-direction: column;
-		/* border-bottom-width: 1rpx;
-		border-bottom-style: solid;
-		border-bottom-color: #ebebeb; */
-		padding: 20rpx 30rpx 21rpx 30rpx;
-	}
-
-    .media-item-hover{
-        background-color: #eee;
-    }
-
-	.media-item-line {
-		position: absolute;
-		left: 30rpx;
-		right: 30rpx;
-		bottom: 0;
-		height: 1rpx;
-		background-color: #ebebeb;
-	}
-
-	.media-image-right {
-		flex-direction: row;
-	}
-
-	.media-image-left {
-		flex-direction: row-reverse;
-	}
-
-	.media-title {
-		flex: 1;
-	}
-
-	.media-title {
-		lines: 3;
-		text-overflow: ellipsis;
-		font-size: 30rpx;
-		color: #555555;
-	}
-
-	.media-title2 {
-		flex: 1;
-		margin-top: 6rpx;
-		line-height: 40rpx;
-	}
-
-	.image-section {
-		margin-top: 20rpx;
-		flex-direction: row;
-		justify-content: space-between;
-	}
-
-	.image-section-right {
-		margin-top: 0rpx;
-		margin-left: 10rpx;
-		width: 225rpx;
-		height: 146rpx;
-	}
-
-	.image-section-left {
-		margin-top: 0rpx;
-		margin-right: 10rpx;
-		width: 225rpx;
-		height: 146rpx;
-	}
-
-	.image-list1 {
-		width: 690rpx;
-		height: 481rpx;
-	}
-
-	.image-list2 {
-		width: 225rpx;
-		height: 146rpx;
-	}
-
-	.image-list3 {
-		width: 225rpx;
-		/* #ifdef H5 */
-		width: 30%;
-		/* #endif */
-		height: 146rpx;
-		/* #ifdef H5 */
-		height: 146px;
-		/* #endif */
-	}
-
-	.media-info {
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.info-text {
-		margin-right: 20rpx;
-		color: #999999;
-		font-size: 24rpx;
-	}
-
-	.media-foot {
-		margin-top: 25rpx;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.max-close-view {
-		position: relative;
-		align-items: center;
-		flex-direction: row;
-		width: 40rpx;
-		height: 30rpx;
-		line-height: 30rpx;
-		border-width: 1rpx;
-		border-style: solid;
-		border-color: #aaaaaa;
-		border-radius: 4px;
-		justify-content: center;
-		text-align: center;
-	}
-
-	.close-l {
-		position: absolute;
-		width: 18rpx;
-		height: 1rpx;
-		background-color: #aaaaaa;
-	}
-
-	.close-h {
-		transform: rotate(45deg);
-	}
-
-	.close-v {
-		transform: rotate(-45deg);
-	}
-</style>
diff --git a/pages/template/tabbar/tabbar.nvue b/pages/template/tabbar/tabbar.nvue
deleted file mode 100644
index 4a4739b..0000000
--- a/pages/template/tabbar/tabbar.nvue
+++ /dev/null
@@ -1,436 +0,0 @@
-<template>
-    <view class="tabs">
-        <scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
-            <view v-for="(tab,index) in tabBars" :key="tab.id" class="uni-tab-item" :id="tab.id" :data-current="index" @click="ontabtap">
-                <text class="uni-tab-item-title" :class="tabIndex==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>
-            </view>
-        </scroll-view>
-        <view class="line-h"></view>
-        <swiper :current="tabIndex" class="swiper-box" style="flex: 1;" :duration="300" @change="ontabchange">
-            <swiper-item class="swiper-item" v-for="(tab,index1) in newsList" :key="index1">
-				<!-- #ifdef APP-NVUE -->
-				<list class="scroll-v list" enableBackToTop="true" scroll-y loadmoreoffset="15" @loadmore="loadMore(index1)">
-					<refresh class="refresh" @refresh="onrefresh(index1)" @pullingdown="onpullingdown" :display="tab.refreshing ? 'show' : 'hide'">
-						<div class="refresh-view">
-							<image class="refresh-icon" :src="refreshIcon" :style="{width: (tab.refreshing || pulling) ? 0: '30px'}" :class="{'refresh-icon-active': tab.refreshFlag}"></image>
-							<loading-indicator class="loading-icon" animating="true" v-if="tab.refreshing"></loading-indicator>
-							<text class="loading-text">{{tab.refreshText}}</text>
-						</div>
-					</refresh>
-					<cell v-for="(newsitem,index2) in tab.data" :key="newsitem.id">
-						<media-item :options="newsitem" @close="close(index1,index2)" @click="goDetail(newsitem)"></media-item>
-					</cell>
-					<cell class="loading-more" v-if="tab.isLoading || tab.data.length > 4">
-						<text class="loading-more-text">{{tab.loadingText}}</text>
-					</cell>
-				</list>
-				<!-- #endif -->
-				<!-- #ifndef APP-NVUE -->
-				<scroll-view class="scroll-v list" enableBackToTop="true" scroll-y @scrolltolower="loadMore(index1)">
-					<view v-for="(newsitem,index2) in tab.data" :key="newsitem.id">
-						<media-item :options="newsitem" @close="close(index1,index2)" @click="goDetail(newsitem)"></media-item>
-					</view>
-					<view class="loading-more" v-if="tab.isLoading || tab.data.length > 4">
-						<text class="loading-more-text">{{tab.loadingText}}</text>
-					</view>
-				</scroll-view>
-				<!-- #endif -->
-            </swiper-item>
-        </swiper>
-    </view>
-</template>
-<script>
-    import mediaItem from './news-item.nvue';
-
-    // 缓存每页最多
-    const MAX_CACHE_DATA = 100;
-    // 缓存页签数量
-    const MAX_CACHE_PAGE = 3;
-
-    const newsData = {
-        data0: {
-            "datetime": "40分钟前",
-            "article_type": 0,
-            "title": "uni-app行业峰会频频亮相，开发者反响热烈!",
-            "source": "DCloud",
-            "comment_count": 639
-        },
-        data1: {
-            "datetime": "一天前",
-            "article_type": 1,
-            "title": "DCloud完成B2轮融资，uni-app震撼发布!",
-            "image_url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg",
-            "source": "DCloud",
-            "comment_count": 11395
-        },
-        data2: {
-            "datetime": "一天前",
-            "article_type": 2,
-            "title": "中国技术界小奇迹：HBuilder开发者突破200万",
-            "image_url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b4cd3000-517d-11eb-a16f-5b3e54966275.jpg",
-            "source": "DCloud",
-            "comment_count": 11395
-        },
-        data3: {
-            "article_type": 3,
-            "image_list": [{
-                "url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b2e201d0-517d-11eb-8a36-ebb87efcf8c0.jpg",
-                "width": 563,
-                "height": 316
-            }, {
-                "url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b4cd3000-517d-11eb-a16f-5b3e54966275.jpg",
-                "width": 641,
-                "height": 360
-            }, {
-                "url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b7c7f970-517d-11eb-97b7-0dc4655d6e68.jpg",
-                "width": 640,
-                "height": 360
-            }],
-            "datetime": "5分钟前",
-            "title": "uni-app 支持使用 npm 安装第三方包，生态更趋丰富",
-            "source": "DCloud",
-            "comment_count": 11
-        },
-        data4: {
-            "datetime": "2小时前",
-            "article_type": 4,
-            "title": "uni-app 支持原生小程序自定义组件，更开放、更自由",
-            "image_url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b2e201d0-517d-11eb-8a36-ebb87efcf8c0.jpg",
-            "source": "DCloud",
-            "comment_count": 69
-        }
-    };
-
-    export default {
-        components: {
-            mediaItem
-        },
-        data() {
-            return {
-                newsList: [],
-                cacheTab: [],
-                tabIndex: 0,
-                tabBars: [{
-                    name: '关注',
-                    id: 'guanzhu'
-                }, {
-                    name: '推荐',
-                    id: 'tuijian'
-                }, {
-                    name: '体育',
-                    id: 'tiyu'
-                }, {
-                    name: '热点',
-                    id: 'redian'
-                }, {
-                    name: '财经',
-                    id: 'caijing'
-                }, {
-                    name: '娱乐',
-                    id: 'yule'
-                }, {
-                    name: '军事',
-                    id: 'junshi'
-                }, {
-                    name: '历史',
-                    id: 'lishi'
-                }, {
-                    name: '本地',
-                    id: 'bendi'
-                }],
-                scrollInto: "",
-                showTips: false,
-                navigateFlag: false,
-                pulling: false,
-                refreshIcon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5QTFRFcHBw3Nzct7e39vb2ycnJioqK7e3tpqam29vb////D8oK7wAAAAp0Uk5T////////////ALLMLM8AAABxSURBVHja7JVBDoAgDASrjqj//7CJBi90iyYeOHTPMwmFZrHjYyyFYYUy1bwUZqtJIYVxhf1a6u0R7iUvWsCcrEtwJHp8MwMdvh2amHduiZD3rpWId9+BgPd7Cc2LIkPyqvlQvKxKBJ//Qwq/CacAAwDUv0a0YuKhzgAAAABJRU5ErkJggg=="
-            }
-        },
-        onLoad() {
-            setTimeout(()=>{
-              this.tabBars.forEach((tabBar) => {
-                  this.newsList.push({
-                      data: [],
-                      isLoading: false,
-                      refreshText: "",
-                      loadingText: '加载更多...'
-                  });
-              });
-              this.getList(0);
-            },350)
-        },
-        methods: {
-            getList(index) {
-                let activeTab = this.newsList[index];
-                let list = [];
-                for (let i = 1; i <= 10; i++) {
-                    let item = Object.assign({}, newsData['data' + Math.floor(Math.random() * 5)]);
-                    item.id = this.newGuid();
-                    list.push(item);
-                }
-                activeTab.data = activeTab.data.concat(list);
-            },
-            goDetail(e) {
-                if (this.navigateFlag) {
-                    return;
-                }
-                this.navigateFlag = true;
-                uni.navigateTo({
-                    url: './detail/detail?title=' + e.title
-                });
-                setTimeout(() => {
-                    this.navigateFlag = false;
-                }, 200)
-            },
-            close(index1, index2) {
-                uni.showModal({
-                    content: '是否删除本条信息？',
-                    success: (res) => {
-                        if (res.confirm) {
-                            this.newsList[index1].data.splice(index2, 1);
-                        }
-                    }
-                })
-            },
-            loadMore(e) {
-                setTimeout(() => {
-                    this.getList(this.tabIndex);
-                }, 500)
-            },
-            ontabtap(e) {
-                let index = e.target.dataset.current || e.currentTarget.dataset.current;
-                this.switchTab(index);
-            },
-            ontabchange(e) {
-                let index = e.target.current || e.detail.current;
-                this.switchTab(index);
-            },
-            switchTab(index) {
-                if (this.newsList[index].data.length === 0) {
-                    this.getList(index);
-                }
-
-                if (this.tabIndex === index) {
-                    return;
-                }
-
-                // 缓存 tabId
-                if (this.newsList[this.tabIndex].data.length > MAX_CACHE_DATA) {
-                    let isExist = this.cacheTab.indexOf(this.tabIndex);
-                    if (isExist < 0) {
-                        this.cacheTab.push(this.tabIndex);
-                        //console.log("cache index:: " + this.tabIndex);
-                    }
-                }
-
-                this.tabIndex = index;
-                this.scrollInto = this.tabBars[index].id;
-
-                // 释放 tabId
-                if (this.cacheTab.length > MAX_CACHE_PAGE) {
-                    let cacheIndex = this.cacheTab[0];
-                    this.clearTabData(cacheIndex);
-                    this.cacheTab.splice(0, 1);
-                    //console.log("remove cache index:: " + cacheIndex);
-                }
-            },
-            clearTabData(e) {
-                this.newsList[e].data.length = 0;
-                this.newsList[e].loadingText = "加载更多...";
-            },
-            refreshData() {},
-            onrefresh(e) {
-                var tab = this.newsList[this.tabIndex];
-                if (!tab.refreshFlag) {
-                    return;
-                }
-                tab.refreshing = true;
-                tab.refreshText = "正在刷新...";
-
-                setTimeout(() => {
-                    this.refreshData();
-                    this.pulling = true;
-                    tab.refreshing = false;
-					tab.refreshFlag = false;
-                    tab.refreshText = "已刷新";
-                    setTimeout(() => { // TODO fix ios和Android 动画时间相反问题
-                        this.pulling = false;
-                    }, 500);
-                }, 2000);
-            },
-            onpullingdown(e) {
-                var tab = this.newsList[this.tabIndex];
-                if (tab.refreshing || this.pulling) {
-                    return;
-                }
-                if (Math.abs(e.pullingDistance) > Math.abs(e.viewHeight)) {
-                    tab.refreshFlag = true;
-                    tab.refreshText = "释放立即刷新";
-                } else {
-                    tab.refreshFlag = false;
-                    tab.refreshText = "下拉可以刷新";
-                }
-            },
-            newGuid() {
-                let s4 = function() {
-                    return (65536 * (1 + Math.random()) | 0).toString(16).substring(1);
-                }
-                return (s4() + s4() + "-" + s4() + "-4" + s4().substr(0, 3) + "-" + s4() + "-" + s4() + s4() + s4()).toUpperCase();
-            }
-        }
-    }
-</script>
-
-<style>
-    /* #ifndef APP-PLUS */
-    page {
-        width: 100%;
-        min-height: 100%;
-        display: flex;
-    }
-
-    /* #endif */
-
-    .tabs {
-        flex: 1;
-        flex-direction: column;
-        overflow: hidden;
-        background-color: #ffffff;
-        /* #ifndef APP-PLUS */
-        height: 100vh;
-        /* #endif */
-    }
-
-    .scroll-h {
-        width: 750rpx;
-		/* #ifdef H5 */
-		width:100%;
-		/* #endif */
-		height: 80rpx;
-        flex-direction: row;
-        /* #ifndef APP-PLUS */
-        white-space: nowrap;
-        /* #endif */
-        /* flex-wrap: nowrap; */
-        /* border-color: #cccccc;
-		border-bottom-style: solid;
-		border-bottom-width: 1px; */
-    }
-
-    .line-h {
-        height: 1rpx;
-        background-color: #cccccc;
-    }
-
-    .uni-tab-item {
-        /* #ifndef APP-PLUS */
-        display: inline-block;
-        /* #endif */
-        flex-wrap: nowrap;
-        padding-left: 34rpx;
-        padding-right: 34rpx;
-    }
-
-    .uni-tab-item-title {
-        color: #555;
-        font-size: 30rpx;
-        height: 80rpx;
-        line-height: 80rpx;
-        flex-wrap: nowrap;
-        /* #ifndef APP-PLUS */
-        white-space: nowrap;
-        /* #endif */
-    }
-
-    .uni-tab-item-title-active {
-        color: #007AFF;
-    }
-
-    .swiper-box {
-        flex: 1;
-    }
-
-    .swiper-item {
-        flex: 1;
-        flex-direction: row;
-    }
-
-    .scroll-v {
-        flex: 1;
-        /* #ifndef MP-ALIPAY */
-        flex-direction: column;
-        /* #endif */
-        width: 750rpx;
-		width:100%;
-    }
-
-    .update-tips {
-        position: absolute;
-        left: 0;
-        top: 41px;
-        right: 0;
-        padding-top: 5px;
-        padding-bottom: 5px;
-        background-color: #FDDD9B;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-    }
-
-    .update-tips-text {
-        font-size: 14px;
-        color: #ffffff;
-    }
-
-    .refresh {
-        width: 750rpx;
-		width:100%;
-        height: 64px;
-        justify-content: center;
-    }
-
-    .refresh-view {
-        flex-direction: row;
-        flex-wrap: nowrap;
-        align-items: center;
-        justify-content: center;
-    }
-
-	.refresh-icon {
-		width: 30px;
-		height: 30px;
-		transition-duration: .5s;
-		transition-property: transform;
-		transform: rotate(0deg);
-		transform-origin: 15px 15px;
-	}
-
-	.refresh-icon-active {
-		transform: rotate(180deg);
-	}
-
-	.loading-icon {
-		width: 20px;
-		height: 20px;
-		margin-right: 5px;
-		color: #999999;
-	}
-
-    .loading-text {
-        margin-left: 2px;
-        font-size: 16px;
-        color: #999999;
-    }
-
-    .loading-more {
-        align-items: center;
-        justify-content: center;
-        padding-top: 10px;
-        padding-bottom: 10px;
-        text-align: center;
-    }
-
-    .loading-more-text {
-        font-size: 28rpx;
-        color: #999;
-    }
-</style>
diff --git a/pages/template/ucharts/ucharts.vue b/pages/template/ucharts/ucharts.vue
deleted file mode 100644
index db80d11..0000000
--- a/pages/template/ucharts/ucharts.vue
+++ /dev/null
@@ -1,1226 +0,0 @@
-<template>
-	<view class="qiun-columns">
-		<view class="qiun-padding" style="font-size: 32rpx;">
-			<text>{{tips}}</text>
-		</view>
-		<view class="qiun-padding">
-			<view class="qiun-tip" @tap="changeData()">更新柱状图数据</view>
-		</view>
-		<view class="qiun-title-bar" style="background-color: #E5FDC3;">
-			<view class="qiun-title-dot-light">柱状图</view>
-		</view>
-		<view class="qiun-charts" style="background-color: #E5FDC3;">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts" style="background-color: #E5FDC3;" :width="cWidth*pixelRatio"
-			 :height="cHeight*pixelRatio" :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchIt($event,'canvasColumn')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasColumn" id="canvasColumn" class="charts" style="background-color: #E5FDC3;" @touchstart="touchIt($event,'canvasColumn')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">温度计式图表</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasColumnMeter" id="canvasColumnMeter" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchIt($event,'canvasColumnMeter')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasColumnMeter" id="canvasColumnMeter" class="charts" @touchstart="touchIt($event,'canvasColumnMeter')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">混合图（单坐标系支持画点、线、面、柱）</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasMix" id="canvasMix" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" disable-scroll=true @touchstart="touchMix" @touchmove="moveMix"
-			 @touchend="touchEndMix"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasMix" id="canvasMix" class="charts" disable-scroll=true @touchstart="touchMix" @touchmove="moveMix"
-			 @touchend="touchEndMix"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt qiun-rows">
-			<view class="qiun-title-dot-light">K线图（蜡烛图）</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasCandle" id="canvasCandle" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" disable-scroll=true @touchstart="touchCandle" @touchmove="moveCandle"
-			 @touchend="touchEndCandle"></canvas>
-			<!-- 使用图表拖拽功能时，建议给canvas增加disable-scroll=true属性，在拖拽时禁止屏幕滚动 -->
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasCandle" id="canvasCandle" class="charts" disable-scroll=true @touchstart="touchCandle"
-			 @touchmove="moveCandle" @touchend="touchEndCandle"></canvas>
-			<!-- 使用图表拖拽功能时，建议给canvas增加disable-scroll=true属性，在拖拽时禁止屏幕滚动 -->
-			<!--#endif-->
-		</view>
-		<view class="qiun-padding">
-			<view class="qiun-tip" @tap="changeGaugeData()">更新仪表盘数据</view>
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">仪表盘</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasGauge" id="canvasGauge" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasGauge" id="canvasGauge" class="charts"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">圆弧进度图</view>
-		</view>
-		<view class="qiun-charts3">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasArcbar1" id="canvasArcbar1" class="charts3" :style="{'width':cWidth3*pixelRatio+'px','height':cHeight3*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth3*(pixelRatio-1)/2+'px','margin-top':-cHeight3*(pixelRatio-1)/2+'px'}"></canvas>
-			<canvas canvas-id="canvasArcbar2" id="canvasArcbar2" class="charts3" :style="{'width':cWidth3*pixelRatio+'px','height':cHeight3*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':cWidth3-cWidth3*(pixelRatio-1)/2+'px','margin-top':-cHeight3*(pixelRatio-1)/2+'px'}"></canvas>
-			<canvas canvas-id="canvasArcbar3" id="canvasArcbar3" class="charts3" :style="{'width':cWidth3*pixelRatio+'px','height':cHeight3*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':cWidth3*2-cWidth3*(pixelRatio-1)/2+'px','margin-top':-cHeight3*(pixelRatio-1)/2+'px'}"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasArcbar1" id="canvasArcbar1" class="charts3"></canvas>
-			<canvas canvas-id="canvasArcbar2" id="canvasArcbar2" class="charts3" style="margin-left: 250rpx;"></canvas>
-			<canvas canvas-id="canvasArcbar3" id="canvasArcbar3" class="charts3" style="margin-left: 500rpx;"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">漏斗图</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasFunnel" id="canvasFunnel" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchPie($event,'canvasFunnel')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasFunnel" id="canvasFunnel" class="charts" @touchstart="touchPie($event,'canvasFunnel')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">折线图一（可横向拖拽带滚动条）</view>
-			<!-- 使用图表拖拽功能时，建议给canvas增加disable-scroll=true属性，在拖拽时禁止屏幕滚动 -->
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasLineA" id="canvasLineA" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" disable-scroll=true @touchstart="touchLineA" @touchmove="moveLineA"
-			 @touchend="touchEndLineA"></canvas>
-			<!-- 使用图表拖拽功能时，建议给canvas增加disable-scroll=true属性，在拖拽时禁止屏幕滚动 -->
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasLineA" id="canvasLineA" class="charts" disable-scroll=true @touchstart="touchLineA"
-			 @touchmove="moveLineA" @touchend="touchEndLineA"></canvas>
-			<!-- 使用图表拖拽功能时，建议给canvas增加disable-scroll=true属性，在拖拽时禁止屏幕滚动 -->
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">折线图二（横屏图表）</view>
-		</view>
-		<view class="qiun-charts-rotate">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasLineB" id="canvasLineB" class="charts-rotate" :style="{'width':cWidth2*pixelRatio+'px','height':cHeight2*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth2*(pixelRatio-1)/2+'px','margin-top':-cHeight2*(pixelRatio-1)/2+'px'}"
-			 @touchstart="touchIt($event,'canvasLineB')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasLineB" id="canvasLineB" class="charts-rotate" @touchstart="touchIt($event,'canvasLineB')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">区域图</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasArea" id="canvasArea" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchIt($event,'canvasArea')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasArea" id="canvasArea" class="charts" @touchstart="touchIt($event,'canvasArea')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">饼状图</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasPie" id="canvasPie" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchPie($event,'canvasPie')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasPie" id="canvasPie" class="charts" @touchstart="touchPie($event,'canvasPie')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">环形图</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasRing" id="canvasRing" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchPie($event,'canvasRing')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasRing" id="canvasRing" class="charts" @touchstart="touchPie($event,'canvasRing')"></canvas>
-			<!--#endif-->
-		</view>
-		<view class="qiun-bg-white qiun-title-bar qiun-common-mt">
-			<view class="qiun-title-dot-light">雷达图</view>
-		</view>
-		<view class="qiun-charts">
-			<!--#ifdef MP-ALIPAY -->
-			<canvas canvas-id="canvasRadar" id="canvasRadar" class="charts" :width="cWidth*pixelRatio" :height="cHeight*pixelRatio"
-			 :style="{'width':cWidth+'px','height':cHeight+'px'}" @touchstart="touchPie($event,'canvasRadar')"></canvas>
-			<!--#endif-->
-			<!--#ifndef MP-ALIPAY -->
-			<canvas canvas-id="canvasRadar" id="canvasRadar" class="charts" @touchstart="touchPie($event,'canvasRadar')"></canvas>
-			<!--#endif-->
-		</view>
-	</view>
-</template>
-
-<script>
-	import uCharts from '../../../components/u-charts/u-charts.js';
-	var _self;
-	var canvasObj = {};
-
-	export default {
-		data() {
-			return {
-				cWidth: '',
-				cHeight: '',
-				cWidth2: '', //横屏图表
-				cHeight2: '', //横屏图表
-				cWidth3: '', //圆弧进度图
-				cHeight3: '', //圆弧进度图
-				arcbarWidth: '', //圆弧进度图，进度条宽度,此设置可使各端宽度一致
-				gaugeWidth: '', //仪表盘宽度,此设置可使各端宽度一致
-				tips: '',
-				pixelRatio: 1,
-				serverData: '',
-				itemCount: 30, //x轴单屏数据密度
-				sliderMax: 50
-			}
-		},
-		onLoad() {
-			_self = this;
-			//#ifdef MP-ALIPAY
-			uni.getSystemInfo({
-				success: function(res) {
-					if (res.pixelRatio > 1) {
-						//正常这里给2就行，如果pixelRatio=3性能会降低一点
-						//_self.pixelRatio =res.pixelRatio;
-						_self.pixelRatio = 2;
-					}
-				}
-			});
-			//#endif
-			this.cWidth = uni.upx2px(750);
-			this.cHeight = uni.upx2px(500);
-			this.cWidth2 = uni.upx2px(700);
-			this.cHeight2 = uni.upx2px(1100);
-			this.cWidth3 = uni.upx2px(250);
-			this.cHeight3 = uni.upx2px(250);
-			this.arcbarWidth = uni.upx2px(24);
-			this.gaugeWidth = uni.upx2px(30);
-
-			//this.fillData(Data);
-		},
-		onReady() {
-			this.getServerData();
-		},
-		methods: {
-			getServerData() {
-				uni.showLoading({
-					title: "正在加载数据..."
-				})
-				uni.request({
-					url: 'https://unidemo.dcloud.net.cn/hello-uniapp-ucharts-data.json',
-					data: {},
-					success: function(res) {
-						_self.fillData(res.data);
-					},
-					fail: () => {
-						_self.tips = "网络错误，小程序端请检查合法域名";
-					},
-					complete() {
-						uni.hideLoading();
-					}
-				});
-			},
-			fillData(data) {
-				this.serverData = data;
-				this.tips = data.tips;
-				this.sliderMax = data.Candle.categories.length;
-				let Column = {
-					categories: [],
-					series: []
-				};
-				let ColumnMeter = {
-					categories: [],
-					series: []
-				};
-				let LineA = {
-					categories: [],
-					series: []
-				};
-				let LineB = {
-					categories: [],
-					series: []
-				};
-				let Area = {
-					categories: [],
-					series: []
-				};
-				let Pie = {
-					series: []
-				};
-				let Ring = {
-					series: []
-				};
-				let Funnel = {
-					series: []
-				};
-				let Radar = {
-					categories: [],
-					series: []
-				};
-				let Arcbar1 = {
-					series: []
-				};
-				let Arcbar2 = {
-					series: []
-				};
-				let Arcbar3 = {
-					series: []
-				};
-				let Gauge = {
-					categories: [],
-					series: []
-				};
-				let Candle = {
-					categories: [],
-					series: []
-				};
-				let Mix = {
-					categories: [],
-					series: []
-				};
-				//这里我后台返回的是数组，所以用等于，如果您后台返回的是单条数据，需要push进去
-				Column.categories = data.Column.categories;
-				//这里的series数据是后台做好的，如果您的数据没有和前面我注释掉的格式一样，请自行拼接数据
-				Column.series = data.Column.series;
-				ColumnMeter.categories = data.ColumnMeter.categories;
-				//这里的series数据,如果为Meter，series[0]定义为外层数据，series[1]定义为内层数据
-				ColumnMeter.series = data.ColumnMeter.series;
-				LineA.categories = data.LineA.categories;
-				LineA.series = data.LineA.series;
-				LineB.categories = data.LineB.categories;
-				LineB.series = data.LineB.series;
-				Area.categories = data.Area.categories;
-				Area.series = data.Area.series;
-				Pie.series = data.Pie.series;
-				Ring.series = data.Ring.series;
-				Funnel.series = data.Pie.series;
-				//自定义文案示例，需设置format字段
-				for (let i = 0; i < Ring.series.length; i++) {
-					Ring.series[i].format = () => {
-						return Ring.series[i].name + Ring.series[i].data
-					};
-				}
-				Radar.categories = data.Radar.categories;
-				Radar.series = data.Radar.series;
-				Arcbar1.series = data.Arcbar1.series;
-				Arcbar2.series = data.Arcbar2.series;
-				Arcbar3.series = data.Arcbar3.series;
-				Gauge.categories = data.Gauge.categories;
-				Gauge.series = data.Gauge.series;
-				Candle.categories = data.Candle.categories;
-				Candle.series = data.Candle.series;
-				Mix.categories = data.Mix.categories;
-				Mix.series = data.Mix.series;
-				this.showColumn("canvasColumn", Column);
-				this.showColumnMeter("canvasColumnMeter", ColumnMeter);
-				this.showLineA("canvasLineA", LineA);
-				this.showLineB("canvasLineB", LineB);
-				this.showArea("canvasArea", Area);
-				this.showPie("canvasPie", Pie);
-				this.showRing("canvasRing", Ring);
-				this.showFunnel("canvasFunnel", Funnel);
-				this.showRadar("canvasRadar", Radar);
-				this.showArcbar("canvasArcbar1", Arcbar1);
-				this.showArcbar2("canvasArcbar2", Arcbar2);
-				this.showArcbar3("canvasArcbar3", Arcbar3);
-				this.showGauge("canvasGauge", Gauge);
-				this.showCandle("canvasCandle", Candle);
-				this.showMix("canvasMix", Mix);
-			},
-			showColumn(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'column',
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 0,
-					},
-					fontSize: 11,
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					animation: false,
-					categories: chartData.categories,
-					series: chartData.series,
-					xAxis: {
-						disableGrid: true,
-					},
-					yAxis: {
-						format: (val) => {
-							return val.toFixed(0) + '元'
-						}
-					},
-					dataLabel: true,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					extra: {
-						column: {
-							type: 'group',
-							width: _self.cWidth * _self.pixelRatio * 0.45 / chartData.categories.length
-						}
-					}
-				});
-			},
-			showColumnMeter(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'column',
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 0,
-					},
-					fontSize: 11,
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					animation: false,
-					categories: chartData.categories,
-					series: chartData.series,
-					xAxis: {
-						disableGrid: true,
-					},
-					yAxis: {
-						//disabled:true
-					},
-					dataLabel: true,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					extra: {
-						column: {
-							type: 'meter',
-							width: _self.cWidth * _self.pixelRatio * 0.45 / chartData.categories.length,
-							meter: {
-								border: 4,
-								fillColor: '#E5FDC3'
-							}
-						}
-					}
-				});
-
-			},
-			showLineA(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 5,
-					},
-					dataLabel: false,
-					dataPointShape: false,
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: false,
-					enableScroll: true, //开启图表拖拽功能
-					xAxis: {
-						disableGrid: false,
-						type: 'grid',
-						gridType: 'dash',
-						itemCount: 4,
-						scrollShow: true,
-						scrollAlign: 'left',
-						//scrollBackgroundColor:'#F7F7FF',//可不填写，配合enableScroll图表拖拽功能使用，X轴滚动条背景颜色,默认为 #EFEBEF
-						//scrollColor:'#DEE7F7',//可不填写，配合enableScroll图表拖拽功能使用，X轴滚动条颜色,默认为 #A6A6A6
-					},
-					yAxis: {
-						//disabled:true
-						gridType: 'dash',
-						splitNumber: 8,
-						min: 10,
-						max: 180,
-						format: (val) => {
-							return val.toFixed(0) + '元'
-						} //如不写此方法，Y轴刻度默认保留两位小数
-					},
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					dataLabel: true,
-					dataPointShape: true,
-					extra: {
-						lineStyle: 'straight'
-					},
-				});
-
-			},
-			showLineB(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 5,
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					rotate: true, //开启图表横屏
-					// #ifdef MP-ALIPAY
-					rotateLock: true, //百度及支付宝需要锁定旋转
-					// #endif
-					categories: chartData.categories,
-					animation: false,
-					series: chartData.series,
-					xAxis: {
-						disableGrid: true,
-					},
-					yAxis: {
-						//disabled:true
-					},
-					width: _self.cWidth2 * _self.pixelRatio,
-					height: _self.cHeight2 * _self.pixelRatio,
-					dataLabel: true,
-					dataPointShape: true,
-					extra: {
-						lineStyle: 'curve'
-					},
-				});
-			},
-			showArea(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'area',
-					fontSize: 11,
-					padding: [0, 15, 10, 15],
-					legend: {
-						show: true,
-						position: 'top',
-						float: 'center',
-						itemGap: 30,
-						padding: 5,
-						lineHeight: 18,
-						margin: 0,
-					},
-					dataLabel: false,
-					dataPointShape: true,
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: false,
-					xAxis: {
-						type: 'grid',
-						gridColor: '#CCCCCC',
-						gridType: 'dash',
-						dashLength: 8,
-						boundaryGap: 'justify' //两端不留白配置
-					},
-					yAxis: {
-						gridType: 'dash',
-						gridColor: '#CCCCCC',
-						dashLength: 8,
-						splitNumber: 5,
-					},
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					extra: {
-						area: {
-							type: 'curve',
-							opacity: 0.2,
-							addLine: true,
-							width: 2
-						}
-					}
-				});
-			},
-			showPie(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'pie',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 0,
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					series: chartData.series,
-					animation: false,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					dataLabel: true,
-					extra: {
-						pie: {
-							lableWidth: 15
-						}
-					},
-				});
-			},
-			showRing(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'ring',
-					fontSize: 11,
-					padding: [5, 5, 5, 5],
-					legend: {
-						show: true,
-						position: 'right',
-						float: 'center',
-						itemGap: 10,
-						padding: 5,
-						lineHeight: 26,
-						margin: 5,
-						//backgroundColor:'rgba(41,198,90,0.2)',
-						//borderColor :'rgba(41,198,90,0.5)',
-						borderWidth: 1
-					},
-					title: {
-						name: '70%',
-						color: '#7cb5ec',
-						fontSize: 25 * _self.pixelRatio,
-					},
-					subtitle: {
-						name: '收益率',
-						color: '#666666',
-						fontSize: 15 * _self.pixelRatio,
-					},
-					extra: {
-						pie: {
-							lableWidth: 15,
-							ringWidth: 40 * _self.pixelRatio, //圆环的宽度
-							offsetAngle: 0 //圆环的角度
-						}
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					series: chartData.series,
-					animation: false,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					disablePieStroke: true,
-					dataLabel: true,
-				});
-
-			},
-			showFunnel(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'funnel',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 0,
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					series: chartData.series,
-					animation: false,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					dataLabel: true,
-					extra: {
-						funnel: {
-							border: true,
-							borderWidth: 2,
-							borderColor: '#FFFFFF'
-						}
-					},
-				});
-			},
-			showRadar(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'radar',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 0,
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					animation: false,
-					dataLabel: true,
-					categories: chartData.categories,
-					series: chartData.series,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					extra: {
-						radar: {
-							max: 200 //雷达数值的最大值
-						}
-					}
-				});
-			},
-			showArcbar(canvasId, chartData) {
-				new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'arcbar',
-					fontSize: 11,
-					title: {
-						name: Math.round(chartData.series[0].data * 100) + '%',
-						color: chartData.series[0].color,
-						fontSize: 25 * _self.pixelRatio
-					},
-					subtitle: {
-						name: chartData.series[0].name,
-						color: '#666666',
-						fontSize: 15 * _self.pixelRatio
-					},
-					extra: {
-						arcbar: {
-							type: 'default',
-							width: _self.arcbarWidth * _self.pixelRatio, //圆弧的宽度
-						}
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					series: chartData.series,
-					animation: false,
-					width: _self.cWidth3 * _self.pixelRatio,
-					height: _self.cHeight3 * _self.pixelRatio,
-					dataLabel: true,
-				});
-
-			},
-			showArcbar2(canvasId, chartData) {
-				new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'arcbar',
-					fontSize: 11,
-					title: {
-						name: Math.round(chartData.series[0].data * 100) + '%',
-						color: chartData.series[0].color,
-						fontSize: 25 * _self.pixelRatio
-					},
-					subtitle: {
-						name: chartData.series[0].name,
-						color: '#666666',
-						fontSize: 15 * _self.pixelRatio
-					},
-					extra: {
-						arcbar: {
-							type: 'default',
-							width: _self.arcbarWidth * _self.pixelRatio, //圆弧的宽度
-							backgroundColor: '#ffe3e8',
-							startAngle: 1.25,
-							endAngle: 0.75
-						}
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					series: chartData.series,
-					animation: false,
-					width: _self.cWidth3 * _self.pixelRatio,
-					height: _self.cHeight3 * _self.pixelRatio,
-					dataLabel: true,
-				});
-
-			},
-			showArcbar3(canvasId, chartData) {
-				new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'arcbar',
-					fontSize: 11,
-					title: {
-						name: Math.round(chartData.series[0].data * 100) + '%',
-						color: chartData.series[0].color,
-						fontSize: 25 * _self.pixelRatio
-					},
-					subtitle: {
-						name: chartData.series[0].name,
-						color: '#666666',
-						fontSize: 15 * _self.pixelRatio
-					},
-					extra: {
-						arcbar: {
-							type: 'circle', //整圆类型进度条图
-							width: _self.arcbarWidth * _self.pixelRatio, //圆弧的宽度
-							startAngle: 0.5 //整圆类型只需配置起始角度即可
-						}
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					series: chartData.series,
-					animation: false,
-					width: _self.cWidth3 * _self.pixelRatio,
-					height: _self.cHeight3 * _self.pixelRatio,
-					dataLabel: true,
-				});
-
-			},
-			showGauge(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'gauge',
-					fontSize: 11,
-					title: {
-						name: Math.round(chartData.series[0].data * 100) + '%',
-						color: chartData.categories[1].color,
-						fontSize: 25 * _self.pixelRatio,
-						offsetY: 50 * _self.pixelRatio, //新增参数，自定义调整Y轴文案距离
-					},
-					subtitle: {
-						name: chartData.series[0].name,
-						color: '#666666',
-						fontSize: 15 * _self.pixelRatio,
-						offsetY: -50 * _self.pixelRatio, //新增参数，自定义调整Y轴文案距离
-					},
-					extra: {
-						gauge: {
-							type: 'default',
-							width: _self.gaugeWidth * _self.pixelRatio, //仪表盘背景的宽度
-							startAngle: 0.75,
-							endAngle: 0.25,
-							startNumber: 0,
-							endNumber: 100,
-							splitLine: {
-								fixRadius: 0,
-								splitNumber: 10,
-								width: _self.gaugeWidth * _self.pixelRatio, //仪表盘背景的宽度
-								color: '#FFFFFF',
-								childNumber: 5,
-								childWidth: _self.gaugeWidth * 0.4 * _self.pixelRatio, //仪表盘背景的宽度
-							},
-							pointer: {
-								width: _self.gaugeWidth * 0.8 * _self.pixelRatio, //指针宽度
-								color: 'auto'
-							}
-						}
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					dataLabel: true,
-				});
-			},
-			changeGaugeData() {
-				let series = [{
-					name: "完成率",
-					data: Math.random()
-				}]; //这里是随机数据，生产环境请从服务器获取，注意series数据类型为数组
-				//这里我借用之前的categories数据，判断一下新数据的title.color，没有写死在程序里，以便于自定义
-				let newTitleColor;
-				for (let i = 0; i < _self.serverData.Gauge.categories.length; i++) {
-					if (series[0].data <= _self.serverData.Gauge.categories[i].value) {
-						newTitleColor = _self.serverData.Gauge.categories[i].color;
-						break;
-					}
-				}
-
-				canvasObj['canvasGauge'].updateData({
-					series: series, //这里给了新数值
-					categories: _self.serverData.Gauge.categories,
-					title: {
-						name: Math.round(series[0].data * 100) + '%',
-						color: newTitleColor,
-						fontSize: 25 * _self.pixelRatio,
-						offsetY: 50 * _self.pixelRatio, //新增参数，自定义调整Y轴文案距离
-					},
-					subtitle: {
-						name: '更新数据',
-						color: '#666666',
-						fontSize: 15 * _self.pixelRatio,
-						offsetY: -50 * _self.pixelRatio, //新增参数，自定义调整Y轴文案距离
-					}
-				});
-			},
-			showCandle(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'candle',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 8,
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					enableMarkLine: true,
-					/***需要开启标记线***/
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					enableScroll: true, //开启图表拖拽功能
-					xAxis: {
-						disableGrid: true, //不绘制X轴网格线
-						labelCount: 4, //X轴文案数量
-						//type:'grid',
-						//gridType:'dash',
-						itemCount: _self.itemCount, //可不填写，配合enableScroll图表拖拽功能使用，x轴单屏显示数据的数量，默认为5个
-						scrollShow: true, //新增是否显示滚动条，默认false
-						scrollAlign: 'right',
-						//scrollBackgroundColor:'#F7F7FF',//可不填写，配合enableScroll图表拖拽功能使用，X轴滚动条背景颜色,默认为 #EFEBEF
-						//scrollColor:'#DEE7F7',//可不填写，配合enableScroll图表拖拽功能使用，X轴滚动条颜色,默认为 #A6A6A6
-					},
-					yAxis: {
-						//disabled:true
-						gridType: 'dash',
-						splitNumber: 5,
-						format: (val) => {
-							return val.toFixed(0)
-						}
-					},
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					dataLabel: false,
-					dataPointShape: true,
-					extra: {
-						candle: {
-							color: {
-								upLine: '#f04864',
-								upFill: '#f04864',
-								downLine: '#2fc25b',
-								downFill: '#2fc25b'
-							},
-							average: {
-								show: true,
-								name: ['MA5', 'MA10', 'MA30'],
-								day: [5, 10, 20],
-								color: ['#1890ff', '#2fc25b', '#facc14']
-							}
-						},
-						tooltip: {
-							bgColor: '#000000',
-							bgOpacity: 0.7,
-							gridType: 'dash',
-							dashLength: 5,
-							gridColor: '#1890ff',
-							fontColor: '#FFFFFF',
-							horizentalLine: true,
-							xAxisLabel: true,
-							yAxisLabel: true,
-							labelBgColor: '#DFE8FF',
-							labelBgOpacity: 0.95,
-							labelAlign: 'left',
-							labelFontColor: '#666666'
-						},
-						markLine: {
-							type: 'dash',
-							dashLength: 5,
-							data: [{
-								value: 2150,
-								lineColor: '#f04864',
-								showLabel: true
-							}, {
-								value: 2350,
-								lineColor: '#f04864',
-								showLabel: true
-							}]
-						}
-					}
-				});
-			},
-			touchCandle(e) {
-				canvasObj['canvasCandle'].scrollStart(e);
-			},
-			moveCandle(e) {
-				canvasObj['canvasCandle'].scroll(e);
-			},
-			touchEndCandle(e) {
-				canvasObj['canvasCandle'].scrollEnd(e);
-				//下面是toolTip事件，如果滚动后不需要显示，可不填写
-				canvasObj['canvasCandle'].showToolTip(e, {
-					format: function(item, category) {
-						return category + ' ' + item.name + ':' + item.data
-					}
-				});
-			},
-			changeData() {
-				canvasObj['canvasColumn'].updateData({
-					series: _self.serverData.ColumnB.series,
-					categories: _self.serverData.ColumnB.categories
-				});
-			},
-			touchLineA(e) {
-				canvasObj['canvasLineA'].scrollStart(e);
-			},
-			moveLineA(e) {
-				canvasObj['canvasLineA'].scroll(e);
-			},
-			touchEndLineA(e) {
-				canvasObj['canvasLineA'].scrollEnd(e);
-				//下面是toolTip事件，如果滚动后不需要显示，可不填写
-				canvasObj['canvasLineA'].showToolTip(e, {
-					format: function(item, category) {
-						return category + ' ' + item.name + ':' + item.data
-					}
-				});
-			},
-			showMix(canvasId, chartData) {
-				canvasObj[canvasId] = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'mix',
-					fontSize: 11,
-					padding: [15, 15, 0, 15],
-					legend: {
-						show: true,
-						padding: 5,
-						lineHeight: 11,
-						margin: 6,
-					},
-					background: '#FFFFFF',
-					pixelRatio: _self.pixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: false,
-					enableScroll: true, //开启图表拖拽功能
-					xAxis: {
-						disableGrid: false,
-						type: 'grid',
-						gridType: 'dash',
-						itemCount: 4,
-						scrollShow: true,
-						scrollAlign: 'left',
-					},
-					yAxis: {
-						gridType: 'dash',
-						dashLength: 4,
-						splitNumber: 5,
-						min: 10,
-						max: 180,
-						format: (val) => {
-							return val.toFixed(0)
-						}
-					},
-					width: _self.cWidth * _self.pixelRatio,
-					height: _self.cHeight * _self.pixelRatio,
-					dataLabel: true,
-					dataPointShape: true,
-					extra: {
-						column: {
-							width: 20 * _self.pixelRatio
-						},
-						tooltip: {
-							bgColor: '#000000',
-							bgOpacity: 0.7,
-							gridType: 'dash',
-							dashLength: 8,
-							gridColor: '#1890ff',
-							fontColor: '#FFFFFF',
-							horizentalLine: true,
-							xAxisLabel: true,
-							yAxisLabel: true,
-							labelBgColor: '#DFE8FF',
-							labelBgOpacity: 0.95,
-							labelAlign: 'left',
-							labelFontColor: '#666666'
-						}
-					},
-				});
-			},
-			touchMix(e) {
-				canvasObj['canvasMix'].scrollStart(e);
-			},
-			moveMix(e) {
-				canvasObj['canvasMix'].scroll(e);
-			},
-			touchEndMix(e) {
-				canvasObj['canvasMix'].scrollEnd(e);
-				canvasObj['canvasMix'].touchLegend(e);
-				//下面是toolTip事件，如果滚动后不需要显示，可不填写
-				canvasObj['canvasMix'].showToolTip(e, {
-					format: function(item, category) {
-						return category + ' ' + item.name + ':' + item.data
-					}
-				});
-			},
-			touchIt(e, id) {
-				canvasObj[id].touchLegend(e, {
-					animation: false
-				});
-				canvasObj[id].showToolTip(e, {
-					format: function(item, category) {
-						if (typeof item.data === 'object') {
-							return category + ' ' + item.name + ':' + item.data.value
-						} else {
-							return category + ' ' + item.name + ':' + item.data
-						}
-					}
-				});
-			},
-			touchPie(e, id) {
-				canvasObj[id].showToolTip(e, {
-					format: function(item) {
-						return item.name + ':' + item.data
-					}
-				});
-			},
-		}
-	}
-</script>
-
-<style>
-	page {
-		background: #fff;
-		/* width: 750rpx; */
-		/* width: 100%; */
-		overflow-x: hidden;
-	}
-
-	.qiun-padding {
-		padding: 2%;
-		width: 96%;
-	}
-
-	.qiun-wrap {
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	.qiun-rows {
-		display: flex;
-		flex-direction: row !important;
-	}
-
-	.qiun-columns {
-		display: flex;
-		flex-direction: column !important;
-	}
-
-	.qiun-common-mt {
-		margin-top: 10rpx;
-	}
-
-	.qiun-bg-white {
-		background: #FFFFFF;
-	}
-
-	.qiun-title-bar {
-		width: 96%;
-		padding: 10rpx 2%;
-		flex-wrap: nowrap;
-	}
-
-	.qiun-title-dot-light {
-		border-left: 10rpx solid #0ea391;
-		padding-left: 10rpx;
-		font-size: 32rpx;
-		color: #000000
-	}
-
-	/* 通用样式 */
-	.qiun-charts {
-		/* width: 750rpx; */
-		/* width:100%; */
-		height: 500rpx;
-		background-color: #FFFFFF;
-	}
-
-	.charts {
-		/* width: 750rpx; */
-		width:100%;
-		height: 500rpx;
-		background-color: #FFFFFF;
-	}
-
-	/* 横屏样式 */
-	.qiun-charts-rotate {
-		width: 700rpx;
-		height: 1100rpx;
-		background-color: #FFFFFF;
-		padding: 25rpx;
-	}
-
-	.charts-rotate {
-		width: 700rpx;
-		height: 1100rpx;
-		background-color: #FFFFFF;
-	}
-
-	/* 圆弧进度样式 */
-	.qiun-charts3 {
-		/* width: 750rpx;
-		width:100%; */
-		height: 250rpx;
-		background-color: #FFFFFF;
-		position: relative;
-	}
-
-	.charts3 {
-		position: absolute;
-		width: 250rpx;
-		height: 250rpx;
-		background-color: #FFFFFF;
-	}
-
-	.qiun-tip {
-		display: block;
-		width: auto;
-		overflow: hidden;
-		padding: 15rpx;
-		height: 30rpx;
-		line-height: 30rpx;
-		margin: 10rpx;
-		background: #ff9933;
-		font-size: 30rpx;
-		border-radius: 8rpx;
-		justify-content: center;
-		text-align: center;
-		border: 1px solid #dc7004;
-		color: #FFFFFF;
-	}
-</style>
diff --git a/pages/template/vant-button/vant-button.vue b/pages/template/vant-button/vant-button.vue
deleted file mode 100644
index dd07066..0000000
--- a/pages/template/vant-button/vant-button.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-	<view >
-		<page-head title="微信小程序自定义组件示例"></page-head>
-		<view class="uni-common-mt" style="text-align: center;width: 750rpx;width: 100%;">
-			<text style="padding-left: 10px;padding-right: 10px;">
-				uni-app支持在微信小程序、QQ小程序端、App端、H5端引入微信小程序自定义组件。以下以vant weapp组件为例演示
-			</text>
-		</view>
-		<view class="uni-common-mt" style="text-align: center;">
-			<van-button type="primary" @click="onClick">vant weapp的van-button按钮组件</van-button>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				checked: true
-			};
-		},
-		methods: {
-			onClick() {
-				uni.showToast({
-					title: "click van-button",
-					mask: false,
-					icon: "none",
-					duration: 1500
-				});
-
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>