herobuy-ui

简介

• 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;