手动合并dev 分支到alpha

App.vue

 <!-- HBuilder X 版本要求: 3.6.11+ -->
-<script>
-	export default {
-		onLaunch: function() {		
-			console.log('App Launch')
-		},
-		onShow: function() {
-			console.log('App Show')
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
-	}
+<script lang="ts">
+let firstBackTime = 0
+export default {
+  onLaunch: function () {
+    console.log('App Launch')
+  },
+  onShow: function () {
+    console.log('App Show')
+  },
+  onHide: function () {
+    console.log('App Hide')
+  },
+  onLastPageBackPress: function () {
+    console.log('App LastPageBackPress')
+    if (firstBackTime == 0) {
+      uni.showToast({
+        title: '再按一次退出应用',
+        position: 'bottom',
+      })
+      firstBackTime = Date.now()
+      setTimeout(() => {
+        firstBackTime = 0
+      }, 2000)
+    } else if (Date.now() - firstBackTime < 2000) {
+      firstBackTime = Date.now()
+      uni.exit()
+    }
+  },
+  onExit() {
+    console.log('App Exit')
+  },
+}
 </script>
 
 <style>
-	/*每个页面公共css */
-	/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
-	/* #ifdef APP-VUE */
-    @import './common/uni.css';
-    /* #endif */
+/*每个页面公共css */
+/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
+/* #ifdef APP-VUE */
+@import './common/uni.css';
+/* #endif */
 </style>

common/uni-uvue.css

+/* #ifndef APP-PLUS-NVUE */
+/* page {
+    min-height: 100%;
+    height: auto;
+} */
+/* #endif */
+
+/* 解决头条小程序字体图标不显示问题，因为头条运行时自动插入了span标签，且有全局字体 */
+/* #ifdef MP-TOUTIAO */
+/* text :not(view) {
+    font-family: uniicons;
+} */
+/* #endif */
+
+.uni-icon {
+    /*   font-family: uniicons;
+    font-weight: normal; */
+    width: 14px;
+    height: 14px;
+}
+
+.uni-container {
+    padding: 0 15px 15px;
+    background-color: #f8f8f8;
+}
+
+.uni-header-logo {
+    /* #ifdef H5 */
+    display: flex;
+    /* #endif */
+    padding: 15px 15px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: 10rpx;
+}
+
+.uni-header-image {
+    width: 80px;
+    height: 80px;
+}
+
+.uni-hello-text {
+    margin-bottom: 20px;
+    color: #7A7E83;
+}
+
+.hello-text {
+    color: #7A7E83;
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.hello-link {
+    color: #7A7E83;
+    font-size: 14px;
+    line-height: 20px;
+}
+
+.uni-panel {
+    margin-bottom: 12px;
+}
+
+.text-disabled {
+    color: #a0a0a0;
+}
+
+.uni-panel-h {
+    display: flex;
+    background-color: #ffffff;
+    flex-direction: row !important;
+    justify-content: space-between !important;
+    align-items: center !important;
+    padding: 12px;
+}
+
+/*
+.uni-panel-h:active {
+    background-color: #f8f8f8;
+}
+ */
+.uni-panel-h-on {
+    background-color: #f0f0f0;
+}
+
+.uni-panel-text {
+    color: #000000;
+    font-size: 14px;
+    font-weight: normal;
+}
+
+.uni-panel-icon {
+    margin-left: 15px;
+    color: #999999;
+    font-size: 14px;
+    font-weight: normal;
+    transform: rotate(0deg);
+    transition-duration: 0s;
+    transition-property: transform;
+}
+
+.uni-panel-icon-on {
+    transform: rotate(180deg);
+}
+
+.uni-navigate-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    background-color: #FFFFFF;
+    border-top-style: solid;
+    border-top-color: #f0f0f0;
+    border-top-width: 1px;
+    padding: 12px;
+    justify-content: space-between;
+    /* #ifdef H5 */
+    /* cursor: pointer; */
+    /* #endif */
+}
+
+.uni-navigate-item-active {
+    background-color: #f8f8f8;
+}
+
+.uni-navigate-text {
+    color: #000000;
+    font-size: 14px;
+    font-weight: normal;
+}
+
+.uni-navigate-icon {
+    margin-left: 15px;
+    color: #999999;
+    font-size: 14px;
+    font-weight: normal;
+}
\ No newline at end of file

components/page-head/page-head.vue

-<template name="page-head">
-	<view class="common-page-head">
-		<view class="common-page-head-title">{{title}}</view>
-	</view>
-</template>
-<script>
-	export default {
-		name: "page-head",
-		props: {
-			title: {
-				type: String,
-				default: ""
-			}
-		}
-	}
-</script>
+<template name="page-head">
+    <view class="common-page-head">
+        <view class="common-page-head-title-box">
+            <text class="common-page-head-title">{{title}}</text>
+        </view>
+    </view>
+</template>
+<script>
+    export default {
+        name: "page-head",
+        props: {
+            title: {
+                type: String,
+                default: ""
+            }
+        }
+    }
+</script>
+<style>
+    .common-page-head {
+        display: flex;
+        padding: 35rpx;
+        flex-direction: row;
+        justify-content: center;
+    }
+
+    .common-page-head-title-box {
+        padding: 0 40rpx;
+        height: 88rpx;
+        border-bottom: 2rpx solid #D8D8D8;
+    }
+
+    .common-page-head-title {
+        line-height: 88rpx;
+        font-size: 30rpx;
+        color: #BEBEBE;
+    }
+</style>
\ No newline at end of file

env.js

+module.exports = {
+    "is-custom-runtime": false,
+    "compile": true,
+    "h5": {
+        "options": {
+            "headless": true
+        },
+        "executablePath": ""
+    },
+    "mp-weixin": {
+        "port": 9420,
+        "account": "",
+        "args": "",
+        "cwd": "",
+        "launch": true,
+        "teardown": "disconnect",
+        "remote": false,
+        "executablePath": ""
+    },
+    "app-plus": {
+        "android": {
+            "id": "emulator-5554",
+            "executablePath": "/Users/yuanrenjie/Desktop/HBuilderX-Alpha.app/Contents/HBuilderX/plugins/launcher/base/android_base.apk"
+        },
+        "version": "/Users/yuanrenjie/Desktop/HBuilderX-Alpha.app/Contents/HBuilderX/plugins/launcher/base/version.txt",
+        "ios": {
+            "id": "",
+            "executablePath": ""
+        }
+    }
+}
\ No newline at end of file

jest.config.js

+const {
+    readFileSync,
+    readdirSync
+} = require('fs')
+const {
+    extname,
+    resolve
+} = require('path')
+
+const describeRE = /describe\(["|'](.*)["|']/
+const testsRE = /test\(["|'](.*)["|']/g
+
+function parse(content) {
+    const describes = content.match(describeRE)
+    if (!describes) {
+        return
+    }
+    const describe = describes[1]
+    const tests = []
+    let test
+    while (test = testsRE.exec(content)) {
+        tests.push(test[1])
+    }
+    return {
+        describe,
+        tests
+    }
+}
+
+function parseDescribes() {
+    const dir = resolve(__dirname, 'uni_modules/uts-tests/utssdk')
+    const describes = []
+    readdirSync(dir).forEach(file => {
+        if (extname(file) === '.uts') {
+            describes.push(parse(readFileSync(resolve(dir, file), 'utf8')))
+        }
+    })
+    return describes
+};
+
+module.exports = {
+    testTimeout: 10000,
+    reporters: [
+        'default'
+    ],
+    globals: {
+        describes: parseDescribes()
+    },
+    watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
+    moduleFileExtensions: ['js', 'json'],
+    rootDir: __dirname,
+    testMatch: ["<rootDir>/pages/**/*test.[jt]s?(x)"],
+    testPathIgnorePatterns: ['/node_modules/']
+}

main.js

 import App from './App'
 
-// #ifndef VUE3
-import Vue from 'vue'
-Vue.config.productionTip = false
-App.mpType = 'app'
-const app = new Vue({
-    ...App
-})
-app.$mount()
-// #endif
-
-// #ifdef VUE3
 import { createSSRApp } from 'vue'
 export function createApp() {
   const app = createSSRApp(App)
+
   return {
     app
   }
-}
-// #endif
\ No newline at end of file
+}
\ No newline at end of file

main.uts

+import App from './App'
+
+import { createSSRApp } from 'vue'
+export function createApp() {
+  const app = createSSRApp(App)
+
+  return {
+    app
+  }
+}
\ No newline at end of file

manifest.json

 {
-    "name" : "HelloUTS",
-    "appid" : "__UNI__70BE9D0",
-    "description" : "",
-    "versionName" : "1.0.9",
-    "versionCode" : "109",
-    "transformPx" : false,
-    /* 5+App特有相关 */
-    "app-plus" : {
-        "usingComponents" : true,
-        "nvueStyleCompiler" : "uni-app",
-        "compilerVersion" : 3,
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        /* 模块配置 */
-        "modules" : {},
-        /* 应用发布信息 */
-        "distribute" : {
-            /* android打包配置 */
-            "android" : {
-                "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ],
-                "minSdkVersion" : 21,
-                "abiFilters" : [ "armeabi-v7a" ]
-            },
-            /* ios打包配置 */
-            "ios" : {
-                "dSYMs" : false
-            },
-            /* SDK配置 */
-            "sdkConfigs" : {
-                "ad" : {}
-            }
-        }
-    },
-    /* 快应用特有相关 */
-    "quickapp" : {},
-    /* 小程序特有相关 */
-    "mp-weixin" : {
-        "appid" : "",
-        "setting" : {
-            "urlCheck" : false
-        },
-        "usingComponents" : true
-    },
-    "mp-alipay" : {
-        "usingComponents" : true
-    },
-    "mp-baidu" : {
-        "usingComponents" : true
-    },
-    "mp-toutiao" : {
-        "usingComponents" : true
-    },
-    "uniStatistics" : {
-        "enable" : false
-    },
-    "vueVersion" : "3"
-}
+	"name": "HelloUTS",
+	"appid": "__UNI__70BE9D0",
+	"description": "",
+	"versionName": "1.0.9",
+	"versionCode": "109",
+	"transformPx": false,
+	/* 5+App特有相关 */
+	"app-plus": {
+		"usingComponents": true,
+		"nvueStyleCompiler": "uni-app",
+		"compilerVersion": 3,
+		"splashscreen": {
+			"alwaysShowBeforeRender": true,
+			"waiting": true,
+			"autoclose": true,
+			"delay": 0
+		},
+		/* 模块配置 */
+		"modules": {},
+		/* 应用发布信息 */
+		"distribute": {
+			/* android打包配置 */
+			"android": {
+				"permissions": [
+					"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+					"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+					"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+					"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+					"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CAMERA\"/>",
+					"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+					"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+					"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+					"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+					"<uses-feature android:name=\"android.hardware.camera\"/>",
+					"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+				],
+				"minSdkVersion": 21,
+				"abiFilters": ["armeabi-v7a"]
+			},
+			/* ios打包配置 */
+			"ios": {
+				"dSYMs": false
+			},
+			/* SDK配置 */
+			"sdkConfigs": {
+				"ad": {}
+			}
+		}
+	},
+	/* 快应用特有相关 */
+	"quickapp": {},
+	/* 小程序特有相关 */
+	"mp-weixin": {
+		"appid": "",
+		"setting": {
+			"urlCheck": false
+		},
+		"usingComponents": true
+	},
+	"mp-alipay": {
+		"usingComponents": true
+	},
+	"mp-baidu": {
+		"usingComponents": true
+	},
+	"mp-toutiao": {
+		"usingComponents": true
+	},
+	"uniStatistics": {
+		"enable": false
+	},
+	"vueVersion": "3"
+}
\ No newline at end of file

pages.json

 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		
-	    {
-            "path" : "pages/index/index",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-        },
-		
-        {
-            "path" : "pages/advance/advance",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "",
-                "enablePullDownRefresh": false
-            }
-        },
-		{
-		    "path" : "pages/SystemAPI/SystemAPI",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/SystemAPI/Alert/alert",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": ""
-		    }
-		    
-		},
-		{
-		    "path" : "pages/component/helloView",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		},
-		{
-		    "path" : "pages/SDKIntegration/SDKIntegration",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/SDKIntegration/TencentLocation/TencentLocation",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/SDKIntegration/Lottie/index",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/SDKIntegration/Toast/Toast",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/lifecycle/lifecycle",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/resource/resource",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/advance/android/decorview",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/advance/iOS/getResourcePath",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/advance/android/assetaudio",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
-		},
-		{
-		    "path" : "pages/SystemAPI/ScreenListen/screenlisten",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
+
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/index/basicTest",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/advance/advance",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/SystemAPI/SystemAPI",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SystemAPI/Alert/alert",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+
+		},
+		{
+			"path": "pages/component/helloView",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/SDKIntegration/SDKIntegration",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SDKIntegration/TencentLocation/TencentLocation",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SDKIntegration/Lottie/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SDKIntegration/Toast/Toast",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/lifecycle/lifecycle",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
 		},
+		{
+			"path": "pages/resource/resource",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/resource/fileRead",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/advance/android/decorview",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/advance/iOS/getResourcePath",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/advance/android/assetaudio",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SystemAPI/ScreenListen/screenlisten",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},		
+		{
+			"path": "pages/SyntaxCase/index",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
 		
+		},
+		{
+			"path": "pages/SyntaxCase/paramTest",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SyntaxCase/consoleTest",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
 		{
-		    "path" : "pages/SyntaxCase/index",
-		    "style" :                                                                                    
-		    {
-		        "navigationBarTitleText": "",
-		        "enablePullDownRefresh": false
-		    }
-		    
+			"path": "pages/SyntaxCase/instanceTest",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SyntaxCase/utsAndroid",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
+		},
+		{
+			"path": "pages/SyntaxCase/utsiOS",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false
+			}
+
 		}
-		
-    ],
+
+	],
 	"tabBar": {
 		"color": "#7A7E83",
 		"selectedColor": "#007AFF",
@@ -158,7 +193,7 @@
 				"pagePath": "pages/advance/advance",
 				"text": "进阶"
 			}, {
-				"pagePath":"pages/SystemAPI/SystemAPI",
+				"pagePath": "pages/SystemAPI/SystemAPI",
 				"text": "系统API"
 			}, {
 				"pagePath": "pages/SDKIntegration/SDKIntegration",
@@ -173,4 +208,4 @@
 		"backgroundColor": "#F8F8F8"
 	},
 	"uniIdRouter": {}
-}
+}
\ No newline at end of file

