V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
TristanYang
V2EX  ›  分享创造

徒手撸个 Web 版的小组件库,干掉苹果小组件~ レ(゚∀゚;)ヘ=3=3=3

  •  4
     
  •   TristanYang · 2021-01-28 13:14:46 +08:00 · 11057 次点击
    这是一个创建于 485 天前的主题,其中的信息可能已经有所发展或是发生改变。
    苹果的小组件已经出来相当一段时间了,一直想做一个 Web 版本的。
    初始想法:页面上所有功能区块均是小组件,可拖拽,可增删改,可定义大小,甚至可以独立访问。

    经过将近一个月的打磨迭代,终于有点眉目了。✿✿ヽ(°▽°)ノ✿

    目前积累的小组件:
    搜索:支持百度,谷歌,必应
    导航:快速添加感兴趣的网址
    国内疫情:快速了解国内每日疫情概况
    热搜类:微博,知乎,豆瓣,公众号
    天气:全方位,多角度,提供天气信息。
    每日系列:诗词,一言
    国际时钟:便捷查看多个时区时间,最多支持添加三个。
    GitHub:需授权
    必应壁纸:快速浏览与下载必应高清壁纸
    科学计算器
    等等...

    P. S . 虽然做了移动端适配,但是 PC 访问体验应该更好些。目前只是实现了部分想法,有些地方体验还不够好,比如拖拽排序。还会继续迭代,丰富组件库,完善文档,后期可能的话,制定小组件的开发流程,让有兴趣的开发者参与进来,如果做到这一步,事情就开始变得有趣起来啦~ 😄

    访问地址: https://nicegoodthings.com/ (使用不爽的地方,可以通过页面右下角反馈)

    开源地址: https://github.com/Privoce/Portal-Lite-China
    欢迎 star,多多支持~

    第 1 条附言  ·  2021-01-28 17:55:40 +08:00
    应留学华人朋友的要求,新增一个小组件:美国新冠疫情概况。长得和国内那个差不多,为了区别,加了个美利坚国旗背景😂。
    第 2 条附言  ·  2021-02-01 10:03:32 +08:00
    感谢大家反馈,更新了一个版本,修复了很多小问题,新增了一个站点设置功能:导入导出本地数据,通过必应壁纸小组件设置的站点背景图,原来是没有入口重置回去,现在终于有啦,当然,还有一键还原初始状态,建议还原前,可以先导出本地数据备份。
    第 3 条附言  ·  2021-02-02 11:00:18 +08:00
    由于现在没有用户体系,建个微信群,方便大家反馈问题:
    第 4 条附言  ·  2021-02-03 17:14:59 +08:00
    最近更新:
    重构:本地存储代码逻辑,更具维护性和可扩展性。
    新增小特性:最近新加的组件,在组件库弹窗每一项左上角会有’new‘标识,方便快速识别。
    新增小组件:历史上的今天。
    第 5 条附言  ·  2021-02-08 08:27:35 +08:00
    新增夜间模式:
    第 6 条附言  ·  2021-02-09 07:59:36 +08:00
    新增小组件:亲戚关系计算器
    第 7 条附言  ·  2021-02-18 10:28:42 +08:00
    第 8 条附言  ·  2021-02-24 09:27:56 +08:00
    最近新增功能:
    借助第三方,authing.cn ,简单搞了搞账号,可以通过右下角登录体验~

    后续会把一些个人设置,同步到账号数据里
    第 9 条附言  ·  2021-02-25 14:33:18 +08:00
    新增小组件:我的日程
    目前仅支持谷歌日历,使用谷歌日历来规划行程的朋友可以尝尝咸淡了哈~

    78 条回复    2021-02-23 09:59:36 +08:00
    TristanYang
        1
    TristanYang  
    OP
       2021-01-28 17:56:25 +08:00
    还可以单独访问组件,比如世界时钟组件: https://nicegoodthings.com/widgets/timezone-clock
    Xuyiyang23333
        2
    Xuyiyang23333  
       2021-01-28 20:01:17 +08:00
    感觉小组件部分配合 Wallpaper Engine 使用会很不错。
    reiji
        3
    reiji  
       2021-01-28 20:13:53 +08:00
    设计的都好漂亮,偷几个组件放博客里
    kassadin
        4
    kassadin  
       2021-01-28 21:45:25 +08:00
    👍
    TristanYang
        5
    TristanYang  
    OP
       2021-01-28 22:56:38 +08:00
    @Xuyiyang23333 专门搜了下 Wallpaper Engine 是啥,意思是针对 Wallpaper Engine 出一个小组件?有接口就好说🤣
    TristanYang
        6
    TristanYang  
    OP
       2021-01-28 22:58:10 +08:00
    @reiji 是通过 url 直接引用吗?方便贴出来博客地址吗,后期我想举一些小组件第三方使用示例~
    Summerdx404
        7
    Summerdx404  
       2021-01-29 11:00:48 +08:00
    挺不错,支持下。可以考虑加个暗色主题吗?
    TristanYang
        8
    TristanYang  
    OP
       2021-01-29 11:04:08 +08:00
    jfhufhf
        9
    jfhufhf  
       2021-01-29 11:09:58 +08:00
    很好呀 要是支持自定义壁纸 或者自动更新壁纸就好了
    fengc
        10
    fengc  
       2021-01-29 11:10:07 +08:00
    貌似只能添加,不能移除已经添加的小组件
    imaple
        11
    imaple  
       2021-01-29 11:13:09 +08:00
    所以有单独 webview 的小组件么, 然后地址填楼主的?
    TristanYang
        12
    TristanYang  
    OP
       2021-01-29 11:21:38 +08:00
    @fengc 可以的哈~ 每个小组件 鼠标 hover 上去 右上角有三个点 里面有移除选项~
    TristanYang
        13
    TristanYang  
    OP
       2021-01-29 11:28:52 +08:00
    @imaple 不太清楚啥意思 是指单独访问某个小组件吗 如果是这样 可以的 通过右上角三个点=》新页面打开,就是独立的小组件地址了 比如 : https://nicegoodthings.com/widgets/wb-hot 这个是微博热搜小组件地址
    TristanYang
        14
    TristanYang  
    OP
       2021-01-29 11:30:40 +08:00
    @jfhufhf 设置页面壁纸功能在 必应壁纸 小组件有,目前功能还不是很完善,比如设置壁纸后,没地方还原🤣。自动更新壁纸,不知是不是指整个页面自动更新壁纸?
    assclb
        15
    assclb  
       2021-01-29 13:32:27 +08:00
    🇨🇳 国内新冠疫情概况, 国旗与文本之间建议加个间距
    TristanYang
        16
    TristanYang  
    OP
       2021-01-29 14:56:39 +08:00
    @assclb UI 设计师吗?哈哈哈 没关系,安排!
    cmlanche
        17
    cmlanche  
       2021-01-29 16:11:35 +08:00
    有点东西
    meepo3927
        18
    meepo3927  
       2021-01-29 17:37:50 +08:00
    很强
    niub
        19
    niub  
       2021-01-29 17:39:25 +08:00
    不错啊,我就喜欢长得好看的[狗头]
    TristanYang
        20
    TristanYang  
    OP
       2021-01-29 17:44:24 +08:00
    @niub 不仅好看 有些小组件 还是个实力派哦~
    fuchunliu
        21
    fuchunliu  
       2021-01-29 17:55:25 +08:00 via Android
    点亮再看
    morizawatt
        22
    morizawatt  
       2021-01-29 18:03:34 +08:00
    投影太脏了
    dongshufeng
        23
    dongshufeng  
       2021-01-29 18:19:44 +08:00
    挺漂亮,有内味了
    icyalala
        24
    icyalala  
       2021-01-29 18:26:08 +08:00
    以前 OSX Dashboard 的 Widget 也是前端技术,也能放桌面,可惜后来没了。
    TristanYang
        25
    TristanYang  
    OP
       2021-01-29 18:27:03 +08:00
    @morizawatt 额.... 是指小组件边框的阴影吗?
    morizawatt
        26
    morizawatt  
       2021-01-29 19:01:53 +08:00
    @TristanYang 对 可以去追啵看看投影怎么做的
    crab
        27
    crab  
       2021-01-29 20:07:32 +08:00
    API 是第三方嘛
    iSteven
        28
    iSteven  
       2021-01-29 20:58:34 +08:00
    我去,一段时间没关注美国新冠新闻,再一看,死亡人数居然飙到 40w+ 了,看来懂王当初说“能把死亡人数控制在 10w 到 20w 就表示防疫工作做得很不错了”确实不是开玩笑呀。
    TristanYang
        29
    TristanYang  
    OP
       2021-01-29 21:43:24 +08:00   ❤️ 1
    @crab 有一部分是直接用的第三方,比如一言,美国疫情,大部分都是自己写的 API🤣
    TristanYang
        30
    TristanYang  
    OP
       2021-01-29 21:44:36 +08:00
    @iSteven 是的 我也吓到了...还检查了下数据对不对😳
    ijrou
        31
    ijrou  
       2021-01-29 22:00:50 +08:00
    挺好的,细节优化,初次打开和反复打开的速度优化下就完美了。。。
    TristanYang
        32
    TristanYang  
    OP
       2021-01-29 22:35:14 +08:00
    @ijrou 多谢鼓励! 持续优化!
    guodong110
        33
    guodong110  
       2021-01-30 00:06:11 +08:00
    有点东西,好看
    cs3230524
        34
    cs3230524  
       2021-01-30 02:42:44 +08:00
    文艺复兴吗,让我想起上世纪的 extjs 桌面。。。
    TristanYang
        35
    TristanYang  
    OP
       2021-01-30 10:09:03 +08:00
    @cs3230524 太阳底下,无新鲜事😄
    musi
        36
    musi  
       2021-01-31 10:40:30 +08:00
    已 star
    提个小 bug: 壁纸全屏模式下打开就很糊,糊到看不清
    TristanYang
        37
    TristanYang  
    OP
       2021-02-01 10:07:08 +08:00
    @musi 感谢反馈,我复现了,今天修复下😄
    maemolee
        38
    maemolee  
       2021-02-01 12:16:55 +08:00
    有个软件叫 übersicht,专门给 mac 加桌面 widget 的,你可以搜搜看?
    aulay
        39
    aulay  
       2021-02-01 14:04:00 +08:00
    好看,已 star
    TristanYang
        42
    TristanYang  
    OP
       2021-02-01 16:45:48 +08:00
    @aulay 谢谢资瓷~ 😘
    oyx
        43
    oyx  
       2021-02-01 16:46:14 +08:00
    很不错 试试
    TristanYang
        44
    TristanYang  
    OP
       2021-02-01 16:46:15 +08:00
    @maemolee 多谢反馈 我好好看看这个产品
    TristanYang
        45
    TristanYang  
    OP
       2021-02-01 16:46:55 +08:00
    @oyx 多谢肯定 网页只是第一形态 后续还会做其它形态
    Jetry
        46
    Jetry  
       2021-02-01 17:12:31 +08:00
    挺好,star+1
    TristanYang
        47
    TristanYang  
    OP
       2021-02-01 18:19:11 +08:00
    @Jetry 多谢肯定~ 😘
    TristanYang
        48
    TristanYang  
    OP
       2021-02-01 21:22:44 +08:00
    @musi 你好 这个问题修复啦~ 我试了下,应该好了~
    musi
        49
    musi  
       2021-02-01 22:20:23 +08:00
    @TristanYang 可以是可以了,不过你这壁纸的组件全屏不考虑一下占满电脑屏幕么
    janda
        50
    janda  
       2021-02-02 09:51:27 +08:00
    现在刷个 V2EX 质量都这么高了吗
    janda
        51
    janda  
       2021-02-02 09:57:40 +08:00
    很漂亮、可不可以添加一个可选的背景图片呢,感觉看起来有点单调缺点什么一样!背景图案、图片什么的,要是有毛玻璃效果这样的最好了!
    TristanYang
        52
    TristanYang  
    OP
       2021-02-02 11:01:36 +08:00
    @janda 现在的 V2EX 评论质量都这么高了吗?哈哈哈~
    TristanYang
        53
    TristanYang  
    OP
       2021-02-02 11:04:20 +08:00
    @janda 意思是:上传用户本地的一个图片来做页面背景?毛玻璃的效果应该好一点,我研究下落地。追加了个用户群,有兴趣可以加入,一起把这个产品变得更好~ 😄
    fatelight
        54
    fatelight  
       2021-02-02 14:14:57 +08:00
    能兼容其他脚本就好了,比如 scriptable
    Liler
        55
    Liler  
       2021-02-03 13:13:37 +08:00
    有些组件加入简单介绍会好一些
    imaple
        56
    imaple  
       2021-02-03 17:03:42 +08:00
    @TristanYang 我的意思可以通过 webview 的小组件, 把 web 的小组件加到 ios 桌面上么
    TristanYang
        57
    TristanYang  
    OP
       2021-02-03 17:40:05 +08:00
    @Liler 那个组件库弹窗有小组件介绍,对于一些交互比较复杂的小组件,确实需要点文字引导,不过把这个介绍放在哪个环节,有好的建议吗?😄
    Vkery
        58
    Vkery  
       2021-02-04 16:27:12 +08:00
    右上角勾选组件的时候 能不能先批量选择以后再手动关闭 而不是选一个 自动就关掉了选择界面
    当我想选多个的时候 就得反复打开选择界面

    然后选择菜单弹窗 建议支持 鼠标点击弹窗外的区域 自动关闭 而不是必须手动点击 x
    TristanYang
        59
    TristanYang  
    OP
       2021-02-05 14:55:51 +08:00
    @Vkery 谢谢 非常好的建议 我考虑放在下次迭代里~
    tsvico
        60
    tsvico  
       2021-02-06 10:29:38 +08:00
    好看啊,star+1
    Lukedis
        61
    Lukedis  
       2021-02-08 11:06:29 +08:00 via iPhone
    @reiji 不建议使用,没有 license
    cydian
        62
    cydian  
       2021-02-18 12:54:05 +08:00 via Android
    @TristanYang 再发个微信群二维码吧
    TristanYang
        63
    TristanYang  
    OP
       2021-02-18 13:58:37 +08:00
    @cydian 加我 V 拉你入群 yanggc_2013
    mywaiting
        64
    mywaiting  
       2021-02-18 14:34:04 +08:00 via iPhone
    这货让我想起好多年前的 iGoogle 自定义首页……

    果然,无论什么时尚圈还是设计圈,圈里呆久了几乎都是一个轮回
    RyuZheng
        65
    RyuZheng  
       2021-02-18 16:27:37 +08:00
    亲戚关系计算器有点问题呀,姐姐的夫,那里是灰色的,点不出姐夫呀
    TristanYang
        66
    TristanYang  
    OP
       2021-02-19 10:31:44 +08:00
    @RyuZheng 感谢反馈~ 今天我修复下 🤣
    TristanYang
        67
    TristanYang  
    OP
       2021-02-19 11:41:30 +08:00
    @RyuZheng 修复了哈~
    noming
        68
    noming  
       2021-02-22 10:17:03 +08:00
    @TristanYang 世界时钟能不能自定义其他城市?
    TristanYang
        69
    TristanYang  
    OP
       2021-02-22 10:58:00 +08:00
    @noming 可以,通过小组件的右上角三个点下拉设置进去,可以调出来设置界面,选择其它城市。不过,目前是写死了几个城市,后期可以改成搜索添加城市。
    yhz610
        70
    yhz610  
       2021-02-22 11:02:58 +08:00 via iPhone
    不错的产品,页面很漂亮。移动端组件列表点开后无法关闭呀?
    miaoda
        71
    miaoda  
       2021-02-22 11:03:11 +08:00
    小组件很棒,等个自定义背景,或者用必应每日壁纸做背景也行
    yhz610
        72
    yhz610  
       2021-02-22 11:08:34 +08:00 via iPhone
    大佬,有微微群吗,拉个
    differentPlayer
        73
    differentPlayer  
       2021-02-22 13:26:54 +08:00
    之前委托阿里云购买 youdiandonxgi 域名的客户不会是你吧 2333
    Exia
        74
    Exia  
       2021-02-22 14:13:27 +08:00
    点击右上角添加未添加组件,mbp 13 会看不到右上角的关闭按钮,得缩小才看到。
    TristanYang
        75
    TristanYang  
    OP
       2021-02-22 14:48:35 +08:00
    @yhz610 加我 V yanggc_2013
    TristanYang
        76
    TristanYang  
    OP
       2021-02-22 14:49:14 +08:00
    @Exia 感谢反馈 我想办法优化下:点击空白处 也能关闭弹窗
    TristanYang
        77
    TristanYang  
    OP
       2021-02-22 14:49:28 +08:00
    @differentPlayer 2333333 并不是...
    TristanYang
        78
    TristanYang  
    OP
       2021-02-23 09:59:36 +08:00
    @Exia 你好 已修复反馈的问题 现在点击空白处 也能关闭弹窗
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1247 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 19:14 · PVG 03:14 · LAX 12:14 · JFK 15:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.