herobuy-ui

hero buy ui库

Usage no npm install needed!

<script type="module">
  import herobuyUi from 'https://cdn.skypack.dev/herobuy-ui';
</script>

README

简介

  • herobuy UI组件库

使用

  • yarn add herobuy-ui
  • 在入口文件引入基础设置函数，包括自适应基础设置，去除ios 300毫秒延迟等
import { initEvent } from "herobuy-ui"
initEvent();
  • 引入组件
import { TestBtn } from "herobuy-ui"

自定义主题

  • yarn add sass-resources-loader --dev
  • 在loader设置全局变量文件
{
    test: /\.(sa|sc|c)ss$/,
    use: [
        {
            loader: MiniCssExtractPlugin.loader,
            options: {
                publicPath: "./css/"
            }
        },
        "css-loader",
        "postcss-loader",
        "sass-loader",
        {
            loader: 'sass-resources-loader',
            options: {
                resources: [
                    path.resolve(__dirname, '../src/assets/style/herobuy-ui.scss')
                ]
            }
        }
    ]
}
  • 配制全局变量文件
// 可配制变量可在项目src/assets/style/base.scss查看
$main-color: #145343;