advance.uvue 4.8 KB
Newer Older
杜庆泉's avatar
杜庆泉 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 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 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213
<template>
	<view>
		<page-head :title="title" accordion></page-head>


		<uni-collapse accordion>
			<uni-collapse-item title="延迟任务" :border="false">
				<uni-list>
					<uni-list-item @tap="testTimer" title="开启延迟任务"  :clickable="true">
					</uni-list-item>
				</uni-list>
			</uni-collapse-item>

			<uni-collapse-item title="定时任务" :border="false">

				<uni-list>
					<uni-list-item @tap="testInterval" title="开启定时任务"  :clickable="true">
					</uni-list-item>
					<uni-list-item @tap="testClearInterval" title="关闭定时任务" :clickable="true">
					</uni-list-item>
				</uni-list>
			</uni-collapse-item>
			<uni-collapse-item title="语法示例" :border="false">
				<uni-list>
					<uni-list-item @tap="testSyntax" title="进阶语法示例" :clickable="true" link>
					</uni-list-item>
					<uni-list-item @tap="testParams" title="参数传递示例" :clickable="true" link>
					</uni-list-item>
					<uni-list-item @tap="testConsole" title="日志打印示例" :clickable="true" link>
					</uni-list-item>
				</uni-list>
			</uni-collapse-item>
			<uni-collapse-item title="资源加载示例" :border="false">
				<uni-list>
					<uni-list-item @tap="gotoResourceDemo" title="图片加载示例" :clickable="true" link>
					</uni-list-item>
				</uni-list>
			</uni-collapse-item>
			<uni-collapse-item title="组件开发示例" :border="false">
			
				<uni-list>
					<uni-list-item @tap="testHelloUTSComponent" title="Hello UTS Component" :clickable="true" link />
			
				</uni-list>
			
			</uni-collapse-item>
			
			<uni-collapse-item title="android平台示例" :border="false">

				<uni-list>

					<uni-list-item @tap="testLifecyle" title="activity生命周期监听" :clickable="true" link />
					<uni-list-item @tap="testAssetLoad" title="播放asset音频(需自定义基座)" :clickable="true" link/>
					<uni-list-item @tap="gotoDecorView" title="操作DecorView" :clickable="true" link />
					<uni-list-item @tap="testMetaRead" title="读取meta配置" :clickable="true" />
					<uni-list-item @tap="testQuitApp" title="退出当前应用" :clickable="true" />
				</uni-list>

			</uni-collapse-item>
			
			<uni-collapse-item title="iOS平台示例" :border="false">
				<uni-list>
					<uni-list-item @tap="testGetResourcePath" title="资源路径获取示例" :clickable="true" link />
				</uni-list>
			</uni-collapse-item>
		</uni-collapse>


	</view>
</template>
<script>
	import {
		doTimerTask,
		doIntervalTask,
		clearIntervalTask,
		playAssetAudio,
		getMetaConfig,
		quitApp
	} from "../../uni_modules/uts-advance";


	export default {
		data() {
			return {
				title: 'UTS进阶示例',
				taskId: 0,
			}
		},

		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);
				clearIntervalTask(this.taskId);
			},


			/**
			 * 跳转至资源加载演示界面
			 */
			gotoResourceDemo: function() {
				uni.navigateTo({
					url: '/pages/resource/resource'
				})
			},
			gotoDecorView: function() {
				uni.navigateTo({
					url: '/pages/advance/android/decorview'
				})
			},
			testAssetLoad() {
				// playAssetAudio();
				uni.navigateTo({
					url: '/pages/advance/android/assetaudio'
				})
			},
			testInputDialog() {
				getUserInput(function(res){
					console.log(res);
				});
			},
			testQuitApp(){
				quitApp()
			},

			testMetaRead() {
				let ret = getMetaConfig();
				uni.showToast({
					icon:"none",
					title: '读取成功,注意查看控制台输出'
				});
				console.log(ret);
			},
			testLifecyle: function() {
				uni.navigateTo({
					url: '/pages/lifecycle/lifecycle'
				})
			},
			testHelloUTSComponent: function() {
				uni.navigateTo({
					url: '/pages/component/helloView'
				})
			},
			testSyntax: function() {
				uni.navigateTo({
					url: '/pages/SyntaxCase/index'
				})
			},
			testParams: function() {
				uni.navigateTo({
					url: '/pages/SyntaxCase/paramTest'
				})
			},
			testConsole: function() {
				uni.navigateTo({
					url: '/pages/SyntaxCase/consoleTest'
				})
			},
			testGetResourcePath: function() {
				uni.navigateTo({
					url: '/pages/advance/iOS/getResourcePath'
				})
			}

		}
	}
</script>

<style>
	
</style>