用 HarmonyOS Slider 组件成功做出旋转小太阳,耶~

同志们,我又来了~

今天给大家分享我的最新学习成果:用 Slider 组件做了一个旋转小太阳✌

噔噔蹬~这是成果图:

PS:旋转版在我朋友圈可以看到😝

我一个零基础的小白,是怎么做到的呢?

其实很简单,跟着视频课,照猫画虎,写出来的,实际的代码规则之类的完全不懂。

先跟大家说说我在做的过程中遇到的问题:

首先,图片的问题。

要让太阳转起来,首先得有个太阳才行,需要事先准备一张图片。刚开始,以为只能用 .png 格式的图,后来发现 .JPG .JPEG 都可以。

写完代码后,发现太阳不转,我后来从头开始重新写了一遍代码,换了张图好了。另一个小伙伴也遇到这个问题了,他改了下图片大小的参数就好了。

所以,这个问题到底是怎么回事呢,还没弄清楚😂

如果有知道的欢迎咱们一起交流探讨呀~

其次,预览不显示图的问题。

这个问题也是换了张图,或者关掉预览重新打开,又或者等一等,等电脑反应过来就显示了。

还有一种情况,图片写进代码之后预览,图片不显示,没有管,接着往下写,后来图片自己显示出来了。

这个问题和上个问题一样,通过这些办法解决了,但是到底是什么问题,依然不知道。

突然就有点理解技术小哥解决Bug的心理了。

最后这个问题,跟我不懂规则有关了。

我把每个逻辑关系的大括号给盯差了,写到最后,大括号对不上了,又一个一个检查。

像什么时候用大括号、什么时候用大小写、什么时候前面得加点,之类的规则基本不懂。

虽然最后把旋转小太阳做出来了,但仍然只了解个皮毛。

革命还未成功,同志仍需努力!💪

正经趴结束🥳

副业趴开始:

最近吧,跌的有点狠了,今天已经跌出3000点了,咱要不猜猜这低点能有多低?

我猜2800不远了😢

没理财的人,现在开始买基金,时机不错,点足够低,到底能有多低咱们还得拭目以待。也不用非等到最低点,没人能预测,现在跌出3000点就可以了~

还是得强调一下,理财有风险,不能接受一定程度的亏损,最好先别理!

最近这个行情,没有太多想说的。

真心希望疫情赶快过去吧,人民安居乐业的幸福生活赶快恢复正常吧🙏

最后附上我的听课视频链接,小白朋友们可以跟我一样,跟着视频写代码,感受代码世界的乐趣,满足小小的成就感:华为开发者学堂-面向开发者学习、认证和职业发展的人才生态平台

你开始学了,可以找我,我带你加入组织,随时学习交流😀

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在 Uniapp 中,内置组件的样式和行为是可以进行修改的。如果要修改 Slider 组件的样式和行为,可以使用以下方法: 1. 使用 scoped 样式来修改 Slider 组件的样式。在组件所在的页面或组件的样式中,使用 scoped 样式来定义 Slider 组件的样式,例如: ```css <template> <view> <slider class="my-slider" /> </view> </template> <style scoped> .my-slider { background-color: #f00; } </style> ``` 这样,Slider 组件的背景色就会变成红色。需要注意的是,scoped 样式只会对当前组件生效,不会影响其他组件和页面。 2. 使用 props 属性来修改 Slider 组件的属性。Slider 组件有多个属性可以进行修改,例如 value、min、max 等。可以在组件中使用 props 属性来修改这些属性,例如: ```vue <template> <view> <slider :value="50" :min="0" :max="100" /> </view> </template> ``` 这样,Slider 组件的初始值就会变成 50,最小值为 0,最大值为 100。 3. 使用事件来修改 Slider 组件的行为。Slider 组件有多个事件可以进行监听,例如 change、changing 等。可以在组件中使用 @change/@changing 等事件来监听 Slider 组件的变化,例如: ```vue <template> <view> <slider :value="50" @changing="handleChange" /> </view> </template> <script> export default { methods: { handleChange(e) { console.log(e.detail.value); }, }, }; </script> ``` 这样,每次 Slider 组件的值发生变化时,就会调用 handleChange 方法并输出当前的值。 通过以上方法,就可以对 Slider 组件进行样式和行为的修改。需要注意的是,如果要对其他内置组件进行修改,也可以使用类似的方法。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值