You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.1 KiB
Vue
78 lines
2.1 KiB
Vue
<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>
|