advance.vue 3.2 KB
Newer Older
杜庆泉's avatar
init  
杜庆泉 已提交
1
<template>
杜庆泉's avatar
杜庆泉 已提交
2
	<view>
杜庆泉's avatar
杜庆泉 已提交
3
		<page-head :title="title" accordion></page-head>
杜庆泉's avatar
杜庆泉 已提交
4 5


6
		<uni-collapse accordion>
杜庆泉's avatar
杜庆泉 已提交
7
			<uni-collapse-item title="延迟任务" :border="false">
杜庆泉's avatar
杜庆泉 已提交
8

杜庆泉's avatar
杜庆泉 已提交
9
				<uni-list>
10
					<uni-list-item @tap="testTimer" title="开启延迟任务"  :clickable="true">
杜庆泉's avatar
杜庆泉 已提交
11 12
					</uni-list-item>
				</uni-list>
13
			</uni-collapse-item>
杜庆泉's avatar
杜庆泉 已提交
14

杜庆泉's avatar
杜庆泉 已提交
15 16 17
			<uni-collapse-item title="定时任务" :border="false">

				<uni-list>
18
					<uni-list-item @tap="testInterval" title="开启定时任务"  :clickable="true">
杜庆泉's avatar
杜庆泉 已提交
19
					</uni-list-item>
20
					<uni-list-item @tap="testClearInterval" title="关闭定时任务" :clickable="true">
杜庆泉's avatar
杜庆泉 已提交
21 22
					</uni-list-item>
				</uni-list>
23
			</uni-collapse-item>
杜庆泉's avatar
杜庆泉 已提交
24 25
			<uni-collapse-item title="语法示例" :border="false">
				<uni-list>
26
					<uni-list-item @tap="testSyntax" title="进阶语法示例" :clickable="true" link>
杜庆泉's avatar
杜庆泉 已提交
27 28
					</uni-list-item>
				</uni-list>
29
			</uni-collapse-item>
杜庆泉's avatar
杜庆泉 已提交
30 31
			<uni-collapse-item title="资源加载示例" :border="false">
				<uni-list>
32
					<uni-list-item @tap="gotoResourceDemo" title="图片加载示例" :clickable="true" link>
杜庆泉's avatar
杜庆泉 已提交
33 34
					</uni-list-item>
				</uni-list>
35
			</uni-collapse-item>
杜庆泉's avatar
杜庆泉 已提交
36 37 38 39
			<uni-collapse-item title="android平台示例" :border="false">

				<uni-list>

40 41 42 43
					<uni-list-item @tap="testLifecyle" title="activity生命周期监听" :clickable="true" link />
					<uni-list-item @tap="gotoDecorView" title="操作DecorView" :clickable="true" link />
					<uni-list-item @tap="testAssetLoad" title="播放asset音频(需自定义基座)" :clickable="true" />

杜庆泉's avatar
杜庆泉 已提交
44 45
				</uni-list>

46 47
			</uni-collapse-item>
		</uni-collapse>
杜庆泉's avatar
杜庆泉 已提交
48

49

杜庆泉's avatar
杜庆泉 已提交
50
	</view>
杜庆泉's avatar
init  
杜庆泉 已提交
51
</template>
杜庆泉's avatar
杜庆泉 已提交
52 53
<script>
	import {
杜庆泉's avatar
杜庆泉 已提交
54 55 56
		doTimerTask,
		doIntervalTask,
		clearIntervalTask,
杜庆泉's avatar
杜庆泉 已提交
57
		playAssetAudio
打打卡夫卡's avatar
打打卡夫卡 已提交
58
	} from "../../uni_modules/uts-advance";
杜庆泉's avatar
杜庆泉 已提交
59

杜庆泉's avatar
杜庆泉 已提交
60

