feat: 首次提交

components/firstui/fui-label/fui-label.vue

@@ -0,0 +1,72 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1861  4 072   54   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-label__box" :class="{'fui-label__full':full,'fui-label__inline':inline}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,marginTop:margin[0] || 0,marginRight:margin[1] || 0,marginBottom:margin[2] || margin[0] || 0,marginLeft:margin[3] || margin[1] || 0}"
+		@tap.stop="onClick">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	//该组件主要用于fui-radio，fui-checkbox，fui-switch组件外层，类似label功能
+	export default {
+		name: "fui-label",
+		props: {
+			//padding值：['20rpx','32rpx']->[上，右，下，左]
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//margin值：[上，右，下，左]
+			margin: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			full: {
+				type: Boolean,
+				default: false
+			},
+			inline: {
+				type: Boolean,
+				default: false
+			}
+		},
+		created() {
+			this.childrens = [];
+		},
+		methods: {
+			onClick() {
+				if (this.childrens && this.childrens.length > 0) {
+					for (let child of this.childrens) {
+						child.labelClick()
+					}
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-label__box {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-label__full {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-label__inline {
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+	}
+</style>