@aaronlutze/nine-immersive-header 中文文档教程
nine-immersive-header
动态九沉浸式标头的 npm 包
instructions
- add
<header>
and<footer>
tags to html - If using more then one
<header>
or<footer>
, add classmasthead
- add canonical url
- import nine-immersive-header and add config
- config accepts object with properties : headerConfig and footerConfig
- both configs accept
- logoColor, bgColor, textColor, css
- css is object with name = css property and value = css value
example
import nineHeader from "nine-immersive-header";
nineHeader({
headerConfig: {
logoColor: "white",
bgColor: "transparent",
css: {
position: "absolute",
borderBottom: "solid 1px black"
}
},
footerConfig: {
bgColor: "#fff"
}
});
nine-immersive-header
npm package for dynamic nine immersive header
instructions
- add
<header>
and<footer>
tags to html - If using more then one
<header>
or<footer>
, add classmasthead
- add canonical url
- import nine-immersive-header and add config
- config accepts object with properties : headerConfig and footerConfig
- both configs accept
- logoColor, bgColor, textColor, css
- css is object with name = css property and value = css value
example
import nineHeader from "nine-immersive-header";
nineHeader({
headerConfig: {
logoColor: "white",
bgColor: "transparent",
css: {
position: "absolute",
borderBottom: "solid 1px black"
}
},
footerConfig: {
bgColor: "#fff"
}
});