UI组件库--布局组件

1.注册配置

参考UI组件库的注册配置

2.页面调用

1. 页面js中添加引用

import { BdBar } from '@bdsoft/element'

2. template 中直接写html标签即可,下面内容具体参考3.布局示例 相关代码

// 注意这里的paddingTop 和style的用法 根据实际情况调整
<BdBar paddingTop="10px" style="margin-bottom:10px;"> 
    // 里面编写容器内容
</BdBar>

3.布局示例

 <BdBar paddingTop="2px" style="margin-bottom: 20px;">
    <img src="~@/assets/images/shop/module.png" style="margin-top: 8px;width: 20px; height: 20px" />
    <span style="margin-left: 10px;font-size: 18px;">资源信息：</span>
</BdBar>