爱意满满的作品展示区。
TristanYang

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

  •  4
     
  •   TristanYang ·
    zerosoul · Jan 28, 2021 · 13723 views
    This topic created in 2116 days ago, the information mentioned may be changed or developed.
    苹果的小组件已经出来相当一段时间了,一直想做一个 Web 版本的。
    初始想法:页面上所有功能区块均是小组件,可拖拽,可增删改,可定义大小,甚至可以独立访问。

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

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

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

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

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

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

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

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

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

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