# dacong-content

> 一个vueContent组件，带有footer

Latest version **1.0.4** (published 2023-09-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install dacong-content
pnpm add dacong-content
yarn add dacong-content
bun add dacong-content
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2023-09-13 |
| First published | 2023-09-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 14.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dacong.wu |
| Keywords | footer, vue-footer |

## Links

- npm: https://www.npmjs.com/package/dacong-content
- npm.io page: https://npm.io/package/dacong-content

## Recent versions

- 1.0.4 (latest) — 2023-09-13
- 1.0.3 — 2023-09-07
- 1.0.2 — 2023-09-07
- 1.0.1 — 2023-09-07
- 1.0.0 — 2023-09-07

## README

### 安装

```shell
npm install dacong-content@latest
```

### 使用

```vue
<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

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

### 注意事项

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

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

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

---
_Source: https://npm.io/package/dacong-content · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._