提交 078cd88f 编写于 作者: 杜庆泉's avatar 杜庆泉

增加 uni-app x 模式下 调用UTS组件内置方法的示例

上级 2938a6bb
......@@ -66,7 +66,7 @@
},
changeRepeat: function() {
// this.$refs["animView"].updateRepeatConfig("RESTART");
(this.$refs["animView"] as UtsAnimationViewElement).setRepeatMode("RESTART");
},
lottieClickTest: function() {
console.log("lottieClickTest");
......
......@@ -93,6 +93,14 @@
url: "SyntaxCase/consoleTest"
}] as Page[]
},
{
name: "组件开发示例",
open: false,
pages: [{
name: "Hello UTS Component",
url: "component/helloView"
}]
},
{
name: "平台代码示例",
open: false,
......
<template>
<view>
暂时不支持 todo
</view>
<div>
<button @tap="doSth">调用组件的方法</button>
<uts-hello-view ref="helloView" buttonText="点击按钮内容" style="width:375px;height: 375px;background-color: aqua;"></uts-hello-view>
<uts-hello-container>
<text>文本组件</text>
<image src="../../static/logo.png" mode="aspectFit"></image>
</uts-hello-container>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
// 调用组件内的方法
doSth() {
// uvue 页面调用方法
(this.$refs["helloView"] as UtsHelloViewElement).doSth("param doSomething");
}
}
}
</script>
<style>
......
......@@ -128,7 +128,7 @@
// 组件内可以调用 UTSAndroid 内置方法
console.log("UTSAndroid.devicePX2px(1080) : ",UTSAndroid.devicePX2px(1080))
console.log("UTSAndroid.rpx2px(1080) : ",UTSAndroid.rpx2px(1080))
console.log("UTSAndroid.appJSBundleUrl() : ",UTSAndroid.appJSBundleUrl())
// console.log("UTSAndroid.appJSBundleUrl() : ",UTSAndroid.appJSBundleUrl())
},
/**
* 原生View布局完成
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册