pages/SDKIntegration/Lottie/index.uvue

+<template>
+    <div>
+        <button @tap="changeUrl">播放本地动画资源</button>
+		<button @tap="changeServerUrl">播放远程动画资源</button>
+		
+        <button @tap="changeAutoPlay">测试AutoPlay</button>
+        <button @tap="changeLoop">测试Loop</button>
+        <button @tap="changeAction(1)">测试action play</button>
+        <button @tap="changeAction(2)">测试action pause</button>
+        <button @tap="changeAction(3)">测试action stop</button>
+       <!-- <uts-animation-view ref="animView" :path="animUrl" :autoplay="autoplay" :loop="loop" :action="action"
+            :hidden="hidden" @bindended="testAnimEnd" @click="lottieClickTest" @longpress="lottieLongpressTest"
+            :style="{width:widthNum+'rpx',height:heightNum+'px',background:yanse}">
+        </uts-animation-view> -->
+        
+    </div>
+</template>
+
+<script lang="ts">
+  
+    export default {
+        data() {
+            return {
+                hidden: false,
+                autoplay: false,
+                action: "play",
+                loop: false,
+                yanse: "red",
+                widthNum: 750,
+                heightNum: 200,
+                comShow: true,
+                animUrl: "/static/anim_a.json"
+            }
+        },
+        
+        methods: {
+
+            changeAutoPlay: function() {
+                this.autoplay = !this.autoplay
+            },
+            changeUrl: function() {
+                if (this.animUrl == "/static/anim_a.json") {
+                    this.animUrl = "/static/anim_b.json"
+                } else {
+                    this.animUrl = "/static/anim_a.json"
+                }
+            },
+
+			changeServerUrl: function() {
+                this.animUrl = "https://b.bdstatic.com/miniapp/images/lottie_example_one.json"
+            },
+            changeAction: function(type: number) {
+                if (type == 1) {
+                    this.action = "play"
+                } else if (type == 2) {
+                    this.action = "pause"
+                } else if (type == 3) {
+                    this.action = "stop"
+                }
+            },
+            changeLoop: function() {
+                this.loop = !this.loop
+            },
+            testAnimEnd: function() {
+                console.log("testAnimEnd");
+            },
+
+            changeRepeat: function() {
+                // this.$refs["animView"].updateRepeatConfig("RESTART");
+            },
+            lottieClickTest: function() {
+                console.log("lottieClickTest");
+            },
+            lottieLongpressTest: function() {
+                console.log("lottieClickTest");
+            },
+        }
+    }
+</script>

