Skip to content

catbei2020/china-lantern

Repository files navigation

china-lantern

新年新气象,网站中国新年灯笼挂件

version: 1.1

效果

效果示例

使用

<body>

  <!-- 在页面最后引入 -->
  <script src="https://cdn.jsdelivr.net/gh/fz6m/china-lantern@1.1/dist/china-lantern.min.js"></script>

</body>

开发

  1. 安装依赖

      yarn
  2. ./src/styles 自定义样式,在 ./build/minifier.js 自定义灯笼文字

  3. 构建

      yarn build

    之后就可以在 ./dist/china-lantern.min.js 得到你的自定义脚本

其他

当你发现灯笼大小不合适或者被其他层级高的元素遮挡时,可以考虑自行修改灯笼位置的样式重新构建脚本,或者调整相关内容的 z-index

挂钩类:.j-china-lantern

  /* 灯笼默认的 z-index: 999; */

  /* 提高灯笼的层级 */
  .j-china-lantern .lantern__warpper {
    z-index:9999;
  }

  /* 提高单个灯笼的层级:左灯笼 */
  .j-china-lantern .lantern__warpper:not(.lantern__secondary) {
    z-index:9999;
  }

  /* 提高单个灯笼的层级:右灯笼 */
  .j-china-lantern .lantern__secondary {
    z-index:9999;
  }

About

新年新气象,网站中国新年灯笼挂件

Resources

License

Stars

Watchers

Forks

Packages

No packages published