@bubugao/bl-ui

index.js

Usage no npm install needed!

<script type="module">
  import bubugaoBlUi from 'https://cdn.skypack.dev/@bubugao/bl-ui';
</script>

README

说明

bl-ui，是uni-app生态的UI框架

安装

# npm方式安装 
npm i @bubugao/bl-ui --save

样式引入

App.vue引入基础样式

/* App.vue */
<style>
@import "@bubugao/bl-ui/index.css";
</style>

组件引入方法1

配置easycom规则(按需引入，无需在页面引入、注册)

// pages.json
{
    "easycom": {
        "^bl-(.*)": "/@bubugao/bl-ui/components/bl-$1.vue"
    }
}

组件引入方法2

1.在页面vue文件中引入

<script>
    import blModal from "@bubugao/bl-ui/components/bl-modal" 
    export default {
        components: {
            blModal
        }
    }
</script>

使用

<bl-modal v-model="modelShow" :title="'提示'" :content="'欢迎大家使用'">
</bl-modal>

已有组件

bl-icon iconfont图标

bl-popup popup 弹出层

bl-image-dialog 图片弹出框

bl-modal 模态提示框

bl-subsection 分段器

bl-progress 进度条

bl-tabs 标签