ant-design是个强大的组件库,其中有移动端的组件样式,样式种类也非常多,但是并没select这个组件,这需要我们自己去封装,(也许可以用原生的select,但想要封装在ant-design里)。
至于ant-design样式的话,新建less再引入它的less编译成属于自己的css。
但是看到index.html页面好像只引用了一个css,也就是说它多个组件编译了多个css,最后这些css又编译成了一个!那编译这些的过程里面,肯定有一个总的文件来进行编译。。没找到这个文件……
ant-design是个强大的组件库,其中有移动端的组件样式,样式种类也非常多,但是并没select这个组件,这需要我们自己去封装,(也许可以用原生的select,但想要封装在ant-design里)。
至于ant-design样式的话,新建less再引入它的less编译成属于自己的css。
但是看到index.html页面好像只引用了一个css,也就是说它多个组件编译了多个css,最后这些css又编译成了一个!那编译这些的过程里面,肯定有一个总的文件来进行编译。。没找到这个文件……
移动端都不用下拉列表的吧,因为我看weui,以及微信小程序的UI库都没有提供Select
这种组件,肯定是有原因的
那么移动端的select
效果要如何实现?说下我的想法和做法:
点击类select
按钮进入一个新的List页面(用于展示所有可选项),选中一项后返回到之前的页面 (想想, 平时用的app 选择某项应该都是这种交互吧)
最后说下楼主的封装的问题。ant-design-mobile
只是向我们提供了各种UI组件,但是并没有要求我们只用它提供的组件,或者更准确点的说,没有这个UI库时,我们怎么写一个组件,现在就可以怎么写Select
组件,只不过样式上需要适应这个UI库罢了。
如果楼主是不太清楚怎么写一个Select
组件, 可以参考下这个组件https://github.com/react-comp...
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
大兄弟,有的。
桌面端
https://ant.design/components...
移动端
https://mobile.ant.design/com...