oysun / vuecirclemenu Goto Github PK
View Code? Open in Web Editor NEW:rabbit:A beautiful circle menu powered by Vue.js
License: MIT License
:rabbit:A beautiful circle menu powered by Vue.js
License: MIT License
有需要默认展开的情况 好像没看到控制展开的开关?
我number使用computed计算报错(除非return的数值为4),css里面使用rgb(a)也会报错
现在代码仓库里似乎没有示例的源码,而是直接引用编译后的代码。虽然文档已经比较清晰了,不过如果能看到示例的源码,可能会更方便理解这一组件的具体用法。
切换菜单必须点击菜单按钮,可不可点击mask也可切换按钮呢?
It is necessary to modify the source code。
希望支持有淡入效果 ,否则有些生硬。
点击开关按钮控制参数提供一个Props,这样可以更方便控制菜单栏。
能增加一个状态抛出事件吗? 我们可以根据状态自行切换按钮效果。
How can the menu be closed after an option is clicked.
I am sorry if this is a duplicate or known issue, but the language of the current issues where in a foreign language to me.
I am trying to set the colors for the menu by providing the property "colors" to "circle-menu" like this:
<circle-menu class="the-menu" type="bottom" :number="4" mask='black' circle btn colors="[ '#000', '#000', '#000', '#000', '#000' ]">
<a slot="item_1" class="fa fa-twitter fa-lg"></a>
<a slot="item_2" class="fa fa-weixin fa-lg"></a>
<a slot="item_3" class="fa fa-weibo fa-lg"></a>
<a slot="item_4" class="fa fa-github fa-lg"></a>
</circle-menu>
This does not work for me.
See title, Very much needed.
希望增加可拖拽的效果,这样如果菜单遮挡住了某部分或者使用位置不方便的时候 客户可以自己换位置
I cane upon this Github page when reading blogs on my phone. Only there is no way to go to the demo page when you look at this github page on your phone...
Please add a link!
This lib assumes that you have font-awesome and animate.css on the page.
本来想在你基础上做一个定制的,但是下载代码下来看发现有点困难。主要是才开始学webpack所以对你打包部分不是很了解,如果可以的话希望能够相应部分说明文档。
再有一个是个人觉得demo写得不是很好,这个产品应该是具备独立使用的,但是index.html并没有使用到最终打包出来的CircleMenu.js文件啊,所以对于怎么引用你这个文件并不清楚。
现在项目是必须依赖FontAwesome
么? 能不能自定义图标?
[Vue warn]: Invalid prop: type check failed for prop "colors". Expected Array, got String. (found in component <CirleMenu>)
添加colors报错
你好,
我们在项目里引用了你们组件,现在需要在App.vue里通过调用你们组件里的toggle方法来控制显示与否,请问该如何做呢?谢谢
二维码半天扫不出来 贴一个url?
我在我的main.js里面已经导入了animate.css,在我的其他组件里面可以用,但是在这却无效
<CircleMenu type="top" :number='4' animate="animated jello" mask='black' circle>
<button type="button" slot="item_btn"></button>
<a slot="item_1" class="fa fa-twitter fa-lg">a</a>
<a slot="item_2" class="fa fa-weixin fa-lg">b</a>
<a slot="item_3" class="fa fa-weibo fa-lg">c</a>
<a slot="item_4" class="fa fa-github fa-lg">d</a>
</CircleMenu>
!important 没有用
It seems that selecting 3 buttons doesn't work for middle
or middle-around
menu types; only 2 or 4 buttons works.
Also (and I probably should log a separate issue but), it would be nice to support a few more buttons and/or submenus. 🤷♂️
Hey guys,
this menu is pretty nice. Is it possible to translate the documentation in English so more people can use your VueCircleMenu?
Thanks in advance
Sven
比如怎么把按钮变成普通的button按钮呢?
子菜单个数好像必须为4个,我这边需求是只需要3个菜单,我用了item_1
,item_2
,item_3
.没用item_4
。但是还是会出现第四个菜单,同理我用两个或者一个菜单,还是会出现四个菜单。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.