CSS
39篇文章 · 0订阅
  • vue：实现点击空白区域关闭弹窗
    1、首先给外层容器设置一个ref属性:mian,当visibe为true时，弹框出现。 全局定义一个点击事件，当弹窗出现时，点击空白区域将弹窗关闭。别忘了在页面注销前，将点击事件移除。 在该容器外点击
    JavaScript
  • vue 点击弹窗以外的其他区域可以关闭弹窗
    htmljs上面的还是不行的没关系，第二种方法===>HTML部分js部分以上测试还不行的话在另寻方法吧~
    HTML
  • vue中实现点击弹窗、气泡框以外区域关闭弹窗气泡框
    在 Vue 开发中，使用自定义组件或者第三方ui组件遇到需要实现点击弹窗以外区域关闭弹窗的需求时 例如：当用户打开一个弹窗或气泡框时，希望点击弹窗以外的区域能够关闭弹窗。这个需求在很多场景下
    前端 Vue.js JavaScript
  • 【重学CSS】图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~
    `CSS` 网格布局是一种基于二维网格的布局系统，与过去的任何网页布局系统相比，它完全改变了我们设计用户界面的方式。图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~
    CSS 掘金·金石计划
  • 探究 width:100%与width:auto区别
    width:100%与width:auto区别 一、 width属性介绍 二、 话不多说，直接上代码看效果 三、 分析比较 我们给parent设置了padding:20px 内边距，给两个child都
    前端 面试
  • Flex布局下文本溢出省略号竟然失效了！只需添加一个属性，Flex自适应宽度显示省略号
    Flex布局下文本溢出省略号竟然失效了！只需添加一个属性，Flex自适应宽度显示省略号min-width: 0
    前端
  • 纯CSS实现电梯导航！
    我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对
    前端 CSS
    纯CSS实现电梯导航！
  • 建议收藏！用了这3个CSS3可视化网站，摸鱼时间直接翻倍！
    前言 日常开发过程中，前端程序员经常需要开发一些酷炫的特效，而这些特效大都需要编写CSS3实现。 但我发现一个问题，就是很大一部分前端程序员并不擅长CSS3这门技术，所以一旦遇到复杂一点的特效，就歇菜
    前端 CSS
    建议收藏！用了这3个CSS3可视化网站，摸鱼时间直接翻倍！
  • 数据大屏最简单适配方案
    大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简单方便的方案
    前端 React.js Vue.js
    数据大屏最简单适配方案
  • 页面缩放之zoom和transform:scale的比较
    之前在做一个活动的管理后台，有一个功能需要在修改活动编辑时，左侧有一个缩小的预览图进行相对应的同步，右侧的面板是可以自由拉升的，也就是长度不固定。 如图所示。 第一个想到的方案，就是用css3的transform:scale来进行实现。比如左右两侧都渲染相同页面，将左侧预览图的…
    掘金社区