element ui 断点类

@media only screen and (max-width:767px) {
  .hidden-xs-only {
    display: none!important
  }
}

@media only screen and (min-width:768px) {
  .hidden-sm-and-up {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .hidden-sm-only {
    display: none!important
  }
}

@media only screen and (max-width:991px) {
  .hidden-sm-and-down {
    display: none!important
  }
}

@media only screen and (min-width:992px) {
  .hidden-md-and-up {
    display: none!important
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .hidden-md-only {
    display: none!important
  }
}

@media only screen and (max-width:1199px) {
  .hidden-md-and-down {
    display: none!important
  }
}

@media only screen and (min-width:1200px) {
  .hidden-lg-and-up {
    display: none!important
  }
}

@media only screen and (min-width:1200px) and (max-width:1919px) {
  .hidden-lg-only {
    display: none!important
  }
}

@media only screen and (max-width:1919px) {
  .hidden-lg-and-down {
    display: none!important
  }
}

@media only screen and (min-width:1920px) {
  .hidden-xl-only {
    display: none!important
  }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element UI 是一个基于 Vue.js 的开源组件库,是一种快速开发网页界面的解决方案之一。仿官网指的是使用 Element UI 的组件和样式来搭建一个和 Element UI 官网似的网站。 首先,要实现 Element UI 仿官网,我们需要下载 Element UI 的源代码并引入到项目中。可以通过 npm 或者 CDN 的方式来引入 Element UI 的组件和样式。 接下来,我们需要搭建网站的整体结构。可以参考 Element UI 官网,在导航栏、侧边栏和页面内容等方面进行布局。使用 Element UI 提供的布局组件来实现这些功能。 然后,我们需要根据 Element UI 的官网实现相应的页面。通过使用 Element UI 提供的组件来实现各种功能,比如按钮、表单、表格、弹窗等。同时,可以根据项目的需求进行定制,添加自己独特的样式和内容。 在实现过程中,可以利用 Element UI 提供的文档和示例来学习和参考。可以阅读文档了解各个组件的使用方法和参数,同时可以查看示例代码来理解组件的实际应用场景。 最后,我们需要注意网站的响应式设计。Element UI 已经考虑到了不同屏幕尺寸的适配问题,我们可以利用其提供的响应式布局和断点样式来实现网站在不同设备上的良好显示效果。 总结一下,要实现 Element UI 仿官网,首先需要引入 Element UI 的源代码,然后根据 Element UI 官网的布局和样式来搭建网站的整体结构,并使用 Element UI 提供的组件和样式来实现各个页面的功能。通过阅读文档和示例来学习和参考,同时注意网站的响应式设计。这样就可以完成 Element UI 仿官网的搭建。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值