初次提交

components/section/index.vue

@@ -0,0 +1,52 @@
+<template>
+	<view class="warp">
+		<image src="/static/aidex/images/item.png"></image>
+		<view class="title">
+			{{ title }}
+		</view>
+		<slot name="right" class="slot-right"></slot>
+
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+
+		}
+	},
+	props: {
+		title: {
+			type: String,
+			default: null
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+.warp {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	.title{
+		// width: 40%;
+		// white-space: nowrap;
+		// overflow: hidden;
+		// text-overflow: ellipsis;
+	}
+
+	image {
+		width: 30rpx;
+		height: 30rpx;
+		margin-right: 15rpx
+	}
+
+	.slot-right {
+		flex: 1;
+		display: flex;
+		justify-content: flex-end;
+	}
+}
+</style>