首页 前端 JavaScript 正文

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧


前言

夏天已经来了,可恶的奥密克戎却一点儿也不惧怕炎热,害的我们大家常常在烈日下排队做核酸。怕热的小伙伴可以随身携带一个小风扇,在无聊排队的过程中,也只好一只手拿手机,一只手拿小风扇吹点风。

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第1张

但这样实在不方便,有没有办法可以让小电扇和手机合体呢?

还真有,我从强子家商店买了一个

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第2张

不好意思,请错大佬出镜了...是爱喝奶茶🧋的那个强子

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第3张

但是这样的话,就无法同时给手机充电了...

可不可以一边吹风,一边刷手机,还可以一边给手机充电呢?

作为一个热爱编程的程序

我要用自己的才华

为这个浮躁的世界

带来一点清凉

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第4张

动手干

在我的不懈努力下,终于研发出了这款超静音,超省电,超便携的小风扇。无需安装,即用即开,用完即走。

下面我来说一下实现步骤

CSS电风扇

首先我们需要用css实现一个能吹风,能摇头的小电风扇

代码片段

但只能吹风,连声音都没有,这是在有点无聊,必须得发挥一点创意。

2022年了,所有的产品都应该和互联网紧密结合

用户和用户之间必须要产生连接!

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第5张

轻度社交

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第6张

  • 环保排行榜

由于大家使用这个小程序后会明显感觉到"冷",所以就不需要开空调开电扇了,省电也就是环保。特别在小程序内设计了一个环保排行榜,看谁对环保做出的贡献最多。

开源👍🏻一个用Vue开发的小程序,今年夏天我们一起吹风吧  第7张

  • 实时聊天互动

不要让用户成为信息的孤岛,在感受清凉的同时,去发现这个世界上和你一样有wu趣liao的灵魂~

源码

如果你觉得本项目还不错,就点赞就成为天使投资人吧~

本项目使用uni-app开发支持各种小程序平台,支持iOS,Android...

https://github.com/ezshine/uniapp-coolfan

观看作者哔哔的配套视频


我是大帅老猿,添加个人微信:dashuailaoyuan

这个夏天,我想和你们一起吹吹风

Enjoy!

原文:https://juejin.cn/post/7103276723323535368
打赏
海报

本文转载自互联网,旨在分享有价值的内容,文章如有侵权请联系删除,部分文章如未署名作者来源请联系我们及时备注,感谢您的支持。

转载请注明本文地址:https://www.shouxicto.com/article/5863.html

相关推荐

如何使用严格模式?

"严格模式"体现了 Javascript 更合理、更安全、更严谨的发展方向,有助于更细致深入地理解 Javascript,让你变成一个更好的程序员。...

JavaScript 2022.08.16 0 391

图片如何优先加载?

图片如何优先加载?

   前言    夏天已经来了,可恶的奥密克戎却一点儿也不惧怕炎热,害的我们大家常常在烈日下排队做核酸。怕热的小伙伴可以随身...

JavaScript 2022.08.16 0 522

JavaScript 设计模式之策略模式

JavaScript 设计模式之策略模式

   前言    夏天已经来了,可恶的奥密克戎却一点儿也不惧怕炎热,害的我们大家常常在烈日下排队做核酸。怕热的小伙伴可以随身...

JavaScript 2022.06.26 0 422

H5页面如何实现图片懒加载?

H5页面如何实现图片懒加载?

   前言    夏天已经来了,可恶的奥密克戎却一点儿也不惧怕炎热,害的我们大家常常在烈日下排队做核酸。怕热的小伙伴可以随身...

JavaScript 2022.06.21 0 738

发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi
支付宝
微信
赞助本站