前端怎么实现一个相对美观又比较简单的一个页面呢 - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
muunala10221

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

  •  
  •   muunala10221 Mar 16, 2021 3266 views
    This topic created in 1889 days ago, the information mentioned may be changed or developed.

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

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

    bootstrap 可以先下载到本地的,完全不需要外网。
    muunala10221
        8
    muunala10221  
    OP
       Mar 16, 2021
    @Shook 第二者,UI 组件库我知道 ,但只有一个表单呀 太小了 没必要用那么大的 我就想知道有没有什么手写的 HTML 开源的可以让我抄下哈哈
    bi531334444
        9
    bi531334444  
       Mar 16, 2021
    codepen 找一个就完了
    SuperMild
        10
    SuperMild  
       Mar 16, 2021
    @muunala10221 何必省这点资源,等你找到一个合适的参考源码,用 UI 库早就写完了。
    hbolive
        11
    hbolive  
       Mar 16, 2021
    lokya
        12
    lokya  
       Mar 16, 2021
    找点美观的 css 然后 c+v 搞定
    Shook
        13
    Shook  
       Mar 16, 2021
    @muunala10221 按需引入,没用到的不打包。
    Reapper
        14
    Reapper  
       Mar 16, 2021
    手写 html 和 css,需要兼容吗?不需要那就 document.querySelector 等原始走起,请求用 fetch,需要那就 jq,我就知道 jq,hhh
    zywz999
        15
    zywz999  
       Mar 16, 2021
    只用 bootstrap 的 css 文件即可
    littleshy
        16
    littleshy  
       Mar 16, 2021
    用 water.css 这种没有 class 的 CSS 试试?
    yzhen123
        17
    yzhen123  
       Mar 16, 2021
    用 css 类库 https://bulma.io/
    About     Help     Advertise     Blog     API     FAQ     Solana     2921 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 53ms UTC 13:55 PVG 21:55 LAX 06:55 JFK 09:55
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86