安装

npm install dacong-content@latest

使用

<script setup>
import { Content } from 'dacong-content'
let beginYear = 2018 // 网站开始于多少年 🌰2018
let icp = '苏ICP备2021045936号-2' // 网站备案号 🌰苏ICP备2021045936号-2
let FooterColor = '#9400d3' // 底部字体颜色 🌰#9400d3
let showFooter = true // 是否展示底部 🌰true
</script>

<!-- 
<template>
  <Content :beginYear="beginYear" :icp="icp" :FooterColor="primaryColor">
      <router-view></router-view>
  </Content>
</template>
-->

<template>
  <router-view v-slot="{ Component, route }">
    <keep-alive exclude="EditorView">
      <Content
        icp="苏ICP备20041812号"
        :showFooter="true"
      >
        <component :is="Component" />
      </Content>
    </keep-alive>
  </router-view>
</template>

Props

{
    beginYear:'', //Number 网站开始于多少年 default:null
    icp:'', //String 网站备案号 default:null
    FooterColor:'', //String 底部字体颜色 default:'#9400d3'
    showFooter:true //Boolean 是否展示底部 default:true
}

注意事项

1. 这是 Vue3 的组件
2. 为了兼容 IOS 系统底部样式，请主动修改 html 的 meta 标签

<!-- 
添加viewport-fit:cover 请注意，这不是一个标准的属性
-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit:cover" />

3. 请主动删除，body 和 html 的默认 margin
4. 相比于1.0.2版本，props 有所改变