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

前端怎么实现一个相对美观又比较简单的一个页面呢

  •  
  •   muunala10221 · 2021-03-16 13:48:57 +08:00 · 2366 次点击
    这是一个创建于 1349 天前的主题,其中的信息可能已经有所发展或是发生改变。

    大概是一个写出来交给后端维护的页面,只有一个表单的内容,里面会有一些单选多选,还会有几个请求,好久没用原生 html 写了 突然上手有点犯傻 无从下手的感觉(另外使用环境是没有外网的 所以不能远程引入包)希望提供点思路 感谢

    17 条回复    2021-03-16 16:10:21 +08:00
    jszyhq
        1
    jszyhq  
       2021-03-16 14:02:20 +08:00
    美观和简单都是相对 ui 的吧? 要我就会求助 UI:)
    wednesdayco
        2
    wednesdayco  
       2021-03-16 14:06:34 +08:00
    ctrl+c ctrl+v
    AX5N
        3
    AX5N  
       2021-03-16 14:09:13 +08:00
    bootstrap
    muunala10221
        4
    muunala10221  
    OP
       2021-03-16 14:12:18 +08:00
    @jszyhq 哈哈 我们公司没有 UI 产品都没
    muunala10221
        5
    muunala10221  
    OP
       2021-03-16 14:12:46 +08:00
    @AX5N 但是也要引入包呀 我想只提供一个 html 页面
    Shook
        6
    Shook  
       2021-03-16 14:13:57 +08:00
    你的意思是开发环境没有外网,还是部署环境没有外网?
    如果是后者,用任意一个现代框架,搭配 UI 库,都可以很快地写出好看的页面啊。
    element-ui 、ant-design 之类的。
    cmdOptionKana
        7
    cmdOptionKana  
       2021-03-16 14:16:04 +08:00
    @muunala10221 没必要强行手写,有“相对美观”这个要求,就算有能力手写,也需要写一大堆 css 。

    bootstrap 可以先下载到本地的,完全不需要外网。
    muunala10221
        8
    muunala10221  
    OP
       2021-03-16 14:17:12 +08:00
    @Shook 第二者,UI 组件库我知道 ,但只有一个表单呀 太小了 没必要用那么大的 我就想知道有没有什么手写的 HTML 开源的可以让我抄下哈哈
    bi531334444
        9
    bi531334444  
       2021-03-16 14:21:50 +08:00
    codepen 找一个就完了
    SuperMild
        10
    SuperMild  
       2021-03-16 14:25:05 +08:00
    @muunala10221 何必省这点资源,等你找到一个合适的参考源码,用 UI 库早就写完了。
    hbolive
        11
    hbolive  
       2021-03-16 14:36:24 +08:00
    lokya
        12
    lokya  
       2021-03-16 15:05:08 +08:00
    找点美观的 css 然后 c+v 搞定
    Shook
        13
    Shook  
       2021-03-16 15:08:13 +08:00
    @muunala10221 按需引入,没用到的不打包。
    Reapper
        14
    Reapper  
       2021-03-16 15:10:46 +08:00
    手写 html 和 css,需要兼容吗?不需要那就 document.querySelector 等原始走起,请求用 fetch,需要那就 jq,我就知道 jq,hhh
    zywz999
        15
    zywz999  
       2021-03-16 15:31:14 +08:00
    只用 bootstrap 的 css 文件即可
    littleshy
        16
    littleshy  
       2021-03-16 15:33:42 +08:00
    用 water.css 这种没有 class 的 CSS 试试?
    yzhen123
        17
    yzhen123  
       2021-03-16 16:10:21 +08:00
    用 css 类库 https://bulma.io/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2689 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:48 · PVG 18:48 · LAX 02:48 · JFK 05:48
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.