@aaronlutze/nine-immersive-header 中文文档教程

发布于 4年前 浏览 26 项目主页 更新于 3年前

nine-immersive-header

动态九沉浸式标头的 npm 包

instructions

  1. add <header> and <footer> tags to html
  2. If using more then one <header> or <footer>, add class masthead
  3. add canonical url
  4. import nine-immersive-header and add config
  5. config accepts object with properties : headerConfig and footerConfig
  6. 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

  1. add <header> and <footer> tags to html
  2. If using more then one <header> or <footer>, add class masthead
  3. add canonical url
  4. import nine-immersive-header and add config
  5. config accepts object with properties : headerConfig and footerConfig
  6. 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"
  }
});
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文