zoukankan      html  css  js  c++  java
  • iview响应式布局

    我想说,我要被逼成前端了。

    之前没接触过响应式,这两天和另一位前端程序媛小小的研究了下。做了一个小例子,记录一下,方便以后使用。

    <template>
      <div>
        <Row>
            <Col :xs="{ span: 24}" :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
            <Col :xs="{ span: 24}"  :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
            <Col :xs="{ span: 24}"  :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
            <Col :xs="{ span: 24}"  :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
        </Row>
       <Row>
            <Col :xs="{ span: 24}" :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
            <Col :xs="{ span: 24}"  :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
            <Col :xs="{ span: 24}"  :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
            <Col :xs="{ span: 24}"  :md="{ span:11, offset: 1 }" :lg="{ span: 5, offset: 1 }">Col</Col>
        </Row>
      </div>
    </template>
    <script>
        export default {
            
        }
    </script>
    <style>
      .ivu-col{
        border:1px solid red
      }
    </style>
  • 相关阅读:
    Array
    ie兼容
    webpack----entry
    webpack——html-webpack-plugin
    webpack 报错 path is not defind
    PHPStorm自动压缩YUI Compressor配置
    fly
    Math.max得到数组中最大值
    简单html弹窗
    js中页面跳转(href)中文参数传输方式
  • 原文地址:https://www.cnblogs.com/tuituji27/p/11582816.html
Copyright © 2011-2022 走看看