首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏程序员老鱼呀

    一个类似于Gridster的栅格布局系统Vue组件

    ({ el: '#app', data: { layout: testLayout, }, }); html <grid-layout :i="item.i" :key="item.i"> {{item.i}} </grid-item> </grid-layout

    75440编辑于 2023-09-09
  • 来自专栏低代码探索

    可视化碎片生成页面低代码平台

    八、用户配置界面用户配置界面是通过用户拖拽生成的,大小等是通过grid网格布局的形式,让用户随意拖动摆放 <grid-layout :layout.sync="layout layoutItem" @click.native="handleClick(item, index)" > </grid-layout

    67081编辑于 2023-02-27
  • 来自专栏learn

    【Web前端】理解调试和组织 CSS

    /* 公共网格布局样式 */ .grid-layout { display: grid; grid-template-columns: 1fr 3fr; } /* 公共内容样式 */ .grid-content { font-size: 0.8rem; } /* .comment 样式 */ .comment { @extend .grid-layout; } .comment img { border grey; } .comment .content { @extend .grid-content; } /* .list-item 样式 */ .list-item { @extend .grid-layout

    40000编辑于 2024-11-19
  • 如何完成WEB标准的网站重构?

    浏览器兼容性测试使用 BrowserStack 多平台测试.grid-layout { display: grid; /* Fallback for IE */ display: -ms-grid

    57500编辑于 2025-02-17
  • 来自专栏趣谈前端

    推荐!ant-simple-pro2.0正式发布,助力vue3社区

    // 如下代码来自ant-simple-pro import { GridLayout, GridItem } from '@/components/grid-layout' <GridLayout

    1.3K10发布于 2021-07-12
  • 来自专栏前端开发

    Vue3 大屏自适应组件使用指南与封装方法

    -- components/GridLayout.vue --><template>

    <slot /

    96810编辑于 2025-05-25
  • 来自专栏前端桃园

    Grid布局简介

    Grid是一个趋势,grid-layout不是为了取代flex-layout,它是flex的补充。grid擅长二维布局,flex擅长一维布局。他们需要各司其职。 flex grid-layout ?

    8K80发布于 2018-08-16
  • 来自专栏前端达人

    年薪40万的React大佬,竟然被一个Safari兼容性问题卡了三天

    .grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:

    16610编辑于 2025-11-20
领券