pages/SDKIntegration/SDKIntegration.uvue

+<template>
+    <view class="uni-container">
+        <page-head :title="title"></page-head>
+
+        <view class="uni-panel" v-for="(item, index) in list" :key="index">
+            <view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="goDetailPage(item)"
+                hover-class="uni-navigate-item-active">
+                <text class="uni-panel-text">{{item.name}}</text>
+                <image :src="arrowRightIcon" class="uni-icon"></image>
+            </view>
+        </view>
+    </view>
+</template>
+<script lang="ts">
+    // import {
+    //     checkHasIntegration
+    // } from "@/uni_modules/uts-tencentgeolocation";
+
+    // import {
+    //     checkHasLottieIntegration
+    // } from "@/uni_modules/uts-animation-view";
+
+    type ListItem = {
+        name : string,
+        open : boolean,
+        function ?: string,
+        url ?: string
+    }
+
+    export default {
+        data() {
+            return {
+                title: 'SDK集成示例',
+
+                list: [{
+                    name: "腾讯定位sdk集成示例",
+                    function: "gotoTencentLocation"
+                },
+                {
+                    name: "Toast示例",
+                    url: "SDKIntegration/Toast/Toast"
+                },
+                {
+                    name: "Lottie动画示例",
+                    function: "gotoLottie"
+                }
+                ] as ListItem[],
+                arrowRightIcon: '/static/icons/arrow-right.png',
+            }
+        },
+        methods: {
+            goDetailPage(e : ListItem) {
+                if (e.function != null) {
+                    const funName = e.function
+                    switch (funName) {
+                        case 'gotoTencentLocation':
+                            this.gotoTencentLocation()
+                            break
+                        case 'gotoLottie':
+                            this.gotoLottie()
+                            break
+                    }
+                    return
+                }
+                uni.navigateTo({
+                    url: `/pages/${e.url!}`
+                })
+            },
+            gotoLottie: function () {
+                // if (checkHasLottieIntegration()) {
+                //     uni.navigateTo({
+                //         url: '/pages/SDKIntegration/Lottie/index'
+                //     })
+                // } else {
+                //     uni.showToast({
+                //         icon: 'none',
+                //         title: '需要在自定义基座中运行'
+                //     })
+                // }
+            },
+            gotoTencentLocation: function () {
+                // let ret = checkHasIntegration();
+                // if (!ret) {
+                //     uni.showToast({
+                //         icon: 'none',
+                //         title: '需要在自定义基座中运行'
+                //     })
+                // } else {
+                //     uni.navigateTo({
+                //         url: '/pages/SDKIntegration/TencentLocation/TencentLocation'
+                //     })
+                // }
+            },
+            gotoTencentMap: function () {
+                uni.navigateTo({
+                    url: '/pages/SDKIntegration/TencentMap/TencentMap'
+                })
+            }
+        }
+    }
+</script>
+
+<style>
+    @import '@/common/uni-uvue.css';
+</style>
\ No newline at end of file

pages/SDKIntegration/SDKIntegration.vue

-<template>
-	<view>
-		<page-head :title="title"></page-head>
-		<uni-list>
-			<uni-list-item @tap="gotoTencentLocation" title="腾讯定位sdk集成示例" class="itemButton" :clickable="true" link/>
-			<uni-list-item @tap="gotoToast" title="Toast示例" class="itemButton" :clickable="true" link/>
-			<uni-list-item @tap="gotoLottie" title="Lottie动画示例" class="itemButton" :clickable="true" link/>
-		</uni-list>
-	</view>
-</template>
-
-<script>
-	 
-	 import {
-	 	checkHasIntegration
-	 } from "@/uni_modules/uts-tencentgeolocation";
-	 
-	 import {
-	 	checkHasLottieIntegration
-	 } from "@/uni_modules/uts-animation-view";
-	 
-	export default {
-		data() {
-			return {
-				title: 'SDK集成示例',
-			}
-		},
-		methods: {
-			
-			gotoToast:function(e){
-				uni.navigateTo({
-					url:'/pages/SDKIntegration/Toast/Toast'
-				})
-			},
-			gotoLottie:function(e){
-				if(checkHasLottieIntegration()){
-					uni.navigateTo({
-						url:'/pages/SDKIntegration/Lottie/index'
-					})
-				}else{
-					uni.showToast({
-						icon:'none',
-						title:'需要在自定义基座中运行'
-					})
-				}
-				
-			},
-			gotoTencentLocation:function(e){
-				
-				let ret = checkHasIntegration();
-				if(!ret){
-					uni.showToast({
-						icon:'none',
-						title:'需要在自定义基座中运行'
-					})
-				}else{
-					uni.navigateTo({
-						url:'/pages/SDKIntegration/TencentLocation/TencentLocation'
-					})
-				}
-				
-			},
-			gotoTencentMap:function(e){
-				uni.navigateTo({
-					url:'/pages/SDKIntegration/TencentMap/TencentMap'
-				})
-			}
-		}
-	}
-</script>
-
-<style>
-
-</style>
+<template>
+    <view class="uni-container">
+        <page-head :title="title"></page-head>
+
+        <view class="uni-panel" v-for="(item, index) in list" :key="index">
+            <view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="goDetailPage(item)" hover-class="uni-navigate-item-active">
+                <text class="uni-panel-text">{{item.name}}</text>
+                <image :src="arrowRightIcon" class="uni-icon"></image>
+            </view>
+        </view>
+    </view>
+</template>
+<script>
+    import {
+        checkHasIntegration
+    } from "@/uni_modules/uts-tencentgeolocation";
+
+    import {
+        checkHasLottieIntegration
+    } from "@/uni_modules/uts-animation-view";
+
+    export default {
+        data() {
+            return {
+                title: 'SDK集成示例',
+
+                list: [{
+                        name: "腾讯定位sdk集成示例",
+                        function: "gotoTencentLocation"
+                    },
+                    {
+                        name: "Toast示例",
+                        url: "SDKIntegration/Toast/Toast"
+                    },
+                    {
+                        name: "Lottie动画示例",
+                        function: "gotoLottie"
+                    }
+                ],
+                arrowRightIcon: '/static/icons/arrow-right.png',
+            }
+        },
+        methods: {
+            goDetailPage(e) {
+                if (e.function) {
+                    this[e.function]()
+                    return
+                }
+                uni.navigateTo({
+                    url: `/pages/${e.url}`
+                })
+            },
+            gotoLottie: function(e) {
+                if (checkHasLottieIntegration()) {
+                    uni.navigateTo({
+                        url: '/pages/SDKIntegration/Lottie/index'
+                    })
+                } else {
+                    uni.showToast({
+                        icon: 'none',
+                        title: '需要在自定义基座中运行'
+                    })
+                }
+
+            },
+            gotoTencentLocation: function(e) {
+                let ret = checkHasIntegration();
+                if (!ret) {
+                    uni.showToast({
+                        icon: 'none',
+                        title: '需要在自定义基座中运行'
+                    })
+                } else {
+                    uni.navigateTo({
+                        url: '/pages/SDKIntegration/TencentLocation/TencentLocation'
+                    })
+                }
+
+            },
+            gotoTencentMap: function(e) {
+                uni.navigateTo({
+                    url: '/pages/SDKIntegration/TencentMap/TencentMap'
+                })
+            }
+        }
+    }
+</script>
+
+<style>
+    @import '@/common/uni-uvue.css';
+
+    .uni-container {
+        min-height: 100%;
+    }
+</style>
\ No newline at end of file

