工作台

components/oct-checkbox.vue

@@ -0,0 +1,20 @@
+<template>
+	<view>
+		选择组件
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"octcheckbox",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

components/oct-input.vue

@@ -0,0 +1,32 @@
+<template>
+	<view>
+		<input type="text" placeholder="输入框" @blur="blurInput">
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"octinput",
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			InputKey: {
+				type: String,
+				default: ''
+			}
+		},
+		methods: {
+			// 触发信息给父组件
+			blurInput(e){
+				this.$emit('onValue', e.detail.value)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

components/oct-picker.vue

@@ -0,0 +1,38 @@
+<template>
+	<view>
+		<picker mode="selector" :range="range" range-key="title">
+			<view class=""></view>
+		</picker>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			range: {
+				type	: Array,
+				default	: () => {
+					return []
+				}
+			},
+			id: {
+				type	: Number,
+				default	: ''
+			}
+		},
+		watch(){
+			id: (val, old) => {
+				console.log(val, old)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

components/oct-radio.vue

@@ -0,0 +1,20 @@
+<template>
+	<view>
+		单选组件
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"octradio",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

components/oct-textarea.vue

@@ -0,0 +1,20 @@
+<template>
+	<view>
+		文本域组件
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"octtextarea",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>