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

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

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

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

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

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

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

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

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

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

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

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

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