<template>
    <h-goods-action class="demo">
        <h-goods-action-button @click="aa" icon="shouyexuanzhong-baise" size="26" info="4">加入购物车</h-goods-action-button>
        <h-goods-action-button type="danger" icon="gouwuchexuanzhong-baise" size="26" info="4" @click="aa" text="立即购买"></h-goods-action-button>
    </h-goods-action>
</template>

<script>
import { hGoodsAction, hGoodsActionButton, hGoodsActionIcon } from './index.js';
export default {
    name: "goods-action-demo",
    data() {
        return {
            type: 'primary',
            value: 2,
            current: 0
        }
    },
    components: {
        hGoodsAction,
        hGoodsActionButton,
        hGoodsActionIcon
    },
    methods: {
        aa(v) {
            console.log( 'v', v );
        }
    }
}
</script>
<style>
.demo {
    position: relative !important;
}
</style>