前端新手发文:各位,我想问一下, Vue 怎么写响应式的 UI?

2019-07-15 20:40:42 +08:00
 BigDogWang
就是说怎么写可以同时适配手机和 PC 的页面?手撸 css 吗?搜索引擎搜索不出太多有价值的信息,可能我不太会提炼关键词。
BootstrapVue 自定义的学习曲线好像也有点陡峭
2625 次点击
所在节点    程序员
14 条回复
creanme
2019-07-15 20:54:32 +08:00
element-ui 的 el-row el-col xs、sm、md、lg 和 xl ?
wunonglin
2019-07-15 20:58:49 +08:00
建议还是先练习一下 css3 和响应式布局,如果真的会的话应该不会问出这种问题

@creanme ui 框架的确能解决 90%业务上的问题,但是鉴于 lz 自称新手,如果不是公司急需完成项目的话,还是建议手撸吧,
wunonglin
2019-07-15 21:00:14 +08:00
还有还有,,vue 和响应式 ui 没有半毛钱关系,,同理 angular 和 react 也是
learnshare
2019-07-15 21:05:14 +08:00
响应式通常是 CSS 做的,和框架关系不大
不过 Bootstrap 之类的 UI 库都提供响应式的布局和组件
BigDogWang
2019-07-15 21:05:54 +08:00
@wunonglin 我知道没有关系,我就想知道有没有什么比较简单的框架还能搞点自定义的样式。
wu67
2019-07-15 21:10:38 +08:00
同时适配太累了吧, 还不如写两套. 反正我只针对一端的, 然后另一端能看就行…
BigDogWang
2019-07-15 21:11:27 +08:00
可能问题有点歧义,我是想问,有没有什么容易入门的,可以自定义样式的,响应式 css 框架和 vue 配合
renmu
2019-07-15 21:11:58 +08:00
element ui
creanme
2019-07-15 21:12:04 +08:00
适配真的很累,不如写两套。
BigDogWang
2019-07-15 21:12:53 +08:00
@creanme 写两套 css 嘛
creanme
2019-07-15 21:26:23 +08:00
@BigDogWang 还是看你页面复杂度,如果感觉复杂了,写两套;如果不复杂,写一套。
crysislinux
2019-07-15 21:30:29 +08:00
感觉响应式对设计要求很高。如果不同布局变化太大。。那真是不如一样写一套。
SilentDepth
2019-07-15 21:35:05 +08:00
CSS 太难,不如用现成的 UI 框架。
vision1900
2019-07-16 03:42:29 +08:00
先上 min-width, 利用下流式布局,然后根据需要 media-query.还有这个问题跟 vue 有什么关系,vue 是个 JS 框架,楼主是希望 vue 提供人工智能自动生成 css 的 feature?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/583218

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX