初始提交

components/Jnpf/Button/index.vue

@@ -0,0 +1,60 @@
+<template>
+	<view :class="'jnpf-button jnpf-button-'+align">
+		<u-button :custom-style="customStyle" :type="realType" :disabled="disabled"
+			@click="onClick">{{buttonText}}</u-button>
+	</view>
+</template>
+<script>
+	export default {
+		name: 'jnpf-button',
+		props: {
+			align: {
+				default: 'left'
+			},
+			buttonText: {
+				default: ''
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			type: {
+				default: ''
+			}
+		},
+		computed: {
+			realType() {
+				return !this.type ? 'default' : this.type === 'danger' ? 'error' : this.type
+			}
+		},
+		data() {
+			return {
+				customStyle: {
+					display: 'inline-block'
+				}
+			}
+		},
+		methods: {
+			onClick(event) {
+				this.$emit('click', event)
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.jnpf-button {
+		width: 100%;
+
+		&.jnpf-button-left {
+			text-align: left;
+		}
+
+		&.jnpf-button-center {
+			text-align: center;
+		}
+
+		&.jnpf-button-right {
+			text-align: right;
+		}
+	}
+</style>