杜庆泉's avatar
杜庆泉 已提交
61 62 63 64
	export default {
		data() {
			return {
				title: 'UTS进阶示例',
杜庆泉's avatar
杜庆泉 已提交
65
				taskId: 0,
杜庆泉's avatar
杜庆泉 已提交
66 67
			}
		},
杜庆泉's avatar
杜庆泉 已提交
68

杜庆泉's avatar
杜庆泉 已提交
69
		methods: {
杜庆泉's avatar
杜庆泉 已提交
70

71 72 73
			/**
			 * 测试延迟任务
			 */
杜庆泉's avatar
杜庆泉 已提交
74
			testTimer: function() {
杜庆泉's avatar
杜庆泉 已提交
75
				doTimerTask({
杜庆泉's avatar
杜庆泉 已提交
76
					start: function(response) {
杜庆泉's avatar
杜庆泉 已提交
77
						uni.showToast({
杜庆泉's avatar
杜庆泉 已提交
78 79
							title: response,
							icon: 'none'
杜庆泉's avatar
杜庆泉 已提交
80 81
						});
					},
杜庆泉's avatar
杜庆泉 已提交
82
					work: function(response) {
杜庆泉's avatar
杜庆泉 已提交
83
						uni.showToast({
杜庆泉's avatar
杜庆泉 已提交
84 85
							title: response,
							icon: 'none'
杜庆泉's avatar
杜庆泉 已提交
86 87 88 89
						});
					},
				});
			},
90 91 92
			/**
			 * 测试周期任务
			 */
杜庆泉's avatar
杜庆泉 已提交
93
			testInterval: function() {
杜庆泉's avatar
杜庆泉 已提交
94
				var ret = doIntervalTask({
杜庆泉's avatar
杜庆泉 已提交
95
					start: function(response) {
杜庆泉's avatar
杜庆泉 已提交
96
						uni.showToast({
杜庆泉's avatar
杜庆泉 已提交
97 98
							title: response,
							icon: 'none'
杜庆泉's avatar
杜庆泉 已提交
99 100
						});
					},
杜庆泉's avatar
杜庆泉 已提交
101
					work: function(response) {
杜庆泉's avatar
杜庆泉 已提交
102
						uni.showToast({
杜庆泉's avatar
杜庆泉 已提交
103 104
							title: response,
							icon: 'none'
杜庆泉's avatar
杜庆泉 已提交
105 106 107 108 109
						});
					},
				});
				this.taskId = ret.taskId;
			},
110 111 112
			/**
			 * 取消周期任务
			 */
杜庆泉's avatar
杜庆泉 已提交
113
			testClearInterval: function() {
杜庆泉's avatar
杜庆泉 已提交
114
				console.log(this.taskId);
杜庆泉's avatar
杜庆泉 已提交
115
				clearIntervalTask(this.taskId);
杜庆泉's avatar
杜庆泉 已提交
116
			},
杜庆泉's avatar
杜庆泉 已提交
117

118

119 120 121
			/**
			 * 跳转至资源加载演示界面
			 */
杜庆泉's avatar
杜庆泉 已提交
122
			gotoResourceDemo: function() {
杜庆泉's avatar
杜庆泉 已提交
123
				uni.navigateTo({
杜庆泉's avatar
杜庆泉 已提交
124
					url: '/pages/resource/resource'
杜庆泉's avatar
杜庆泉 已提交
125 126
				})
			},
127
			gotoDecorView: function() {
杜庆泉's avatar
杜庆泉 已提交
128 129 130 131 132 133 134
				uni.navigateTo({
					url: '/pages/advance/android/decorview'
				})
			},
			testAssetLoad() {
				playAssetAudio();
			},
杜庆泉's avatar
杜庆泉 已提交
135 136

			testLifecyle: function() {
杜庆泉's avatar
杜庆泉 已提交
137
				uni.navigateTo({
杜庆泉's avatar
杜庆泉 已提交
138
					url: '/pages/lifecycle/lifecycle'
杜庆泉's avatar
杜庆泉 已提交
139 140
				})
			},
杜庆泉's avatar
杜庆泉 已提交
141
			testSyntax: function() {
杜庆泉's avatar
杜庆泉 已提交
142
				uni.navigateTo({
杜庆泉's avatar
杜庆泉 已提交
143
					url: '/pages/SyntaxCase/index'
杜庆泉's avatar
杜庆泉 已提交
144 145
				})
			},
杜庆泉's avatar
杜庆泉 已提交
146

杜庆泉's avatar
杜庆泉 已提交
147 148 149
		}
	}
</script>
杜庆泉's avatar
init  
杜庆泉 已提交
150

杜庆泉's avatar
杜庆泉 已提交
151
<style>
152
	
杜庆泉's avatar
杜庆泉 已提交
153
</style>