Full-featured Vue 评分组件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yilin12
V2EX    Vue.js

Full-featured Vue 评分组件

  •  
  •   yilin12
    luyilin 2018-02-22 10:34:36 +08:00 3487 次点击
    这是一个创建于 2854 天前的主题,其中的信息可能已经有所发展或是发生改变。

    交寒假作业了,过年放假这几天你做了什么?打了好几天乒乓球感觉有进步,可能可以从菜鸟进阶了,还有就是写了这个评分组件,其实评分组件 Github 上已经有很多了,但是要么缺少选择半星或者自定义字符的功能,要么就是 UI 不怎么好看,所以我写了这个组件。

    Features: 支持半星、可清除、文案展示、只读、自定义颜色、自定义字符及图片等、支持 hover 的时候改变 value、内置三种样式,以及非常好看

    DEMO: https://vue-cute-rate.netlify.com/example/dist/

    Github: https://github.com/luyilin/vue-cute-rate

    展示页的样式来自于 Ant.design,我很喜欢这个展示页的设计,所以写了 kokk 组件,原理是拉取 markdown 文件的内容渲染代码块,传 slot 作为实际的 demo,但是现在使用起来还很不方便,比如我要写好几个 demo 就需要每次手动调用这个组件,每次还要传 slot,而 slot 的内容和 markdown 的内容其实是重复的,外层的逻辑也要自己写,昨天写这个展示页写的非常之累,很不好用。

    想达到的目标是能直接渲染 markdown 文件的内容生成文档,不需要传 slot,难点在于如何运行 markdown 文件里的代码块?? react 有 markdown-to-jsx 这个包,近似这个需求,不过我还没想好怎么写,这个需求对我来说很难了,欢迎讨论~~

    5 条回复    2018-02-22 19:10:01 +08:00
    111111111111
        1
    111111111111  
       2018-02-22 10:46:27 +08:00
    感受起来很不错
    code4life
        2
    code4life  
       2018-02-22 13:45:58 +08:00 via iPhone
    赞一个 打满五颗星
    twm
        3
    twm  
       2018-02-22 13:54:33 +08:00
    yilin12
        4
    yilin12  
    OP
       2018-02-22 19:08:45 +08:00 via Android
    @111111111111 亲测好用 ()
    yilin12
        5
    yilin12  
    OP
       2018-02-22 19:10:01 +08:00 via Android
    @code4life 哈哈谢谢 (*)
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5259 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 07:52 PVG 15:52 LAX 23:52 JFK 02:52
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86