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

uts 组件实例删除无用的注释

上级 7b35d615
......@@ -36,7 +36,7 @@
},
{
"path" : "pages/component/component",
"path" : "pages/component/helloView",
"style" :
{
"navigationBarTitleText": "",
......
......@@ -67,15 +67,7 @@
},
changeRepeat: function(res) {
let repeatConfig = {
count: 3,
mode: "restart"
}
console.log(this.$refs["animView"]);
this.$refs["animView"].updateRepeatConfig(repeatConfig, function(res) {
console.log(res);
});
this.$refs["animView"].updateRepeatConfig("RESTART");
},
lottieClickTest: function(res) {
console.log("lottieClickTest");
......
......@@ -172,7 +172,7 @@
},
testHelloUTSComponent: function() {
uni.navigateTo({
url: '/pages/component/component'
url: '/pages/component/helloView'
})
},
testSyntax: function() {
......
<template>
<div>
<uts-hello-view buttonText="点击按钮内容" style="width:375px;height: 375px;background-color: aqua;"></uts-hello-view>
</div>
</template>
<script>
</script>
<style>
</style>
\ No newline at end of file
......@@ -87,12 +87,10 @@
"path": {
handler(newPath: string) {
if(this.$el != null){
let lottieAnimationView = this.$el!
if (!TextUtils.isEmpty(newPath)) {
if (newPath.startsWith("http://") || newPath.startsWith("https://")) {
lottieAnimationView.setAnimationFromUrl(newPath)
} else {
......@@ -106,7 +104,7 @@
}
}
},
immediate: false //创建时是否通过此方法更新属性,默认值为false
immediate: false
},
"loop": {
handler(newLoop: Boolean) {
......@@ -124,7 +122,7 @@
}
},
immediate: false //创建时是否通过此方法更新属性,默认值为false
immediate: false
},
"autoplay": {
......@@ -136,7 +134,7 @@
}
},
immediate: false //创建时是否通过此方法更新属性,默认值为false
immediate: false
},
"action": {
......@@ -154,13 +152,12 @@
this.$el!.clearAnimation()
}
}
} else {
// 非法入参,不管
}
},
immediate: false //创建时是否通过此方法更新属性,默认值为false
immediate: false
},
"hidden": {
......@@ -173,7 +170,7 @@
}
}
},
immediate: false //创建时是否通过此方法更新属性,默认值为false
immediate: false
},
},
......@@ -187,43 +184,22 @@
}
}
},
privateMethod() { //如何定义不对外暴露的API? 暂不支持,需在export外写
}
},
created() { //创建组件,替换created
},
NVBeforeLoad() { //组件将要创建,对应前端beforeMount
//可选实现,这里可以提前做一些操作
},
NVLoad(): LottieAnimationView { //创建原生View,必须定义返回值类型(Android需要明确知道View类型,需特殊校验)
//必须实现
NVLoad(): LottieAnimationView {
let lottieAnimationView = new LottieAnimationView($androidContext)
return lottieAnimationView
},
NVLoaded() { //原生View已创建
//可选实现,这里可以做后续操作
NVLoaded() {
if(this.$el != null){
this.$el!.repeatMode = LottieDrawable.RESTART;
this.$el!.visibility = View.GONE
this.$el!.repeatCount = 0
this.$el!.addAnimatorListener(new CustomAnimListener(this))
}
},
NVLayouted() { //原生View布局完成
//可选实现,这里可以做布局后续操作
},
NVBeforeUnload() { //原生View将释放
//可选实现,这里可以做释放View之前的操作
},
NVUnloaded() { //原生View已释放
//可选实现,这里可以做释放View之后的操作
},
unmounted() { //组件销毁
//可选实现
}
}
</script>
<style>
......
......@@ -19,35 +19,21 @@
//原生提供以下属性或方法的实现
export default {
/**
* 组件名称,也就是开发者使用的标签
*/
name: "uts-hello-view",
/**
* 组件涉及的事件声明,只有声明过的事件,才能被正常发送
*/
emits: ['buttonClick'],
/**
* 属性声明,组件的使用者会传递这些属性值到组件
*/
props: {
/**
* 字符串类型 属性:buttonText 需要设置默认值
*/
"buttonText": {
type: String,
default: "点击触发"
}
},
/**
* 组件内部变量声明
*/
data() {
return {}
},
/**
* 属性变化监听器实现
*/
watch: {
"buttonText": {
/**
......@@ -61,52 +47,10 @@
}
}
},
immediate: false //创建时是否通过此方法更新属性,默认值为false
},
},
/**
* 规则:如果没有配置expose,则methods中的方法均对外暴露,如果配置了expose,则以expose的配置为准向外暴露
* ['publicMethod'] 含义为:只有 `publicMethod` 在实例上可用
*/
expose: ['doSth'],
methods: {
/**
* 对外公开的组件方法
*/
doSth(paramA: string) {
// 这是组件的自定义方法
console.log("paramA = " + paramA)
immediate: false
},
/**
* 内部使用的组件方法
*/
privateMethod() {
}
},
/**
* 组件被创建,组件第一个生命周期,
* 在内存中被占用的时候被调用,开发者可以在这里执行一些需要提前执行的初始化逻辑
* [可选实现]
*/
created() {
},
/**
* 对应平台的view载体即将被创建,对应前端beforeMount
* [可选实现]
*/
NVBeforeLoad() {
},
/**
* 创建原生View,必须定义返回值类型
* 开发者需要重点实现这个函数,声明原生组件被创建出来的过程,以及最终生成的原生组件类型
* (Android需要明确知道View类型,需特殊校验)
* todo 补充IOS平台限制
* [必须实现]
*/
NVLoad(): LinearLayout {
//必须实现
let contentLayout = new LinearLayout($androidContext)
......@@ -116,44 +60,7 @@
contentLayout.addView(button, LinearLayout.LayoutParams(500, 500));
button.setOnClickListener(new ButtonClickListsner())
return contentLayout
},
/**
* 原生View已创建
* [可选实现]
*/
NVLoaded() {
},
/**
* 原生View布局完成
* [可选实现]
*/
NVLayouted() {
},
/**
* 原生View将释放
* [可选实现]
*/
NVBeforeUnload() {
},
/**
* 原生View已释放,这里可以做释放View之后的操作
* [可选实现]
*/
NVUnloaded() {
},
/**
* 组件销毁
* [可选实现]
*/
unmounted() {
}
}
</script>
<style>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册