advance.vue 1.8 KB
Newer Older
杜庆泉's avatar
init  
杜庆泉 已提交
1
<template>
杜庆泉's avatar
杜庆泉 已提交
2 3
	<view>
		<page-head :title="title"></page-head>
杜庆泉's avatar
杜庆泉 已提交
4 5 6 7 8 9
		<view class="uni-btn-v uni-common-mt">
			<button type="primary"  @tap="testTimer">延迟任务</button>
			<button type="primary"  @tap="testInterval">定时任务</button>
			<button type="primary"  @tap="testClearInterval">关闭定时任务</button>
		</view>
		
杜庆泉's avatar
杜庆泉 已提交
10 11 12 13 14
		<view class="uni-btn-v uni-common-mt">
			<button type="primary" @tap="testAddToDecorView">添加TextView至视图顶层</button>
			<button type="primary" @tap="testRemoveToDecorView">移除视图顶层的TextView</button>
		</view>
		
杜庆泉's avatar
杜庆泉 已提交
15
	</view>
杜庆泉's avatar
init  
杜庆泉 已提交
16
</template>
杜庆泉's avatar
杜庆泉 已提交
17 18 19 20
<script>
	import {
	  doTimerTask,
	  doIntervalTask,
杜庆泉's avatar
杜庆泉 已提交
21
	  clearIntervalTask,
杜庆泉's avatar
杜庆泉 已提交
22 23
	  addViewToDecorView,
	  removeViewToDecorView
打打卡夫卡's avatar
打打卡夫卡 已提交
24
	} from "../../uni_modules/uts-advance";
杜庆泉's avatar
杜庆泉 已提交
25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
	
	export default {
		data() {
			return {
				title: 'UTS进阶示例',
				taskId:0
			}
		},
		onUnload:function(){
		},
		methods: {
			testTimer: function () {
				doTimerTask({
					start:function(response){
						uni.showToast({
							title:response,
							icon:'none'
						});
					},
					work:function(response){
						uni.showToast({
							title:response,
							icon:'none'
						});
					},
				});
			},
			testInterval: function () {
				var ret = doIntervalTask({
					start:function(response){
						uni.showToast({
							title:response,
							icon:'none'
						});
					},
					work:function(response){
						uni.showToast({
							title:response,
							icon:'none'
						});
					},
				});
				this.taskId = ret.taskId;
			},
			
			testClearInterval: function () {
				console.log(this.taskId);
杜庆泉's avatar
杜庆泉 已提交
72
				clearIntervalTask(this.taskId);
杜庆泉's avatar
杜庆泉 已提交
73 74
			},
			
杜庆泉's avatar
杜庆泉 已提交
75 76 77 78 79 80 81
			testAddToDecorView: function () {
				addViewToDecorView();
			},
						
			testRemoveToDecorView: function () {
				removeViewToDecorView();
			},
杜庆泉's avatar
杜庆泉 已提交
82
			
杜庆泉's avatar
杜庆泉 已提交
83
			
杜庆泉's avatar
杜庆泉 已提交
84 85 86
		}
	}
</script>
杜庆泉's avatar
init  
杜庆泉 已提交
87

杜庆泉's avatar
杜庆泉 已提交
88
<style>
杜庆泉's avatar
init  
杜庆泉 已提交
89

杜庆泉's avatar
杜庆泉 已提交
90 91
  
</style>