diff --git a/components/tpf-time-range/tpf-time-range.vue b/components/tpf-time-range/tpf-time-range.vue
index 30f14d7..3679b2b 100644
--- a/components/tpf-time-range/tpf-time-range.vue
+++ b/components/tpf-time-range/tpf-time-range.vue
@@ -1,5 +1,5 @@
 <template>
-	<uni-popup ref="popup" type="bottom">
+	<u-popup :closeOnClickOverlay="true" :show="show" ref="popup" type="bottom">
 		<view class="tpf-time-range-section">
 			<view class="tpf-time-range-title-section flex flex-align-center flex-pack-justify">
 				<text class="tpf-time-range-title-txt tpf-time-range-cancel" @tap="closePopup('cancel')">取消</text>
@@ -30,7 +30,7 @@
 				</view>
 			</view>
 		</view>
-	</uni-popup>
+	</u-popup>
 </template>
 
 <script>
@@ -98,6 +98,7 @@ export default{
 		return {
 			startDefaultTimeArr:[0,0],
 			endDefaultTimeArr:[0,0],
+			show: false
 		}
 	},
 	methods:{
@@ -110,11 +111,11 @@ export default{
 			if(this.compareTwoTimeRange(this.startDefaultTimeArr,e.detail.value)) this.startDefaultTimeArr = e.detail.value;
 		},
 		open(){
-			this.$refs.popup.open();
+			this.show = true;
 		},
 		closePopup(action=""){
 			if(action == "cancel"){
-				this.$refs.popup.close();
+				this.show = false;
 				return false;
 			}
 			if(this.compareTwoTimeRange(this.startDefaultTimeArr , this.endDefaultTimeArr)){
@@ -129,7 +130,7 @@ export default{
 			this.$emit('timeRange',[
 				startTime,endTime
 			]);
-			this.$refs.popup.close();
+			this.show = false;
 		},
 		compareTwoTimeRange(arr1=[],arr2=[]){
 			if(arr1[0]>arr2[0] || (arr1[0] == arr2[0] && arr1[1] > arr2[1])) return true;