个人案例
miaoui
miao, miao 的UI
miaoui扫码体验
wAnimate
一套简化skyline worklet动画开发的动画库
wAnimate扫码体验
气氛高手计时器小工具
倒计时工具,秒表工具,组倒计时,组秒表
嘟嘟倒计时扫码体验
- scroll-view横向在PC端(osx)不能拖动,但能滚动?
scroll-view横向滚动,基础库版本3.5.8,在PC端(OSX)不能够拖动,但可以使用鼠标滚动
2024-10-06 - worklet的动画translateZ是不是无效?
translate3d动画,或者使用translateZ效果很怪,可以说没有效果,下例中预期元素应该会下陷至背景中有透视效果,实际效果是元素跳起来并依然保持原始大小,没有透视效果 const rotateX = shared(0) const y = shared(0) const z = shared(0) const originV1 = shared('50%') const originV2 = shared('0') this.applyAnimatedStyle('.ele', ()=>{ "worklet" return { transformOrigin: `${originV1.value} ${originV2.value}` transform: `translate3d(0, ${y.value}px, ${z.value}px) rotateX(${rotateX.value})` } ... rotateX.value = timing(180) y.value = timing(-100) z.value = timing(-260) originV1.value = timing('50%') originV2.value = timing('100%') })
2024-09-09 - shared注册变量后如何销毁?
想实现下例效果,要如何销毁创建的 y 值 const x = shared(0) const y = shared(0) this.applyAnimatedStyle('.ele', ()=>{ "worklet" let returnObj = {} if (x && y) { returnObj = { translateX: `${x.value}px`, translateY: `${y.value}px` } } if (x && !y) { returnObj = { translateX: `${x.value}px` } } return returnObj }) const left = ()=>{ x.value = 50 y.value = 100 }
2024-09-09