银商小程序

组件说明

银商小程序组件分为容器内置组件（基础组件）和Vue封装组件。

内置组件

内置组件指无需 import 组件库，即可直接调用的标签组件。比如<image>、<input>等。

银商小程序不仅包括了Weex框架提供的标签组件，还额外封装了cavas、svg、map等组件。

Weex框架标签组件可参考Weex内置组件，本文件主要说明银商内置组件的使用。

银商封装Vue组件库 ums-comp

指基于H5的智能 POS UI 组件库Metis 封装出的一套小程序上运行的UI组件库ums-comp

npm安装ums-comp组件

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm i ums-comp -S

简单示例

<template>
    <div class="wrapper">
       <div class="btn-box">
            <ums-button class="btn" type="default" value="default" size="small"></ums-button>
       </div>
    </div>
</template>

<script>
    import {UmsButton} from 'ums-comp'
    export default{
        components: {
            UmsButton
        }
    }
</script>

<style>
    .wrapper{
        align-items: center;
        margin-top: 10px;
    }
    .btn-group-color{
        flex-direction: row;
    }
    .btn-box{
        margin-right: 20px
    }
    .btn{
        margin-bottom: 20px
    }
</style>

SVG元素 →