删除中可选链操作符，解决vue3版本在hbuilderX内置浏览器不兼容的问题

App.vue

-<script>
+<script>
 	import initApp from '@/common/appInit.js';
-	import openApp from '@/common/openApp.js';
+	import openApp from '@/common/openApp.js';
 	import checkIsAgree from '@/pages/uni-agree/utils/uni-agree.js';
-	export default {
-		globalData: {
-			searchText: '',
-			appVersion: {},
-			config: {},
-			$i18n: {},
-			$t: {}
-		},
-		onLaunch: function() {
-			console.log('App Launch')
+	export default {
+		globalData: {
+			searchText: '',
+			appVersion: {},
+			config: {},
+			$i18n: {},
+			$t: {}
+		},
+		onLaunch: function() {
+			console.log('App Launch')
 			this.globalData.$i18n = this.$i18n
-			this.globalData.$t = str => this.$t(str)
-
+			this.globalData.$t = str => this.$t(str)
+
 			initApp();
 			
 			// #ifdef H5
 				openApp() //创建在h5端全局悬浮引导用户下载app的功能
-			// #endif
-			// #ifdef APP-PLUS
-			//checkIsAgree(); APP端暂时先用原生默认生成的。目前，自定义方式启动vue界面时，原生层已经请求了部分权限这并不符合国家的法规
-			// #endif
-
-			// #ifdef H5
-			// checkIsAgree(); // 默认不开启。目前全球，仅欧盟国家有网页端同意隐私权限的需要。如果需要可以自己去掉注视后生效
-			// #endif
-
-			// #ifdef APP-PLUS
-			//idfa有需要的用户在应用首次启动时自己获取存储到storage中
-			//https://ask.dcloud.net.cn/article/36107
-			/*if(~plus.storage.getItem('idfa')){
-				plus.device.getInfo({//需要勾选IDFA
-					success:function(e){  
-						console.log('idfa =  '+JSON.stringify(e.idfa));  
-					},
-					fail:function(e){
-						console.log('getDeviceInfo failed: '+JSON.stringify(e));  
-					}  
-				});
-			}*/
-			// #endif
-		},
-		onShow: function() {
-			console.log('App Show')
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
-	}
-</script>
-
-<style>
-	/*每个页面公共css */
+			// #endif
+			// #ifdef APP-PLUS
+			//checkIsAgree(); APP端暂时先用原生默认生成的。目前，自定义方式启动vue界面时，原生层已经请求了部分权限这并不符合国家的法规
+			// #endif
+
+			// #ifdef H5
+			// checkIsAgree(); // 默认不开启。目前全球，仅欧盟国家有网页端同意隐私权限的需要。如果需要可以自己去掉注视后生效
+			// #endif
+
+			// #ifdef APP-PLUS
+			//idfa有需要的用户在应用首次启动时自己获取存储到storage中
+			//https://ask.dcloud.net.cn/article/36107
+			/*if(~plus.storage.getItem('idfa')){
+				plus.device.getInfo({//需要勾选IDFA
+					success:function(e){  
+						console.log('idfa =  '+JSON.stringify(e.idfa));  
+					},
+					fail:function(e){
+						console.log('getDeviceInfo failed: '+JSON.stringify(e));  
+					}  
+				});
+			}*/
+			// #endif
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
 </style>

components/Sansnn-uQRCode/Sansnn-uQRCode.vue

-<template>
-	<view>
-		<canvas :id="cid" :canvas-id="cid" :style="{width: `${size}px`, height: `${size}px`}" />
-	</view>
-</template>
-
-<script>
-	import uQRCode from './uqrcode.js'
-
-	export default {
-		props: {
-			cid: {
-				type: String,
+<template>
+	<view>
+		<canvas :id="cid" :canvas-id="cid" :style="{width: `${size}px`, height: `${size}px`}" />
+	</view>
+</template>
+
+<script>
+	import uQRCode from './uqrcode.js'
+
+	export default {
+		props: {
+			cid: {
+				type: String,
 				default(){
 					return Date.now()+Math.random()+'';
-				}
-			},
-			text: {
-				type: String,
-				required: true
-			},
-			size: {
-				type: Number,
-				default: uni.upx2px(200)
-			},
-			margin: {
-				type: Number,
-				default: 0
-			},
-			backgroundColor: {
-				type: String,
-				default: '#ffffff'
-			},
-			foregroundColor: {
-				type: String,
-				default: '#000000'
-			},
-			backgroundImage: {
-				type: String
-			},
-			logo: {
-				type: String
-			},
-			makeOnLoad: {
-				type: Boolean,
-				default: false
-			}
-		},
-		data() {
-			return {
-
-			}
-		},
-		mounted() {
-			if (this.makeOnLoad) {
-				this.make()
-			}
-		},
-		methods: {
-			async make() {
-				var options = {
-					canvasId: this.cid,
-					componentInstance: this,
-					text: this.text,
-					size: this.size,
-					margin: this.margin,
-					backgroundColor: this.backgroundImage ? 'rgba(255,255,255,0)' : this.backgroundColor,
-					foregroundColor: this.foregroundColor
-				}
-				var filePath = await this.makeSync(options)
-
-				if (this.backgroundImage) {
-					filePath = await this.drawBackgroundImageSync(filePath)
-				}
-
-				if (this.logo) {
-					filePath = await this.drawLogoSync(filePath)
-				}
-
-				this.makeComplete(filePath)
-			},
-			makeComplete(filePath) {
-				this.$emit('makeComplete', filePath)
-			},
-			drawBackgroundImage(options) {
-				var ctx = uni.createCanvasContext(this.cid, this)
-
-				ctx.drawImage(this.backgroundImage, 0, 0, this.size, this.size)
-
-				ctx.drawImage(options.filePath, 0, 0, this.size, this.size)
-
-				ctx.draw(false, () => {
-					uni.canvasToTempFilePath({
-						canvasId: this.cid,
-						success: res => {
-							options.success && options.success(res.tempFilePath)
-						},
-						fail: error => {
-							options.fail && options.fail(error)
-						}
-					}, this)
-				})
-			},
-			async drawBackgroundImageSync(filePath) {
-				return new Promise((resolve, reject) => {
-					this.drawBackgroundImage({
-						filePath: filePath,
-						success: res => {
-							resolve(res)
-						},
-						fail: error => {
-							reject(error)
-						}
-					})
-				})
-			},
-			fillRoundRect(ctx, r, x, y, w, h) {
-				ctx.save()
-				ctx.translate(x, y)
-				ctx.beginPath()
-				ctx.arc(w - r, h - r, r, 0, Math.PI / 2)
-				ctx.lineTo(r, h)
-				ctx.arc(r, h - r, r, Math.PI / 2, Math.PI)
-				ctx.lineTo(0, r)
-				ctx.arc(r, r, r, Math.PI, Math.PI * 3 / 2)
-				ctx.lineTo(w - r, 0)
-				ctx.arc(w - r, r, r, Math.PI * 3 / 2, Math.PI * 2)
-				ctx.lineTo(w, h - r)
-				ctx.closePath()
-				ctx.setFillStyle('#ffffff')
-				ctx.fill()
-				ctx.restore()
-			},
-			drawLogo(options) {
-				var ctx = uni.createCanvasContext(this.cid, this)
-
-				ctx.drawImage(options.filePath, 0, 0, this.size, this.size)
-
-				var logoSize = this.size / 4
-				var logoX = this.size / 2 - logoSize / 2
-				var logoY = logoX
-
-				var borderSize = logoSize + 10
-				var borderX = this.size / 2 - borderSize / 2
-				var borderY = borderX
-				var borderRadius = 5
-
-				this.fillRoundRect(ctx, borderRadius, borderX, borderY, borderSize, borderSize)
-
-				ctx.drawImage(this.logo, logoX, logoY, logoSize, logoSize)
-				
-				ctx.draw(false, () => {
-					uni.canvasToTempFilePath({
-						canvasId: this.cid,
-						success: res => {
-							options.success && options.success(res.tempFilePath)
-						},
-						fail: error => {
-							options.fail && options.fail(error)
-						}
-					}, this)
-				})
-			},
-			async drawLogoSync(filePath) {
-				return new Promise((resolve, reject) => {
-					this.drawLogo({
-						filePath: filePath,
-						success: res => {
-							resolve(res)
-						},
-						fail: error => {
-							reject(error)
-						}
-					})
-				})
-			},
-			async makeSync(options) {
-				return new Promise((resolve, reject) => {
-					uQRCode.make({
-						canvasId: options.canvasId,
-						componentInstance: options.componentInstance,
-						text: options.text,
-						size: options.size,
-						margin: options.margin,
-						backgroundColor: options.backgroundColor,
-						foregroundColor: options.foregroundColor,
-						success: res => {
-							resolve(res)
-						},
-						fail: error => {
-							reject(error)
-						}
-					})
-				})
-			}
-		}
-	}
+				}
+			},
+			text: {
+				type: String,
+				required: true
+			},
+			size: {
+				type: Number,
+				default: uni.upx2px(200)
+			},
+			margin: {
+				type: Number,
+				default: 0
+			},
+			backgroundColor: {
+				type: String,
+				default: '#ffffff'
+			},
+			foregroundColor: {
+				type: String,
+				default: '#000000'
+			},
+			backgroundImage: {
+				type: String
+			},
+			logo: {
+				type: String
+			},
+			makeOnLoad: {
+				type: Boolean,
+				default: false
+			}
+		},
+		data() {
+			return {
+
+			}
+		},
+		mounted() {
+			if (this.makeOnLoad) {
+				this.make()
+			}
+		},
+		methods: {
+			async make() {
+				var options = {
+					canvasId: this.cid,
+					componentInstance: this,
+					text: this.text,
+					size: this.size,
+					margin: this.margin,
+					backgroundColor: this.backgroundImage ? 'rgba(255,255,255,0)' : this.backgroundColor,
+					foregroundColor: this.foregroundColor
+				}
+				var filePath = await this.makeSync(options)
+
+				if (this.backgroundImage) {
+					filePath = await this.drawBackgroundImageSync(filePath)
+				}
+
+				if (this.logo) {
+					filePath = await this.drawLogoSync(filePath)
+				}
+
+				this.makeComplete(filePath)
+			},
+			makeComplete(filePath) {
+				this.$emit('makeComplete', filePath)
+			},
+			drawBackgroundImage(options) {
+				var ctx = uni.createCanvasContext(this.cid, this)
+
+				ctx.drawImage(this.backgroundImage, 0, 0, this.size, this.size)
+
+				ctx.drawImage(options.filePath, 0, 0, this.size, this.size)
+
+				ctx.draw(false, () => {
+					uni.canvasToTempFilePath({
+						canvasId: this.cid,
+						success: res => {
+							options.success && options.success(res.tempFilePath)
+						},
+						fail: error => {
+							options.fail && options.fail(error)
+						}
+					}, this)
+				})
+			},
+			async drawBackgroundImageSync(filePath) {
+				return new Promise((resolve, reject) => {
+					this.drawBackgroundImage({
+						filePath: filePath,
+						success: res => {
+							resolve(res)
+						},
+						fail: error => {
+							reject(error)
+						}
+					})
+				})
+			},
+			fillRoundRect(ctx, r, x, y, w, h) {
+				ctx.save()
+				ctx.translate(x, y)
+				ctx.beginPath()
+				ctx.arc(w - r, h - r, r, 0, Math.PI / 2)
+				ctx.lineTo(r, h)
+				ctx.arc(r, h - r, r, Math.PI / 2, Math.PI)
+				ctx.lineTo(0, r)
+				ctx.arc(r, r, r, Math.PI, Math.PI * 3 / 2)
+				ctx.lineTo(w - r, 0)
+				ctx.arc(w - r, r, r, Math.PI * 3 / 2, Math.PI * 2)
+				ctx.lineTo(w, h - r)
+				ctx.closePath()
+				ctx.setFillStyle('#ffffff')
+				ctx.fill()
+				ctx.restore()
+			},
+			drawLogo(options) {
+				var ctx = uni.createCanvasContext(this.cid, this)
+
+				ctx.drawImage(options.filePath, 0, 0, this.size, this.size)
+
+				var logoSize = this.size / 4
+				var logoX = this.size / 2 - logoSize / 2
+				var logoY = logoX
+
+				var borderSize = logoSize + 10
+				var borderX = this.size / 2 - borderSize / 2
+				var borderY = borderX
+				var borderRadius = 5
+
+				this.fillRoundRect(ctx, borderRadius, borderX, borderY, borderSize, borderSize)
+
+				ctx.drawImage(this.logo, logoX, logoY, logoSize, logoSize)
+				
+				ctx.draw(false, () => {
+					uni.canvasToTempFilePath({
+						canvasId: this.cid,
+						success: res => {
+							options.success && options.success(res.tempFilePath)
+						},
+						fail: error => {
+							options.fail && options.fail(error)
+						}
+					}, this)
+				})
+			},
+			async drawLogoSync(filePath) {
+				return new Promise((resolve, reject) => {
+					this.drawLogo({
+						filePath: filePath,
+						success: res => {
+							resolve(res)
+						},
+						fail: error => {
+							reject(error)
+						}
+					})
+				})
+			},
+			async makeSync(options) {
+				return new Promise((resolve, reject) => {
+					uQRCode.make({
+						canvasId: options.canvasId,
+						componentInstance: options.componentInstance,
+						text: options.text,
+						size: options.size,
+						margin: options.margin,
+						backgroundColor: options.backgroundColor,
+						foregroundColor: options.foregroundColor,
+						success: res => {
+							resolve(res)
+						},
+						fail: error => {
+							reject(error)
+						}
+					})
+				})
+			}
+		}
+	}
 </script>

components/cloud-image/cloud-image.vue

-<template>
+<template>
 	<view @click="onClick" :style="{width,height}">
-		<image v-if="cSrc" :style="{width,height}" :src="cSrc" :mode="mode"></image>
-	</view>
-</template>
-
-<script>
-	export default {
+		<image v-if="cSrc" :style="{width,height}" :src="cSrc" :mode="mode"></image>
+	</view>
+</template>
+
+<script>
+	export default {
 		name: "cloud-image",
-		emits:['click','switchChange'],
-		props: {
+		emits:['click','switchChange'],
+		props: {
 			mode: {
 				type:String,
 				default () {
@@ -16,10 +16,10 @@
 				}
 			},
 			src: {
-				// type:String,
-				default () {
-					return ""
-				}
+				// type:String,
+				default () {
+					return ""
+				}
 			},
 			width: {
 				type:String,
@@ -32,7 +32,7 @@
 				default () {
 					return '100rpx'
 				}
-			}
+			}
 		},
 		watch: {
 			src:{
@@ -61,10 +61,10 @@
 				this.$emit('click')
 			}
 		},
-		data() {
-			return {
-				cSrc:false
-			};
-		}
-	}
+		data() {
+			return {
+				cSrc:false
+			};
+		}
+	}
 </script>
\ No newline at end of file

components/uni-bindMobileByMpWeixin/uni-bindMobileByMpWeixin.vue

-<template>
-	<uni-popup ref="popup" type="bottom">
-		<view class="box">
-			<text class="headBox">绑定资料</text>
-			<text class="tip">将一键获取你的手机号码绑定你的个人资料</text>
-			<view class="btnBox">
-				<text @click="closeMe" class="close">关闭</text>
-				<button class="agree" type="warn" @click="beforeGetphonenumber" open-type="getPhoneNumber"
-					@getphonenumber="bindMobileByMpWeixin">获取</button>
-			</view>
-		</view>
-	</uni-popup>
-</template>
-
-<script>
-	import {
-		mapMutations,
-		mapGetters
-	} from 'vuex';
-	const db = uniCloud.database();
-	const usersTable = db.collection('uni-id-users')
-	let userId = ''
-	export default {
-		emits: ['next'],
-		computed: {
-			...mapGetters({
-				userInfo: 'user/info',
-				login: 'user/hasLogin'
-			})
-		},
-		data() {
-			return {}
-		},
-		methods: {
-			...mapMutations({
-				setUserInfo: 'user/login'
-			}),
+<template>
+	<uni-popup ref="popup" type="bottom">
+		<view class="box">
+			<text class="headBox">绑定资料</text>
+			<text class="tip">将一键获取你的手机号码绑定你的个人资料</text>
+			<view class="btnBox">
+				<text @click="closeMe" class="close">关闭</text>
+				<button class="agree" type="warn" @click="beforeGetphonenumber" open-type="getPhoneNumber"
+					@getphonenumber="bindMobileByMpWeixin">获取</button>
+			</view>
+		</view>
+	</uni-popup>
+</template>
+
+<script>
+	import {
+		mapMutations,
+		mapGetters
+	} from 'vuex';
+	const db = uniCloud.database();
+	const usersTable = db.collection('uni-id-users')
+	let userId = ''
+	export default {
+		emits: ['next'],
+		computed: {
+			...mapGetters({
+				userInfo: 'user/info',
+				login: 'user/hasLogin'
+			})
+		},
+		data() {
+			return {}
+		},
+		methods: {
+			...mapMutations({
+				setUserInfo: 'user/login'
+			}),
 			beforeGetphonenumber() {
 				uni.showLoading({
 					mask:true
-				})
-				wx.checkSession({
-					success() {
+				})
+				wx.checkSession({
+					success() {
 						console.log('session_key 未过期');
-						uni.hideLoading()
-					},
-					fail() {
+						uni.hideLoading()
+					},
+					fail() {
 						console.log('session_key 已经失效，正在执行更新');
 						wx.login({
 							success({code}) {
@@ -65,20 +65,20 @@
 							fail: (err) => {
 								console.error(err);
 							}
-						})
-					}
-				})
-			},
-			bindMobileByMpWeixin(e) {
-				console.log(e.detail);
-				uniCloud.callFunction({
-					name: "uni-id-cf",
-					data: {
-						"action": "bindMobileByMpWeixin",
-						"params": e.detail
-					},
-					complete: (e) => {
-						console.log(e);
+						})
+					}
+				})
+			},
+			bindMobileByMpWeixin(e) {
+				console.log(e.detail);
+				uniCloud.callFunction({
+					name: "uni-id-cf",
+					data: {
+						"action": "bindMobileByMpWeixin",
+						"params": e.detail
+					},
+					complete: (e) => {
+						console.log(e);
 					},
 					success: (e) => {
 						uni.showToast({
@@ -91,99 +91,99 @@
 							})
 						}
 						this.closeMe()
-					}
-				})
-			},
-			async open(uid) {
-				userId = uid
+					}
+				})
+			},
+			async open(uid) {
+				userId = uid
 				this.$refs.popup.open()
-				this.beforeGetphonenumber()
-			},
-			closeMe(e) {
-				this.$refs.popup.close()
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	view {
-		display: flex;
-	}
-
-	.box {
-		background-color: #FFFFFF;
-		height: 200px;
-		width: 750rpx;
-		flex-direction: column;
-		border-top-left-radius: 15px;
-		border-top-right-radius: 15px;
-	}
-
-	.headBox {
-		padding: 20rpx;
-		height: 80rpx;
-		line-height: 80rpx;
-		text-align: left;
-		font-size: 32upx;
-		color: #333333;
-		margin-left: 15rpx;
-	}
-
-	.tip {
-		color: #666666;
-		text-align: left;
-		justify-content: center;
-		margin: 10rpx 30rpx;
-		font-size: 36rpx;
-	}
-
-	.btnBox {
-		margin-top: 45rpx;
-		justify-content: center;
-		flex-direction: row;
-	}
-
-	.close,
-	.agree {
-		text-align: center;
-		width: 200rpx;
-		height: 80upx;
-		line-height: 80upx;
-		border-radius: 50px;
-		margin: 0 20rpx;
-		font-size: 36rpx;
-	}
-
-	.close {
-		color: #999999;
-		border-color: #EEEEEE;
-		border-style: solid;
-		border-width: 1px;
-		background-color: #FFFFFF;
-	}
-
-	.close:active {
-		color: #989898;
-		background-color: #E2E2E2;
-	}
-
-	.agree {
-		background-color: #DD524D;
-		color: #FFFFFF;
-	}
-
-	/* #ifdef MP */
-	.agree::after {
-		border: none;
-	}
-
-	.agree {
-		background-color: #DD524D;
-	}
-
-	/* #endif */
-	.agree:active {
-		background-color: #F5F5F6;
-	}
+				this.beforeGetphonenumber()
+			},
+			closeMe(e) {
+				this.$refs.popup.close()
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	view {
+		display: flex;
+	}
+
+	.box {
+		background-color: #FFFFFF;
+		height: 200px;
+		width: 750rpx;
+		flex-direction: column;
+		border-top-left-radius: 15px;
+		border-top-right-radius: 15px;
+	}
+
+	.headBox {
+		padding: 20rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		text-align: left;
+		font-size: 32upx;
+		color: #333333;
+		margin-left: 15rpx;
+	}
+
+	.tip {
+		color: #666666;
+		text-align: left;
+		justify-content: center;
+		margin: 10rpx 30rpx;
+		font-size: 36rpx;
+	}
+
+	.btnBox {
+		margin-top: 45rpx;
+		justify-content: center;
+		flex-direction: row;
+	}
+
+	.close,
+	.agree {
+		text-align: center;
+		width: 200rpx;
+		height: 80upx;
+		line-height: 80upx;
+		border-radius: 50px;
+		margin: 0 20rpx;
+		font-size: 36rpx;
+	}
+
+	.close {
+		color: #999999;
+		border-color: #EEEEEE;
+		border-style: solid;
+		border-width: 1px;
+		background-color: #FFFFFF;
+	}
+
+	.close:active {
+		color: #989898;
+		background-color: #E2E2E2;
+	}
+
+	.agree {
+		background-color: #DD524D;
+		color: #FFFFFF;
+	}
+
+	/* #ifdef MP */
+	.agree::after {
+		border: none;
+	}
+
+	.agree {
+		background-color: #DD524D;
+	}
+
+	/* #endif */
+	.agree:active {
+		background-color: #F5F5F6;
+	}
 </style>

components/uni-load-state/i18n/en.json

-{
-	"noData": "No Data",
-	"noNetwork": "Network error",
-	"toSet": "Go to settings",
+{
+	"noData": "No Data",
+	"noNetwork": "Network error",
+	"toSet": "Go to settings",
 	"error": "error"
 }

components/uni-load-state/i18n/index.js

-import en from './en.json'
-import zhHans from './zh-Hans.json'
-export default {
-	en,
-	'zh-Hans': zhHans
+import en from './en.json'
+import zhHans from './zh-Hans.json'
+export default {
+	en,
+	'zh-Hans': zhHans
 }

components/uni-load-state/i18n/zh-Hans.json

-{
-	"noData": "暂无数据",
-	"noNetwork": "网络异常",
-	"toSet": "前往设置",
-	"error": "错误"
+{
+	"noData": "暂无数据",
+	"noNetwork": "网络异常",
+	"toSet": "前往设置",
+	"error": "错误"
 }

components/uni-send-sms-code/uni-send-sms-code.vue

-<template>
-	<view class="short-code-btn" hover-class="hover" @click="start">
-		<text class="inner-text" :class="reverseNumber==0?'inner-text-active':''">{{innerText}}</text>
-	</view>
-</template>
-
-<script>
-	function debounce(func, wait) {
-		let timer;
-		wait = wait || 500;
-		return function() {
-			let context = this;
-			let args = arguments;
-			if (timer) clearTimeout(timer);
-			let callNow = !timer;
-			timer = setTimeout(() => {
-				timer = null;
-			}, wait)
-			if (callNow) func.apply(context, args);
-		}
-	}
-	export default {
-		name: "uni-send-sms-code",
-		props: {
-			/**
-			 * 倒计时时长 s
-			 */
-			count: {
-				type: [String, Number],
-				default: 60
-			},
-			/**
-			 * 手机号码
-			 */
-			phone: {
-				type: [String, Number],
-				default: ''
-			},
-			/*
-				验证码类型，用于防止不同功能的验证码混用，目前支持的类型login登录、register注册、bind绑定手机、unbind解绑手机
-			*/
-			codeType:{
-				type: String,
-				default(){
-					return 'login'
-				}
-			}
-		},
-		data() {
-			return {
-				reverseNumber: 0,
-				reverseTimer: null
-			};
-		},
+<template>
+	<view class="short-code-btn" hover-class="hover" @click="start">
+		<text class="inner-text" :class="reverseNumber==0?'inner-text-active':''">{{innerText}}</text>
+	</view>
+</template>
+
+<script>
+	function debounce(func, wait) {
+		let timer;
+		wait = wait || 500;
+		return function() {
+			let context = this;
+			let args = arguments;
+			if (timer) clearTimeout(timer);
+			let callNow = !timer;
+			timer = setTimeout(() => {
+				timer = null;
+			}, wait)
+			if (callNow) func.apply(context, args);
+		}
+	}
+	export default {
+		name: "uni-send-sms-code",
+		props: {
+			/**
+			 * 倒计时时长 s
+			 */
+			count: {
+				type: [String, Number],
+				default: 60
+			},
+			/**
+			 * 手机号码
+			 */
+			phone: {
+				type: [String, Number],
+				default: ''
+			},
+			/*
+				验证码类型，用于防止不同功能的验证码混用，目前支持的类型login登录、register注册、bind绑定手机、unbind解绑手机
+			*/
+			codeType:{
+				type: String,
+				default(){
+					return 'login'
+				}
+			}
+		},
+		data() {
+			return {
+				reverseNumber: 0,
+				reverseTimer: null
+			};
+		},
 		computed: {
-			innerText() {
-				if (this.reverseNumber == 0) return this.$t('common.getVerifyCode');
-				return this.$t('smsCode.resendVerifyCode')+ '('+this.reverseNumber+'s)';
-			}
-		},
-		created() {
-			this.initClick();
-		},
-		methods: {
-			initClick() {
-				this.start = debounce(() => {
-					if (this.reverseNumber != 0) return;
-					this.sendMsg();
-				})
-			},
-			sendMsg() {
-				let reg_phone = /^1\d{10}$/;
-				if(!reg_phone.test(this.phone))return uni.showToast({
-					title: this.$t('smsCode.phoneErrTip'),
-					icon: 'none'
-				});
-				uniCloud.callFunction({
-					name:'uni-id-cf',
-					data:{
-						action:'sendSmsCode',
-						params:{
-							"mobile": this.phone,
-							"type": this.codeType
-						},
-					},
-					success: ({result}) => {
-						console.log(result);
-						if(result.code===0){
-							uni.showToast({
-								title: this.$t('smsCode.sendSuccessTip'),
-								icon: 'none'
-							});
-							this.reverseNumber = Number(this.count);
-							this.getCode();
-							this.$emit('getCode');
-						}else{
-							uni.showModal({
-								content: result.msg,
-								showCancel: false
-							});
-						}
-					}
-				})
-			},
-			getCode() {
-				if (this.reverseNumber == 0) {
-					clearTimeout(this.reverseTimer);
-					this.reverseTimer = null;
-					return;
-				}
-				this.reverseNumber--;
-				this.reverseTimer = setTimeout(() => {
-					this.getCode();
-				}, 1000)
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-/* #ifndef APP-NVUE */
-view{
-	display: flex;
-	box-sizing: border-box;
-	flex-direction: column;
-}
-/* #endif */
-	.short-code-btn {
-		width: 200rpx;
-		height: 85rpx;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		justify-content: center;
-		align-items: center;
-	}
-	.inner-text {
-		font-size: 28rpx;
-		color: #AAAAAA;
-	}
-	.inner-text-active {
-		color: #007aff;
-	}
-</style>
+			innerText() {
+				if (this.reverseNumber == 0) return this.$t('common.getVerifyCode');
+				return this.$t('smsCode.resendVerifyCode')+ '('+this.reverseNumber+'s)';
+			}
+		},
+		created() {
+			this.initClick();
+		},
+		methods: {
+			initClick() {
+				this.start = debounce(() => {
+					if (this.reverseNumber != 0) return;
+					this.sendMsg();
+				})
+			},
+			sendMsg() {
+				let reg_phone = /^1\d{10}$/;
+				if(!reg_phone.test(this.phone))return uni.showToast({
+					title: this.$t('smsCode.phoneErrTip'),
+					icon: 'none'
+				});
+				uniCloud.callFunction({
+					name:'uni-id-cf',
+					data:{
+						action:'sendSmsCode',
+						params:{
+							"mobile": this.phone,
+							"type": this.codeType
+						},
+					},
+					success: ({result}) => {
+						console.log(result);
+						if(result.code===0){
+							uni.showToast({
+								title: this.$t('smsCode.sendSuccessTip'),
+								icon: 'none'
+							});
+							this.reverseNumber = Number(this.count);
+							this.getCode();
+							this.$emit('getCode');
+						}else{
+							uni.showModal({
+								content: result.msg,
+								showCancel: false
+							});
+						}
+					}
+				})
+			},
+			getCode() {
+				if (this.reverseNumber == 0) {
+					clearTimeout(this.reverseTimer);
+					this.reverseTimer = null;
+					return;
+				}
+				this.reverseNumber--;
+				this.reverseTimer = setTimeout(() => {
+					this.getCode();
+				}, 1000)
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+/* #ifndef APP-NVUE */
+view{
+	display: flex;
+	box-sizing: border-box;
+	flex-direction: column;
+}
+/* #endif */
+	.short-code-btn {
+		width: 200rpx;
+		height: 85rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+	}
+	.inner-text {
+		font-size: 28rpx;
+		color: #AAAAAA;
+	}
+	.inner-text-active {
+		color: #007aff;
+	}
+</style>

uni_modules/uni-countdown/components/uni-countdown/i18n/en.json

-{
-	"uni-countdown.day": "day",
-	"uni-countdown.h": "h",
-	"uni-countdown.m": "m",
-	"uni-countdown.s": "s"
+{
+	"uni-countdown.day": "day",
+	"uni-countdown.h": "h",
+	"uni-countdown.m": "m",
+	"uni-countdown.s": "s"
 }