pages/SDKIntegration/TencentLocation/TencentLocation.uvue

+<template>
+	<view>
+		<page-head :title="title"></page-head>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-hello-text">
+				1. 腾讯定位sdk需在腾讯地图官网申请key。 https://lbs.qq.com/
+			</view>
+			<view class="uni-hello-text">
+				2. 按照readme文档配置apikey
+			</view>
+			<view class="uni-hello-text">
+				3. 需要制作自定义基座运行
+			</view>
+		</view>
+		<view class="uni-btn-v uni-common-mt">
+			<button type="primary" @tap="checkLocationPermission">请求定位权限</button>
+			<button type="primary" @tap="testGetlocation">获取设备位置信息</button>
+			<button type="primary" @tap="testWatchPosition">监听设备位置信息</button>
+			<button type="primary" @tap="testClearWatch">停止监听</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	// import {
+	// 	checkHasIntegration,
+	// 	requestPremission,
+	// 	getLocation,
+	// 	watchPosition,
+	// 	clearWatch
+	// } from "../../../uni_modules/uts-tencentgeolocation";
+
+	export default {
+		data() {
+			return {
+				title: '腾讯定位SDK集成示例',
+			}
+		},
+		methods: {
+
+			checkLocationPermission: function() {
+				// requestPremission();
+			},
+			testGetlocation: function() {
+
+				// let startRet = getLocation({
+				// 	geocode: true,
+				// 	success: function(response) {
+				// 		console.log(response);
+				// 		var addressDesc = response.name + '-' + response.address
+				// 		uni.showToast({
+				// 			title: '执行结果:' + addressDesc,
+				// 			icon: 'none'
+				// 		});
+				// 	},
+				// 	fail: function(msg) {
+				// 		uni.showToast({
+				// 			title: msg,
+				// 			icon: "none"
+				// 		})
+				// 	}
+				// })
+
+				// if (!startRet) {
+				// 	uni.showToast({
+				// 		title: '定位启动失败，请检查配置',
+				// 		icon: 'none'
+				// 	});
+				// }
+
+			},
+			testWatchPosition() {
+				// watchPosition({
+				// 	geocode: true,
+				// 	success: function(response) {
+				// 		console.log(response);
+				// 		var addressDesc = response.name + '-' + response.address
+				// 		uni.showToast({
+				// 			title: '执行结果:' + addressDesc,
+				// 			icon: 'none'
+				// 		});
+				// 	},
+				// 	fail: function(msg) {
+				// 		uni.showToast({
+				// 			title: msg,
+				// 			icon: "none"
+				// 		})
+				// 	}
+				// })
+			},
+			testClearWatch() {
+				// clearWatch()
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/SDKIntegration/Toast/Toast.uvue

+<template>
+	<view>
+		<page-head :title="title"></page-head>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-hello-text">
+				1.Android 平台需要自定义基座运行
+			</view>
+			
+			
+		</view>
+		<view class="uni-padding-wrap uni-common-mt">
+			<button @tap="testToastShow">调用 Toast 弹窗</button>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+	import { showToast } from '@/uni_modules/uts-toast'
+	
+	
+	export default {
+		
+		data() {
+			return {
+				title:"Toast 示例"
+			}
+		},
+		methods:{
+			testToastShow(){
+				let ret = showToast();
+				if(!ret){
+					uni.showToast({
+						icon:'none',
+						title:'需要在自定义基座中运行'
+					})
+				}
+			}
+		}
+		
+	}
+	
+	
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/consoleTest.uvue

+<template>
+	<button @click="logStr">打印字符串</button>
+	<button @click="logFloat">打印浮点数</button>
+	<button @click="logInt">打印整数</button>
+	<button @click="logObject">打印对象</button>
+	<button @click="logFunction">打印函数</button>
+</template>
+
+<script>
+	import {
+		logStrTest,
+		logIntTest,
+		logFloatTest,
+		logObjectTest,
+		logFunctionTest
+	} from '@/uni_modules/uts-advance'
+
+
+
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			
+			logStr() {
+				logStrTest()
+			},
+
+			logFloat() {
+				logFloatTest()
+			},
+			logInt() {
+				logIntTest()
+			},
+			logObject() {
+				logObjectTest()
+			},
+			logFunction() {
+				logFunctionTest()
+			},
+
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/consoleTest.vue

+<template>
+	<button @click="logStr">打印字符串</button>
+	<button @click="logFloat">打印浮点数</button>
+	<button @click="logInt">打印整数</button>
+	<button @click="logObject">打印对象</button>
+	<button @click="logFunction">打印函数</button>
+	<button @click="logFile">打印文件</button>
+	<button @click="logDate">打印日期</button>
+	<button @click="logDateCombine">组合打印日期</button>
+</template>
+
+<script>
+	import {
+		logStrTest,
+		logIntTest,
+		logFloatTest,
+		logObjectTest,
+		logFunctionTest,
+		logDateTest,
+		logFileTest,
+		logDateCombineTest
+	} from '@/uni_modules/uts-advance'
+
+
+
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			
+			logStr() {
+				logStrTest()
+			},
+
+			logFloat() {
+				logFloatTest()
+			},
+			logInt() {
+				logIntTest()
+			},
+			logObject() {
+				logObjectTest()
+			},
+			logFunction() {
+				logFunctionTest()
+			},
+			logFile() {
+				logFileTest()
+			},
+			logDate() {
+				logDateTest()
+			},
+			logDateCombine() {
+				logDateCombineTest()
+			},
+
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/index.uvue

+<template>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+    <!-- #endif -->
+    <view>
+      <button @click="testUtsSync">点击测试uts同步方法</button>
+      <view
+        >测试return：
+        {{ format(testUtsSyncResult) }}
+      </view>
+      <button @click="testUtsSyncWithCallback">
+        点击测试uts带callback的同步方法
+      </button>
+      <view
+        >测试return：{{ format(testUtsSyncWithCallbackResult.return) }}</view
+      >
+      <view
+        >测试success：{{ format(testUtsSyncWithCallbackResult.success) }}</view
+      >
+      <view
+        >测试complete：{{
+          format(testUtsSyncWithCallbackResult.complete)
+        }}</view
+      >
+      <!-- <button @click="testUtsAsync">点击测试uts异步方法</button>
+        <view>测试return：{{ format(testUtsAsyncResult.return) }}</view>
+        <view>测试success：{{ format(testUtsAsyncResult.success) }}</view>
+        <view>测试complete：{{ format(testUtsAsyncResult.complete) }}</view> -->
+      <button @click="testUtsClassConstructor">
+        点击测试uts class构造函数
+      </button>
+      <view
+        >测试callback：{{
+          format(testUtsClassConstructorResult.callback)
+        }}</view
+      >
+      <button @click="testUtsClassStaticProp">点击测试uts class静态属性</button>
+      <view>测试value：{{ format(testUtsClassStaticPropResult) }}</view>
+      <button @click="testUtsClassStaticSyncWithCallback">
+        点击测试uts class静态方法
+      </button>
+      <view
+        >测试return：{{
+          format(testUtsClassStaticSyncWithCallbackResult.return)
+        }}</view
+      >
+      <view
+        >测试success：{{
+          format(testUtsClassStaticSyncWithCallbackResult.success)
+        }}</view
+      >
+      <view
+        >测试complete：{{
+          format(testUtsClassStaticSyncWithCallbackResult.complete)
+        }}</view
+      >
+      <!-- <button @click="testUtsClassStaticAsync">点击测试uts class静态异步方法</button>
+        <view>测试return：{{ format(testUtsClassStaticAsyncResult.return) }}</view>
+        <view>测试success：{{ format(testUtsClassStaticAsyncResult.success) }}</view>
+        <view>测试complete：{{ format(testUtsClassStaticAsyncResult.complete) }}</view> -->
+      <button @click="testUtsClassProp">点击测试uts class实例属性</button>
+      <view>测试value：{{ format(testUtsClassPropResult) }}</view>
+      <button @click="testUtsClassSyncWithCallback">
+        点击测试uts class实例方法
+      </button>
+      <view
+        >测试return：{{
+          format(testUtsClassSyncWithCallbackResult.return)
+        }}</view
+      >
+      <view
+        >测试success：{{
+          format(testUtsClassSyncWithCallbackResult.success)
+        }}</view
+      >
+      <view
+        >测试complete：{{
+          format(testUtsClassSyncWithCallbackResult.complete)
+        }}</view
+      >
+      <!-- <button @click="testUtsClassAsync">点击测试uts class实例异步方法</button>
+        <view>测试return：{{ format(testUtsClassAsyncResult.return) }}</view>
+        <view>测试success：{{ format(testUtsClassAsyncResult.success) }}</view>
+        <view>测试complete：{{ format(testUtsClassAsyncResult.complete) }}</view> -->
+      <button @click="testUtsClassInstance">点击测试uts方法返回类实例</button>
+      <view>测试prop：{{ format(testUtsClassInstanceResult.prop) }}</view>
+      <view>测试return：{{ format(testUtsClassInstanceResult.return) }}</view>
+      <view>测试success：{{ format(testUtsClassInstanceResult.success) }}</view>
+      <view
+        >测试complete：{{ format(testUtsClassInstanceResult.complete) }}</view
+      >
+      <view
+        >测试callback：{{ format(testUtsClassInstanceResult.callback) }}</view
+      >
+      <button @click="testAll">点击测试所有</button>
+    </view>
+    <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
+</template>
+<script lang="ts">
+import {
+  MAX,
+  testSync,
+  testSyncWithCallback,
+  testAsync,
+  Test,
+  request,
+  AsyncOptions,
+  TestOptions,
+  SyncOptions,
+} from '../../uni_modules/uts-syntaxcase'
+
+const TRUE = 'true'
+const FALSE = 'false'
+const NULL = 'null'
+
+let test: Test | null = null
+let id = 0
+
+type TestResult = {
+  return?: string
+  success?: string
+  fail?: string
+  complete?: string
+  callback?: string
+  prop?: string
+}
+
+export default {
+  data() {
+    return {
+      // 'null' | 'true' | 'false'
+      testUtsSyncResult: 'null',
+      testUtsSyncWithCallbackResult: {
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+      } as TestResult,
+      testUtsAsyncResult: {
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+      } as TestResult,
+      testUtsClassConstructorResult: {
+        callback: 'null',
+      } as TestResult,
+      testUtsClassStaticPropResult: 'null',
+      testUtsClassStaticSyncWithCallbackResult: {
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+      } as TestResult,
+      testUtsClassStaticAsyncResult: {
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+      } as TestResult,
+      testUtsClassPropResult: 'null',
+      testUtsClassSyncWithCallbackResult: {
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+      } as TestResult,
+      testUtsClassAsyncResult: {
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+      } as TestResult,
+      testUtsClassInstanceResult: {
+        prop: 'null',
+        return: 'null',
+        success: 'null',
+        fail: 'null',
+        complete: 'null',
+        callback: 'null',
+      } as TestResult,
+    }
+  },
+  methods: {
+    format(v: string | null): string {
+      return v === 'null' || v == null ? '--' : v === 'true' ? '通过' : '未通过'
+    },
+    testAll() {
+      this.testUtsSync()
+      this.testUtsSyncWithCallback()
+      // this.testUtsAsync();
+      this.testUtsClassConstructor()
+      this.testUtsClassStaticProp()
+      this.testUtsClassStaticSyncWithCallback()
+      // this.testUtsClassStaticAsync();
+      this.testUtsClassProp()
+      this.testUtsClassSyncWithCallback()
+      // this.testUtsClassAsync();
+      this.testUtsClassInstance()
+    },
+    testUtsSync() {
+      this.testUtsSyncResult = FALSE
+      try {
+        console.log('testSync("dcloud").msg', testSync('dcloud').msg)
+        if (testSync('dcloud').msg == 'hello dcloud') {
+          this.testUtsSyncResult = TRUE
+        }
+      } catch (e) {
+        console.error('testUtsSync', e)
+      }
+    },
+    testUtsSyncWithCallback() {
+      try {
+        this.testUtsSyncWithCallbackResult.return = FALSE
+        this.testUtsSyncWithCallbackResult.success = FALSE
+        // testUtsSyncWithCallbackResult.fail = FALSE;
+        this.testUtsSyncWithCallbackResult.complete = FALSE
+        if (
+          testSyncWithCallback({
+            type: 'success',
+            success: (res) => {
+              console.log('testSyncWithCallback.success.callback', res)
+              this.testUtsSyncWithCallbackResult.success = TRUE
+            },
+            fail: (res) => {
+              console.log('testSyncWithCallback.fail.callback', res)
+              // testUtsSyncWithCallbackResult.fail = TRUE;
+            },
+            complete: (res) => {
+              console.log('testSyncWithCallback.complete.callback', res)
+              this.testUtsSyncWithCallbackResult.complete = TRUE
+            },
+          } as AsyncOptions).name === 'testSyncWithCallback'
+        ) {
+          this.testUtsSyncWithCallbackResult.return = TRUE
+        }
+      } catch (e) {}
+    },
+    // TODO uvue 暂不支持 async await
+    // async testUtsAsync() {
+    //     this.testUtsAsyncResult.return = FALSE;
+    //     this.testUtsAsyncResult.success = FALSE;
+    //     // testUtsAsyncResult.fail = FALSE;
+    //     this.testUtsAsyncResult.complete = FALSE;
+    //     try {
+    //         const res = await testAsync({
+    //             type: "success",
+    //             success: (res) => {
+    //                 console.log("testAsync.success.callback", res);
+    //                 this.testUtsAsyncResult.success = TRUE;
+    //             },
+    //             fail: (res) => {
+    //                 console.log("testAsync.fail.callback", res);
+    //             },
+    //             complete: (res) => {
+    //                 console.log("testAsync.complete.callback", res);
+    //                 this.testUtsAsyncResult.complete = TRUE;
+    //             },
+    //         } as AsyncOptions);
+    //         if (res.name === "testAsync") {
+    //             this.testUtsAsyncResult.return = TRUE;
+    //         }
+    //     } catch (e) {}
+    // },
+    testUtsClassConstructor() {
+      this.testUtsClassConstructorResult.callback = FALSE
+      id++
+      test = new Test(id, {
+        name: 'name' + id,
+        callback: (res) => {
+          console.log(res)
+          this.testUtsClassConstructorResult.callback = TRUE
+        },
+      } as TestOptions)
+    },
+    testUtsClassStaticProp() {
+      this.testUtsClassStaticPropResult = FALSE
+      if (Test.type === 'Test') {
+        this.testUtsClassStaticPropResult = TRUE
+      }
+    },
+    testUtsClassStaticSyncWithCallback() {
+      try {
+        this.testUtsClassStaticSyncWithCallbackResult.return = FALSE
+        this.testUtsClassStaticSyncWithCallbackResult.success = FALSE
+        // testUtsClassStaticSyncWithCallbackResult.fail = FALSE;
+        this.testUtsClassStaticSyncWithCallbackResult.complete = FALSE
+        if (
+          Test.testClassStaticSyncWithCallback({
+            type: 'success',
+            success: (res) => {
+              console.log('testStaticSyncWithCallback.success.callback', res)
+              this.testUtsClassStaticSyncWithCallbackResult.success = TRUE
+            },
+            fail: (res) => {
+              console.log('testStaticSyncWithCallback.fail.callback', res)
+              // testUtsClassStaticSyncWithCallbackResult.fail = TRUE;
+            },
+            complete: (res) => {
+              console.log('testStaticSyncWithCallback.complete.callback', res)
+              this.testUtsClassStaticSyncWithCallbackResult.complete = TRUE
+            },
+          } as AsyncOptions).name === 'testSyncWithCallback'
+        ) {
+          this.testUtsClassStaticSyncWithCallbackResult.return = TRUE
+        }
+      } catch (e) {}
+    },
+
+    // async testUtsClassStaticAsync() {
+    //     this.testUtsClassStaticAsyncResult.return = FALSE;
+    //     this.testUtsClassStaticAsyncResult.success = FALSE;
+    //     // testUtsClassStaticAsyncResult.fail = FALSE;
+    //     this.testUtsClassStaticAsyncResult.complete = FALSE;
+    //     try {
+    //         const res = await Test.testClassStaticAsync({
+    //             type: "success",
+    //             success: (res) => {
+    //                 console.log("testAsync.success.callback", res);
+    //                 this.testUtsClassStaticAsyncResult.success = TRUE;
+    //             },
+    //             fail: (res) => {
+    //                 console.log("testAsync.fail.callback", res);
+    //             },
+    //             complete: (res) => {
+    //                 console.log("testAsync.complete.callback", res);
+    //                 this.testUtsClassStaticAsyncResult.complete = TRUE;
+    //             },
+    //         });
+    //         if (res.name === "testAsync") {
+    //             this.testUtsClassStaticAsyncResult.return = TRUE;
+    //         }
+    //     } catch (e) {}
+    // },
+    testUtsClassProp() {
+      if (test != null) {
+        this.testUtsClassConstructor()
+      }
+      this.testUtsClassPropResult = FALSE
+      if (test!.id > 0) {
+        this.testUtsClassPropResult = TRUE
+      }
+    },
+    testUtsClassSyncWithCallback() {
+      if (test != null) {
+        this.testUtsClassConstructor()
+      }
+      try {
+        this.testUtsClassSyncWithCallbackResult.return = FALSE
+        this.testUtsClassSyncWithCallbackResult.success = FALSE
+        // testUtsClassSyncWithCallbackResult.fail = FALSE;
+        this.testUtsClassSyncWithCallbackResult.complete = FALSE
+        if (
+          test!.testClassSyncWithCallback({
+            type: 'success',
+            success: (res) => {
+              console.log('testSyncWithCallback.success.callback', res)
+              this.testUtsClassSyncWithCallbackResult.success = TRUE
+            },
+            fail: (res) => {
+              console.log('testSyncWithCallback.fail.callback', res)
+              // testUtsClassSyncWithCallbackResult.fail = TRUE;
+            },
+            complete: (res) => {
+              console.log('testSyncWithCallback.complete.callback', res)
+              this.testUtsClassSyncWithCallbackResult.complete = TRUE
+            },
+          } as AsyncOptions).name === 'testSyncWithCallback'
+        ) {
+          this.testUtsClassSyncWithCallbackResult.return = TRUE
+        }
+      } catch (e) {}
+    },
+    // async testUtsClassAsync() {
+    //     if (test != null) {
+    //         this.testUtsClassConstructor()
+    //     }
+    //     this.testUtsClassAsyncResult.return = FALSE;
+    //     this.testUtsClassAsyncResult.success = FALSE;
+    //     // testUtsClassAsyncResult.fail = FALSE;
+    //     this.testUtsClassAsyncResult.complete = FALSE;
+    //     try {
+    //         const res = await test.testClassAsync({
+    //             type: "success",
+    //             success: (res) => {
+    //                 console.log("testAsync.success.callback", res);
+    //                 this.testUtsClassAsyncResult.success = TRUE;
+    //             },
+    //             fail: (res) => {
+    //                 console.log("testAsync.fail.callback", res);
+    //             },
+    //             complete: (res) => {
+    //                 console.log("testAsync.complete.callback", res);
+    //                 this.testUtsClassAsyncResult.complete = TRUE;
+    //             },
+    //         });
+    //         console.log('res', res)
+    //         if (res.name === "testAsync") {
+    //             this.testUtsClassAsyncResult.return = TRUE;
+    //         }
+    //     } catch (e) {
+    //         console.error(e)
+    //     }
+    // },
+    testUtsClassInstance() {
+      this.testUtsClassInstanceResult.prop = FALSE
+      this.testUtsClassInstanceResult.return = FALSE
+      this.testUtsClassInstanceResult.success = FALSE
+      // testUtsClassAsyncResult.fail = FALSE;
+      this.testUtsClassInstanceResult.complete = FALSE
+      this.testUtsClassInstanceResult.callback = FALSE
+      const url = 'https://dcloud.io/'
+      const task = request(url)
+      if (task != null) {
+        if (task.url === url && task.abort().url === url) {
+          this.testUtsClassInstanceResult.prop = TRUE
+        }
+        task.onCallback((res) => {
+          if (res === 'onCallback') {
+            this.testUtsClassInstanceResult.callback = TRUE
+          }
+        })
+        const res = task.sync({
+          success: (res) => {
+            console.log('task.sync.success.callback', res)
+            this.testUtsClassInstanceResult.success = TRUE
+          },
+          fail: (res) => {
+            console.log('task.sync.fail.callback', res)
+          },
+          complete: (res) => {
+            console.log('task.sync.complete.callback', res)
+            this.testUtsClassInstanceResult.complete = TRUE
+          },
+        } as SyncOptions)
+        if (res === 'sync') {
+          this.testUtsClassInstanceResult.return = TRUE
+        }
+      }
+    },
+  },
+}
+</script>

pages/SyntaxCase/instanceTest.uvue

+<template>
+	{{ret}}
+	<button @click="instanceCreate">多实例创建测试</button>
+	
+</template>
+
+<script>
+	import {
+		User
+	} from '@/uni_modules/uts-advance'
+
+
+
+	export default {
+		data() {
+			return {
+				ret:''
+			}
+		},
+		methods: {
+			
+			instanceCreate() {
+				
+				const user1 = new User("张三", 20);
+				let userText1 = user1.describeSelf() 
+								
+				const user2 = new User("李四", 30);  
+				let userText2 = user2.describeSelf()   
+								
+				const user3 = new User("王五", 40);  
+				let userText3 = user3.describeSelf()  
+
+				
+				if(userText1 == userText2 || userText1 == userText3 || userText2 == userText3){
+					this.ret = '测试未通过'
+				}else{
+					this.ret = '测试通过'
+				}
+				
+			}
+
+			
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/instanceTest.vue

+<template>
+	{{ret}}
+	<button @click="instanceCreate">多实例创建测试</button>
+	
+</template>
+
+<script>
+	import {
+		User
+	} from '@/uni_modules/uts-advance'
+
+
+
+	export default {
+		data() {
+			return {
+				ret:''
+			}
+		},
+		methods: {
+			
+			instanceCreate() {
+				
+				const user1 = new User("张三", 20);
+				let userText1 = user1.describeSelf() 
+								
+				const user2 = new User("李四", 30);  
+				let userText2 = user2.describeSelf()   
+								
+				const user3 = new User("王五", 40);  
+				let userText3 = user3.describeSelf()  
+
+				
+				if(userText1 == userText2 || userText1 == userText3 || userText2 == userText3){
+					this.ret = '测试未通过'
+				}else{
+					this.ret = '测试通过'
+				}
+				
+			}
+
+			
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/paramTest.uvue

+<template>
+	<button @click="inputArrayTest">传入数组参数</button>
+	<button @click="inputParamTest">传入复杂对象参数</button>
+	<button @click="returnArrayTest">返回数组参数</button>
+	<button @click="returnParamTest">返回复杂对象参数</button>
+	<button @click="callbackArrayTest">异步返回数组</button>
+	<button @click="callbackParamTest">异步返回复杂对象</button>
+</template>
+
+<script>
+	import {
+		inputArray,
+		inputParam,
+		returnArray,
+		returnParam,
+		callbackArray,
+		callbackParam,
+        ParamOptions
+	} from '@/uni_modules/uts-advance'
+
+
+
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			
+			inputArrayTest() {
+				let ret = inputArray(['a', 'b', 'c'])
+				if (ret) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+
+			inputParamTest() {
+				let ret = inputParam({
+					title: "hello",
+					array: ["1", "2", "3"]
+				} as ParamOptions)
+				if (ret) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+			returnArrayTest() {
+				let ret = returnArray()
+				if ('["1","2","3"]' == JSON.stringify(ret)) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+			returnParamTest() {
+				let ret = returnParam()
+				if ('{"title":"returnParam","array":["1","2","3"]}' == JSON.stringify(ret)) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+
+			callbackArrayTest() {
+				callbackArray(function(res) {
+					if ('["8","8","8"]' == JSON.stringify(res)) {
+						uni.showToast({
+							title: '测试通过'
+						})
+					}
+				});
+
+			},
+
+			callbackParamTest() {
+				callbackParam(function(res) {
+					if ('{"title":"callbackParam","array":["4","5","6"]}' == JSON.stringify(res)) {
+						uni.showToast({
+							title: '测试通过'
+						})
+					}
+				});
+			}
+
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/paramTest.vue

+<template>
+	<button @click="inputArrayTest">传入数组参数</button>
+	<button @click="inputParamTest">传入复杂对象参数</button>
+	<button @click="returnArrayTest">返回数组参数</button>
+	<button @click="returnParamTest">返回复杂对象参数</button>
+	<button @click="callbackArrayTest">异步返回数组</button>
+	<button @click="callbackParamTest">异步返回复杂对象</button>
+</template>
+
+<script>
+	import {
+		inputArray,
+		inputParam,
+		returnArray,
+		returnParam,
+		callbackArray,
+		callbackParam,
+	} from '@/uni_modules/uts-advance'
+
+
+
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			
+			inputArrayTest() {
+				let ret = inputArray(['a', 'b', 'c'])
+				if (ret) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+
+			inputParamTest() {
+				let ret = inputParam({
+					title: "hello",
+					array: ["1", "2", "3"]
+				})
+				if (ret) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+			returnArrayTest() {
+				let ret = returnArray()
+				console.log( JSON.stringify(ret))
+				if ('["1","2","3"]' == JSON.stringify(ret)) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+			returnParamTest() {
+				let ret = returnParam()
+				if ('{"title":"returnParam","array":["1","2","3"]}' == JSON.stringify(ret)) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				}
+			},
+
+			callbackArrayTest() {
+				callbackArray(function(res) {
+					if ('["8","8","8"]' == JSON.stringify(res)) {
+						uni.showToast({
+							title: '测试通过'
+						})
+					}
+				});
+
+			},
+
+			callbackParamTest() {
+				callbackParam(function(res) {
+					if ('{"title":"callbackParam","array":["4","5","6"]}' == JSON.stringify(res)) {
+						uni.showToast({
+							title: '测试通过'
+						})
+					}
+				});
+			}
+
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file

pages/SyntaxCase/utsAndroid.uvue

+<template>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+    <!-- #endif -->
+    <view>
+      <view class="uni-padding-wrap uni-common-mt">
+        <view class="uni-hello-text"> 逐一点击执行，观察测试反馈 </view>
+      </view>
+
+      <button @click="getAppContextClick">getAppContext</button>
+      <button @click="getUniActivityClick">getUniActivity</button>
+      <button @click="getAppTempPathClick">getAppTempPath</button>
+      <button @click="typeofClick">typeof</button>
+      <button @click="arrayPermissionFlowClick">组权限申请流程测试</button>
+      <button @click="singlePermissionFlowClick">单权限申请流程测试</button>
+      <button @click="dispatchAsyncClick">任务分发测试</button>
+      <button @click="pathTestClick">路径转换测试</button>
+      <button @click="privacyStateClick">隐私协议状态测试</button>
+      <view class="uni-padding-wrap uni-common-mt">
+        <view class="uni-hello-text">
+          1. 当前页面已通过initAppLifecycle函数注册了生命周期监听。
+        </view>
+        <view class="uni-hello-text">
+          2. 手动切换其他APP再返回，可在控制台和界面观察事件日志
+        </view>
+      </view>
+      <view class="uni-padding-wrap uni-common-mt">
+        <view class="text-box" scroll-y="true">
+          <text>{{ text }}</text>
+        </view>
+      </view>
+      <button @click="gotoSystemPermissionActivityClick">
+        手动申请权限测试
+      </button>
+      <button @tap="testGoOtherActivity">跳转拍照界面</button>
+      <button @tap="testUnRegLifecycle">取消注册周期函数</button>
+      <image :src="selectImage" v-if="selectImage"></image>
+      <view class="uni-padding-wrap uni-common-mt">
+        <view class="uni-hello-text"> 获取设备信息，观察是否符合预期 </view>
+      </view>
+      <button @tap="getDeviceInfoClick">获取设备基础信息</button>
+    </view>
+    <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
+</template>
+
+<script>
+import {
+  getAppContextTest,
+  getUniActivityTest,
+  getAppTempPathTest,
+  typeofClickTest,
+  gotoSystemPermissionActivityTest,
+  arrayPermissionFlowTest,
+  singlePermissionFlowTest,
+  dispatchAsyncTest,
+  convert2AbsFullPathTest,
+  unRegLifecycle,
+  initAppLifecycle,
+  gotoCameraTake,
+  getDeviceInfoTest,
+  privacyStateTest,
+} from '@/uni_modules/uts-platform-api'
+
+/**
+ * 测试在页面生命周期之外，使用api
+ */
+export default {
+  data() {
+    return {
+      text: '',
+      selectImage: '',
+    }
+  },
+  onLoad: function () {
+    let that = this
+    initAppLifecycle(function (eventLog) {
+      // 展示捕捉到的声明周期日志
+      let nextLine = that.text + eventLog
+      that.text = nextLine
+      let nextLineFlag = that.text + '\n'
+      that.text = nextLineFlag
+    })
+  },
+  methods: {
+    privacyStateClick() {
+      privacyStateTest(function (ret, desc) {
+        if (ret) {
+          uni.showToast({
+            title: '测试通过',
+          })
+        } else {
+          uni.showToast({
+            icon: 'none',
+            title: '失败：' + desc,
+          })
+        }
+      })
+    },
+    getDeviceInfoClick() {
+      this.text = getDeviceInfoTest()
+    },
+    testGoOtherActivity() {
+      var that = this
+      let ret = gotoCameraTake(function (file) {
+        // 展示捕捉到的声明周期日志
+        console.log(file)
+        that.selectImage = 'file://' + file
+      })
+
+      if (!ret) {
+        uni.showToast({
+          icon: 'none',
+          title: '测试失败',
+        })
+      }
+    },
+    testUnRegLifecycle() {
+      // 取消注册生命周期
+      unRegLifecycle()
+    },
+    getAppContextClick() {
+      if (getAppContextTest()) {
+        uni.showToast({
+          title: '测试通过',
+        })
+      } else {
+        uni.showToast({
+          icon: 'error',
+          title: '测试失败',
+        })
+      }
+    },
+
+    getUniActivityClick() {
+      if (getUniActivityTest()) {
+        uni.showToast({
+          title: '测试通过',
+        })
+      } else {
+        uni.showToast({
+          icon: 'error',
+          title: '测试失败',
+        })
+      }
+    },
+    pathTestClick() {
+      if (convert2AbsFullPathTest()) {
+        uni.showToast({
+          title: '测试通过',
+        })
+      } else {
+        uni.showToast({
+          icon: 'error',
+          title: '测试失败',
+        })
+      }
+    },
+    getAppTempPathClick() {
+      if (getAppTempPathTest()) {
+        uni.showToast({
+          title: '测试通过',
+        })
+      } else {
+        uni.showToast({
+          icon: 'error',
+          title: '测试失败',
+        })
+      }
+    },
+    dispatchAsyncClick() {
+      dispatchAsyncTest(function (ret, desc) {
+        if (ret) {
+          uni.showToast({
+            title: '测试通过',
+          })
+        } else {
+          uni.showToast({
+            icon: 'none',
+            title: '失败：' + desc,
+          })
+        }
+      })
+    },
+    typeofClick() {
+      if (typeofClickTest()) {
+        uni.showToast({
+          title: '测试通过',
+        })
+      } else {
+        uni.showToast({
+          icon: 'error',
+          title: '测试失败',
+        })
+      }
+    },
+
+    gotoSystemPermissionActivityClick() {
+      gotoSystemPermissionActivityTest()
+    },
+    arrayPermissionFlowClick() {
+      arrayPermissionFlowTest(function (ret, desc) {
+        if (ret) {
+          uni.showToast({
+            icon: 'none',
+            title: '测试通过',
+          })
+        } else {
+          uni.showToast({
+            icon: 'none',
+            title: '失败：' + desc,
+          })
+        }
+      })
+    },
+    singlePermissionFlowClick() {
+      singlePermissionFlowTest(function (ret, desc) {
+        if (ret) {
+          uni.showToast({
+            icon: 'none',
+            title: '测试通过',
+          })
+        } else {
+          uni.showToast({
+            icon: 'none',
+            title: '失败：' + desc,
+          })
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style>
+.testButton {
+  width: 100%;
+}
+</style>

pages/SyntaxCase/utsAndroid.vue

+<template>
+	<view>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-hello-text">
+				逐一点击执行，观察测试反馈
+			</view>
+		</view>
+		
+		<button @click="getAppContextClick">getAppContext</button>
+		<button @click="getUniActivityClick">getUniActivity</button>
+		<button @click="getAppTempPathClick">getAppTempPath</button>
+		<button @click="typeofClick">typeof</button>
+		<button @click="arrayPermissionFlowClick">组权限申请流程测试</button>
+		<button @click="singlePermissionFlowClick">单权限申请流程测试</button>
+		<button @click="dispatchAsyncClick">任务分发测试</button>
+		<button @click="pathTestClick">路径转换测试</button>
+		<button @click="privacyStateClick">隐私协议状态测试</button>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-hello-text">
+				1. 当前页面已通过initAppLifecycle函数注册了生命周期监听。
+			</view>
+			<view class="uni-hello-text">
+				2. 手动切换其他APP再返回，可在控制台和界面观察事件日志
+			</view>
+		</view>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="text-box" scroll-y="true">
+				<text>{{text}}</text>
+			</view>
+		</view>
+		<button @click="gotoSystemPermissionActivityClick">手动申请权限测试</button>
+		<button @tap="testGoOtherActivity">跳转拍照界面</button>
+		<button @tap="testUnRegLifecycle">取消注册周期函数</button>
+		<image :src="selectImage" v-if="selectImage"></image>
+		<view class="uni-padding-wrap uni-common-mt">
+			<view class="uni-hello-text">
+				获取设备信息，观察是否符合预期
+			</view>
+		</view>
+		<button @tap="getDeviceInfoClick">获取设备基础信息</button>
+	</view>
+</template>
+
+<script>
+	import {
+		getAppContextTest,
+		getUniActivityTest,
+		getAppTempPathTest,
+		typeofClickTest,
+		gotoSystemPermissionActivityTest,
+		arrayPermissionFlowTest,
+		singlePermissionFlowTest,
+		dispatchAsyncTest,
+		convert2AbsFullPathTest,
+		unRegLifecycle,
+		initAppLifecycle,
+		gotoCameraTake,
+		getDeviceInfoTest,
+		privacyStateTest
+	} from '@/uni_modules/uts-platform-api'
+
+	/**
+	 * 测试在页面生命周期之外，使用api
+	 */
+	export default {
+		data() {
+			return {
+				text: '',
+				selectImage:''
+			}
+		},
+		onLoad:function(){
+			let that = this;
+			initAppLifecycle(function(eventLog){
+				// 展示捕捉到的声明周期日志
+				that.text = that.text += eventLog;
+				that.text = that.text += '\n';
+			});
+		},
+		methods: {
+			privacyStateClick(){
+				privacyStateTest(function(ret,desc){
+					if (ret) {
+						uni.showToast({
+							title: '测试通过'
+						})
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: '失败：' + desc
+						})
+					}
+				})
+			},
+			getDeviceInfoClick(){
+				this.text = getDeviceInfoTest()
+			},
+			testGoOtherActivity(){
+				var that = this;
+				let ret = gotoCameraTake(function(file){
+					// 展示捕捉到的声明周期日志
+					console.log(file);
+					that.selectImage = "file://" + file;
+				});
+				
+				if(!ret){
+					uni.showToast({
+						icon:'none',
+						title:'测试失败'
+					})
+				}
+			},
+			testUnRegLifecycle(){
+				// 取消注册生命周期
+				unRegLifecycle();
+			},
+			getAppContextClick() {
+				if (getAppContextTest()) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				} else {
+					uni.showToast({
+						icon: 'error',
+						title: '测试失败'
+					})
+				}
+			},
+
+			getUniActivityClick() {
+				if (getUniActivityTest()) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				} else {
+					uni.showToast({
+						icon: 'error',
+						title: '测试失败'
+					})
+				}
+			},
+			pathTestClick() {
+				if (convert2AbsFullPathTest()) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				} else {
+					uni.showToast({
+						icon: 'error',
+						title: '测试失败'
+					})
+				}
+			},
+			getAppTempPathClick() {
+				if (getAppTempPathTest()) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				} else {
+					uni.showToast({
+						icon: 'error',
+						title: '测试失败'
+					})
+				}
+			},
+			dispatchAsyncClick() {
+				dispatchAsyncTest(function(ret,desc){
+					if (ret) {
+						uni.showToast({
+							title: '测试通过'
+						})
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: '失败：' + desc
+						})
+					}
+				})
+			},
+			typeofClick() {
+				if (typeofClickTest()) {
+					uni.showToast({
+						title: '测试通过'
+					})
+				} else {
+					uni.showToast({
+						icon: 'error',
+						title: '测试失败'
+					})
+				}
+			},
+			
+			gotoSystemPermissionActivityClick() {
+				gotoSystemPermissionActivityTest()
+			},
+			arrayPermissionFlowClick() {
+				arrayPermissionFlowTest(function(ret,desc){
+					if (ret) {
+						uni.showToast({
+							icon: 'none',
+							title: '测试通过'
+						})
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: '失败：' + desc
+						})
+					}
+				})
+			},
+			singlePermissionFlowClick() {
+				singlePermissionFlowTest(function(ret,desc){
+					if (ret) {
+						uni.showToast({
+							icon: 'none',
+							title: '测试通过'
+						})
+					} else {
+						uni.showToast({
+							icon: 'none',
+							title: '失败：' + desc
+						})
+					}
+				})
+			}
+			
+			
+		}
+	}
+</script>
+
+<style>
+	.testButton{
+		width:100%
+	}
+</style>
\ No newline at end of file

pages/SyntaxCase/utsiOS.uvue

+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file