<template>
	<div class="g_bg_page">
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式1</div>
			<div class="g_flex_1">
				<g-button btnText="按钮(大)" size="medium" type="primary"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式2</div>
			<div class="g_flex_1">
				<g-button btnText="按钮(默认)" size="default" type="primary"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式3</div>
			<div class="g_flex_1">
				<g-button btnText="按钮(小)" size="small" type="primary"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式4</div>
			<div class="g_flex_1">
				<g-button btnText="消息" size="default" type="infro"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式5</div>
			<div class="g_flex_1">
				<g-button btnText="默认" size="default" type="default"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式6</div>
			<div class="g_flex_1">
				<g-button btnText="删除" size="default" type="delete"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式7</div>
			<div class="g_flex_1">
				<g-button btnText="无样式" size="default" type="none"></g-button>
			</div>
		</div>
		<div class="g_mb_12 g_p_12 g_flex_row_between flex_center">
			<div class="g_mr_12">样式8</div>
			<div class="g_flex_1">
				<g-button btnText="禁用" size="default" type="disabled"></g-button>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	// 组件名称
	name: "",
	// 局部注册的组件
	components: {},
	// 组件参数 接收来自父组件的数据
	props: {},
	// 组件状态值
	data() {
		return {};
	},
	// 计算属性
	computed: {},
	// 侦听器
	watch: {},
	created() {},
	mounted() {},
	// 组件方法
	methods: {},
};
</script>

<style scoped lang="less"></style>
