advance.vue 3.7 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
					<uni-list-item @tap="testLifecyle" title="activity生命周期监听" :clickable="true" link />
打打卡夫卡's avatar
打打卡夫卡 已提交
41
					<uni-list-item @tap="testAssetLoad" title="播放asset音频(需自定义基座)" :clickable="true" link/>
42
					<uni-list-item @tap="gotoDecorView" title="操作DecorView" :clickable="true" link />
杜庆泉's avatar
杜庆泉 已提交
43
					<uni-list-item @tap="testInputDialog" title="同步获取用户输入" :clickable="true" />
杜庆泉's avatar
杜庆泉 已提交
44
					<uni-list-item @tap="testMetaRead" title="读取meta配置" :clickable="true" />
打打卡夫卡's avatar
打打卡夫卡 已提交
45
					
46

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

49 50
			</uni-collapse-item>
		</uni-collapse>
杜庆泉's avatar
杜庆泉 已提交
51

52

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

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

杜庆泉's avatar
杜庆泉 已提交
66 67 68 69
	export default {
		data() {
			return {
				title: 'UTS进阶示例',
杜庆泉's avatar
杜庆泉 已提交
70
				taskId: 0,
杜庆泉's avatar
杜庆泉 已提交
71 72
			}
		},
杜庆泉's avatar
杜庆泉 已提交
73

杜庆泉's avatar
杜庆泉 已提交
74
		methods: {
杜庆泉's avatar
杜庆泉 已提交
75

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

123

124 125 126
			/**
			 * 跳转至资源加载演示界面
			 */
杜庆泉's avatar
杜庆泉 已提交
127
			gotoResourceDemo: function() {
杜庆泉's avatar
杜庆泉 已提交
128
				uni.navigateTo({
杜庆泉's avatar
杜庆泉 已提交
129
					url: '/pages/resource/resource'
杜庆泉's avatar
杜庆泉 已提交
130 131
				})
			},
132
			gotoDecorView: function() {
杜庆泉's avatar
杜庆泉 已提交
133 134 135 136 137
				uni.navigateTo({
					url: '/pages/advance/android/decorview'
				})
			},
			testAssetLoad() {
打打卡夫卡's avatar
打打卡夫卡 已提交
138 139 140 141
				// playAssetAudio();
				uni.navigateTo({
					url: '/pages/advance/android/assetaudio'
				})
杜庆泉's avatar
杜庆泉 已提交
142
			},
杜庆泉's avatar
杜庆泉 已提交
143 144 145 146 147
			testInputDialog() {
				getUserInput(function(res){
					console.log(res);
				});
			},
杜庆泉's avatar
杜庆泉 已提交
148

杜庆泉's avatar
杜庆泉 已提交
149 150 151 152 153 154
			testMetaRead() {
				let ret = getMetaConfig();
				uni.showToast({
					icon:"none",
					title: '读取成功,注意查看控制台输出'
				});
155
				console.log(ret);
杜庆泉's avatar
杜庆泉 已提交
156
			},
杜庆泉's avatar
杜庆泉 已提交
157
			testLifecyle: function() {
杜庆泉's avatar
杜庆泉 已提交
158
				uni.navigateTo({
杜庆泉's avatar
杜庆泉 已提交
159
					url: '/pages/lifecycle/lifecycle'
杜庆泉's avatar
杜庆泉 已提交
160 161
				})
			},
杜庆泉's avatar
杜庆泉 已提交
162
			testSyntax: function() {
杜庆泉's avatar
杜庆泉 已提交
163
				uni.navigateTo({
杜庆泉's avatar
杜庆泉 已提交
164
					url: '/pages/SyntaxCase/index'
杜庆泉's avatar
杜庆泉 已提交
165 166
				})
			},
杜庆泉's avatar
杜庆泉 已提交
167

杜庆泉's avatar
杜庆泉 已提交
168 169 170
		}
	}
</script>
杜庆泉's avatar
init  
杜庆泉 已提交
171

杜庆泉's avatar
杜庆泉 已提交
172
<style>
173
	
杜庆泉's avatar
杜庆泉 已提交
174
</style>