V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
BigDogWang
V2EX  ›  程序员

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

  •  1
     
  •   BigDogWang · 2019-07-15 20:40:42 +08:00 · 2512 次点击
    这是一个创建于 1718 天前的主题,其中的信息可能已经有所发展或是发生改变。
    就是说怎么写可以同时适配手机和 PC 的页面?手撸 css 吗?搜索引擎搜索不出太多有价值的信息,可能我不太会提炼关键词。
    BootstrapVue 自定义的学习曲线好像也有点陡峭
    第 1 条附言  ·  2019-07-15 21:12:01 +08:00
    可能问题有点歧义,我是想问,有没有什么容易入门的,可以自定义样式的,响应式 css 框架和 vue 配合
    14 条回复    2019-07-16 03:42:29 +08:00
    creanme
        1
    creanme  
       2019-07-15 20:54:32 +08:00
    element-ui 的 el-row el-col xs、sm、md、lg 和 xl ?
    wunonglin
        2
    wunonglin  
       2019-07-15 20:58:49 +08:00
    建议还是先练习一下 css3 和响应式布局,如果真的会的话应该不会问出这种问题

    @creanme ui 框架的确能解决 90%业务上的问题,但是鉴于 lz 自称新手,如果不是公司急需完成项目的话,还是建议手撸吧,
    wunonglin
        3
    wunonglin  
       2019-07-15 21:00:14 +08:00
    还有还有,,vue 和响应式 ui 没有半毛钱关系,,同理 angular 和 react 也是
    learnshare
        4
    learnshare  
       2019-07-15 21:05:14 +08:00
    响应式通常是 CSS 做的,和框架关系不大
    不过 Bootstrap 之类的 UI 库都提供响应式的布局和组件
    BigDogWang
        5
    BigDogWang  
    OP
       2019-07-15 21:05:54 +08:00 via iPhone
    @wunonglin 我知道没有关系,我就想知道有没有什么比较简单的框架还能搞点自定义的样式。
    wu67
        6
    wu67  
       2019-07-15 21:10:38 +08:00
    同时适配太累了吧, 还不如写两套. 反正我只针对一端的, 然后另一端能看就行…
    BigDogWang
        7
    BigDogWang  
    OP
       2019-07-15 21:11:27 +08:00
    可能问题有点歧义,我是想问,有没有什么容易入门的,可以自定义样式的,响应式 css 框架和 vue 配合
    renmu
        8
    renmu  
       2019-07-15 21:11:58 +08:00 via Android
    element ui
    creanme
        9
    creanme  
       2019-07-15 21:12:04 +08:00
    适配真的很累,不如写两套。
    BigDogWang
        10
    BigDogWang  
    OP
       2019-07-15 21:12:53 +08:00
    @creanme 写两套 css 嘛
    creanme
        11
    creanme  
       2019-07-15 21:26:23 +08:00
    @BigDogWang 还是看你页面复杂度,如果感觉复杂了,写两套;如果不复杂,写一套。
    crysislinux
        12
    crysislinux  
       2019-07-15 21:30:29 +08:00
    感觉响应式对设计要求很高。如果不同布局变化太大。。那真是不如一样写一套。
    SilentDepth
        13
    SilentDepth  
       2019-07-15 21:35:05 +08:00 via iPhone
    CSS 太难,不如用现成的 UI 框架。
    vision1900
        14
    vision1900  
       2019-07-16 03:42:29 +08:00 via Android
    先上 min-width, 利用下流式布局,然后根据需要 media-query.还有这个问题跟 vue 有什么关系,vue 是个 JS 框架,楼主是希望 vue 提供人工智能自动生成 css 的 feature?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   974 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:47 · PVG 04:47 · LAX 13:47 · JFK 16:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.