v3-fx-layout v1.0.1

css3基础布局layout

基于 Vue 3 + TypeScript + Vite

安装使用

npm install v3-fx-layout -S

使用示例

<template>
  <v3-fx-layout>
    <template v-slot:main-header>
      <div>主要头部区域……</div> 
    </template>
    <template v-slot:sub-header>
      <div>副标题区域……</div> 
    </template>
    <template v-slot:main-content>
      <div v-for="(item,index) in 100" :key="index">{{index+1}}中间内容滚动区域……</div>
    </template>
    <template v-slot:main-footer>
      <div>底部内容……</div>
    </template>
  </v3-fx-layout>
</template>

<script setup lang="ts">
import v3FxLayout from 'v3-fx-layout'
</script>

参数示例