project init

components/jl-form/item.vue

@@ -0,0 +1,39 @@
+<template>
+	<view class="jl-form-item">
+		<view class="jl-form-item__label">{{prop}}</view>
+		<view class="jl-form-item__content">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			prop: String,
+		},
+	};
+</script>
+
+<style>
+	.jl-form-item {
+		margin-bottom: 30rpx;
+	}
+
+	.jl-form-item__label {
+		float: left;
+		font-family: PingFangSC-Regular;
+		font-size: 32rpx;
+		color: #333333;
+		letter-spacing: 0;
+		line-height: 88rpx;
+	}
+
+	.jl-form-item__content {
+		position: relative;
+	}
+
+	.jl-form-item__content .jl-input-intext {
+		padding: 0;
+	}
+</style>

components/jl-form/main.vue

@@ -0,0 +1,15 @@
+<template>
+  <view class="jl-form">
+    <slot></slot>
+  </view>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+.jl-form {
+  display: block;
+}
+</style>