@yetan/vue-expand-padding-box v0.1.4

内边距盒子

<ExpandPaddingBox />，由内而外撑开的内边距盒子。

子元素绝对定位，包含块得是内边距盒子内除去边距的部分，这种情况下应该使用 <SizeSelfManagementPaddingBox />，尺寸自管理（如：明确设置了高）的内边距盒子，由 <ExpandPaddingBox /> 及内嵌一个 <div /> 实现。

安装

# 使用 NPM
$ npm i @yetan/vue-expand-padding-box

# 使用 Yarn
$ yarn add @yetan/vue-expand-padding-box

使用

<template>
  <ExpandPaddingBox class="page-about">
    <p class="main">
      <!-- ... -->
    </p>
  </ExpandPaddingBox>
</template>

<script>
import ExpandPaddingBox from '@yetan/vue-expand-padding-box';

export default {
  name: 'PageAbout',
  components: {
    ExpandPaddingBox,
  },
};
</script>

<style lang="scss" scoped>
.main {
  font-size: 16px;
}
</style>