feat: 首次提交

components/firstui/fui-timeaxis/fui-timeaxis.vue

@@ -0,0 +1,80 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  86 1 4 0  7 2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-timeaxis__wrap"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0]||0,paddingLeft:padding[3] || padding[1]||0,background:background}">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-timeaxis",
+		props: {
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			leftWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			width: {
+				type: [Number, String],
+				default: 48
+			},
+			// #ifdef APP-NVUE
+			lineWidth: {
+				type: [Number, String],
+				default: 0.5
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			lineWidth: {
+				type: [Number, String],
+				default: 1
+			}
+			// #endif
+
+		},
+		provide() {
+			return {
+				timeaxis: this
+			}
+		},
+		created() {
+			this.children = []
+		},
+		watch: {
+			width(val) {
+				this.children.forEach(item => {
+					item.width = val
+				})
+			},
+			lineWidth(val) {
+				this.children.forEach(item => {
+					item.lineWidth = val
+				})
+			},
+			leftWidth(val) {
+				this.children.forEach(item => {
+					item.leftWidth = val
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-timeaxis__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+</style>