lemon-ui-vue2

# Frame 边框

# 边框： LEBorderBox1

引用下方代码

<template>
  <div class="frame-box">
    <LEBorderBox1></LEBorderBox1>
  </div>
</template>

<script>
  export default {};
</script>
<style scoped>
  .demo-content {
    background: #1c2d3b;
  }
  .frame-box {
        height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
Expand Copy

# 边框： LEBorderBox2

引用下方代码

<template>
  <div class="frame-box">
    <LEBorderBox2></LEBorderBox2>
  </div>
</template>

<script>
  export default {};
</script>
<style scoped>
  .demo-content {
    background: #1c2d3b;
  }
  .frame-box {
        height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
Expand Copy

# 边框： LEBorderBox3

引用下方代码

<template>
  <div class="frame-box">
    <LEBorderBox3></LEBorderBox3>
  </div>
</template>

<script>
  export default {};
</script>
<style scoped>
  .demo-content {
    background: #1c2d3b;
  }
  .frame-box {
        height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
Expand Copy

# 边框： LEBorderBox4

引用下方代码

<template scoped>
  <div class="frame-box">
    <LEBorderBox4></LEBorderBox4>
  </div>
</template>

<script>
  export default {};
</script>
<style>
 .demo-content {
    background: #1c2d3b;
  }
  .frame-box {
        height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
Expand Copy

# 边框： LEBorderBox5

引用下方代码

<template>
  <div class="frame-box">
    <LEBorderBox5></LEBorderBox5>
  </div>
</template>

<script>
  export default {};
</script>
<style scoped>
  .demo-content {
    background: #1c2d3b;
  }
  .frame-box {
        height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
Expand Copy

# Options

参数 说明 类型 默认值 可选值 可使用组件
borderColor 边框颜色 Array / / 全部
width 宽度 String 100px px/em/rem/% 全部
height 高度 String 40px px/em/rem/% 全部
cornerColor 边角颜色 Array / / LEBorderBox1
backgroundColor 盒子背景颜色 String / / 全部
dur 动画间隔 Number / / LEBorderBox2

← 按钮 →