添加创建

common/css/iconfont.css

@@ -11,6 +11,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-icon_cz:before {
+  content: "\e602";
+}
+
+.icon-caogao04:before {
+  content: "\eb31";
+}
+
 .icon-31dianhua:before {
   content: "\e600";
 }

pages/home/components/team.vue

@@ -76,7 +76,8 @@
 		const info = {
 			pageNum: pageNum.value,
 			pageSize: pageSize.value,
-			userId: user.value.id
+			userId: user.value.id,
+			isUse: 'Y'
 		}
 		const res = await $api('team/list', 'GET', {
 			...info,

pagesHome/create/components/activity.vue

@@ -0,0 +1,161 @@
+<template>
+	<view class="form">
+		<form @submit="formSubmit">
+			<view class="value other">
+				<view class="title">名称</view>
+				<view class="label">
+					<input name="name" class="input" :value="form.name" placeholder="请输入名称" />
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">类型</view>
+				<view class="label">
+					<picker name="type" @change="typeChange" :value="index" :range="typeList" range-key="dictLabel">
+						<view class="picker">{{form.type||'请选择类型'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">队服颜色</view>
+				<view class="label">
+					<input name="color" class="input" :value="form.color" placeholder="请输入队服颜色" />
+				</view>
+			</view>
+			<view class="remark">
+				<view class="title">简介</view>
+				<view class="label">
+					<textarea name="brief" :value="form.brief" placeholder="请简单描述球队" />
+				</view>
+			</view>
+		</form>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { getCurrentInstance, computed, ref } from 'vue';
+	//该依赖已内置不需要单独安装
+	import { onShow } from "@dcloudio/uni-app";
+	// 请求接口
+	const $api = getCurrentInstance()?.appContext.config.globalProperties.$api;
+	const $config = getCurrentInstance()?.appContext.config.globalProperties.$config;
+	const $apifile = getCurrentInstance()?.appContext.config.globalProperties.$apifile;
+	// openid
+	const openid = computed(() => {
+		return uni.getStorageSync('openid');
+	})
+	// 信息
+	const form = ref({});
+	// 字典表
+	const typeList = ref([]);
+	onShow(async () => {
+		await searchOther();
+		await search();
+	})
+	// 查询其他信息
+	const searchOther = async () => {
+		let res;
+		// 类型
+		res = await $api(`dict/data/list`, 'GET', { dictType: 'sys_user_type' });
+		if (res.code === 200 && res.total > 0) typeList.value = res.rows
+	};
+	// 查询
+	const search = async () => { };
+	// 类型选择
+	const typeChange = (e) => {
+		const data = typeList.value[e.detail.value]
+		if (data) form.value.type = data.dictLabel
+	};
+	// 时间选择器
+	const dateChange = (e) => {
+		form.value.date = e.detail.value
+	};
+	// 上传图片
+	const Preview = () => {
+		uni.chooseImage({
+			count: 1,
+			sizeType: ['original', 'compressed'],
+			sourceType: ['album', 'camera'],
+			success: async function (res) {
+				let tempFile = JSON.parse(JSON.stringify(res.tempFilePaths));
+				const arr = await $apifile(`/common/upload`, 'file', tempFile[0],
+					'file');
+				if (arr.code == 200) {
+					form.value.logo = arr.url
+				} else {
+					uni.showToast({
+						title: arr.msg,
+						icon: 'none'
+					});
+				}
+			}
+		});
+	};
+	// 创建
+	const formSubmit = (e) => {
+		console.log(e.deatil.value);
+	};
+</script>
+<style lang="scss" scoped>
+	.form {
+		display: flex;
+		flex-direction: column;
+
+		.other {
+			padding: 3vw 2vw;
+			border-bottom: 1px solid var(--footColor);
+		}
+
+		.remark {
+			padding: 3vw 2vw 0 2vw;
+
+			.title {
+				padding: 0 0 3vw 0;
+			}
+		}
+
+		.value {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			background-color: var(--mainColor);
+
+			.label {
+				.input {
+					text-align: right;
+				}
+			}
+		}
+	}
+</style>

pagesHome/create/components/match.vue

@@ -0,0 +1,161 @@
+<template>
+	<view class="form">
+		<form @submit="formSubmit">
+			<view class="value other">
+				<view class="title">名称</view>
+				<view class="label">
+					<input name="name" class="input" :value="form.name" placeholder="请输入名称" />
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">类型</view>
+				<view class="label">
+					<picker name="type" @change="typeChange" :value="index" :range="typeList" range-key="dictLabel">
+						<view class="picker">{{form.type||'请选择类型'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">成立时间</view>
+				<view class="label">
+					<picker name="date" mode="date" @change="dateChange" :value="index" fields="month">
+						<view class="picker">{{form.date||'请选择成立时间'}}</view>
+					</picker>
+				</view>
+			</view>
+			<view class="value other">
+				<view class="title">队服颜色</view>
+				<view class="label">
+					<input name="color" class="input" :value="form.color" placeholder="请输入队服颜色" />
+				</view>
+			</view>
+			<view class="remark">
+				<view class="title">简介</view>
+				<view class="label">
+					<textarea name="brief" :value="form.brief" placeholder="请简单描述球队" />
+				</view>
+			</view>
+		</form>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { getCurrentInstance, computed, ref } from 'vue';
+	//该依赖已内置不需要单独安装
+	import { onShow } from "@dcloudio/uni-app";
+	// 请求接口
+	const $api = getCurrentInstance()?.appContext.config.globalProperties.$api;
+	const $config = getCurrentInstance()?.appContext.config.globalProperties.$config;
+	const $apifile = getCurrentInstance()?.appContext.config.globalProperties.$apifile;
+	// openid
+	const openid = computed(() => {
+		return uni.getStorageSync('openid');
+	})
+	// 信息
+	const form = ref({});
+	// 字典表
+	const typeList = ref([]);
+	onShow(async () => {
+		await searchOther();
+		await search();
+	})
+	// 查询其他信息
+	const searchOther = async () => {
+		let res;
+		// 类型
+		res = await $api(`dict/data/list`, 'GET', { dictType: 'sys_user_type' });
+		if (res.code === 200 && res.total > 0) typeList.value = res.rows
+	};
+	// 查询
+	const search = async () => { };
+	// 类型选择
+	const typeChange = (e) => {
+		const data = typeList.value[e.detail.value]
+		if (data) form.value.type = data.dictLabel
+	};
+	// 时间选择器
+	const dateChange = (e) => {
+		form.value.date = e.detail.value
+	};
+	// 上传图片
+	const Preview = () => {
+		uni.chooseImage({
+			count: 1,
+			sizeType: ['original', 'compressed'],
+			sourceType: ['album', 'camera'],
+			success: async function (res) {
+				let tempFile = JSON.parse(JSON.stringify(res.tempFilePaths));
+				const arr = await $apifile(`/common/upload`, 'file', tempFile[0],
+					'file');
+				if (arr.code == 200) {
+					form.value.logo = arr.url
+				} else {
+					uni.showToast({
+						title: arr.msg,
+						icon: 'none'
+					});
+				}
+			}
+		});
+	};
+	// 创建
+	const formSubmit = (e) => {
+		console.log(e.deatil.value);
+	};
+</script>
+<style lang="scss" scoped>
+	.form {
+		display: flex;
+		flex-direction: column;
+
+		.other {
+			padding: 3vw 2vw;
+			border-bottom: 1px solid var(--footColor);
+		}
+
+		.remark {
+			padding: 3vw 2vw 0 2vw;
+
+			.title {
+				padding: 0 0 3vw 0;
+			}
+		}
+
+		.value {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			background-color: var(--mainColor);
+
+			.label {
+				.input {
+					text-align: right;
+				}
+			}
+		}
+	}
+</style>

pagesHome/create/index.vue

@@ -1,7 +1,41 @@
 <template>
 	<view class="content">
 		<view class="one">
-			创建
+			<scroll-view scroll-y="true" class="scroll-view">
+				<view class="list-scroll-view">
+					<view class="one_1"></view>
+					<uni-segmented-control :current="current" :values="list" @clickItem="onClickItem" styleType="text"
+						activeColor="#dd524d"></uni-segmented-control>
+					<view class="one_2">
+						<view v-show="current === 0">
+							<match></match>
+						</view>
+						<view v-show="current === 1">
+							<activity></activity>
+						</view>
+						<view v-show="current === 2">
+							<activity></activity>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<view class="two">
+			<view class="left">
+				<view class="left_1">
+					<uni-icons @tap="toClose" custom-prefix="iconfont" type="icon-caogao04" size="20"
+						color="#696969"></uni-icons>
+					<text>保存草稿</text>
+				</view>
+				<view class="left_1">
+					<uni-icons @tap="toClose" custom-prefix="iconfont" type="icon-icon_cz" size="20"
+						color="#696969"></uni-icons>
+					<text>复用</text>
+				</view>
+			</view>
+			<view class="right">
+				<button type="warn" size="mini" form-type="submit">完成</button>
+			</view>
 		</view>
 	</view>
 </template>
@@ -10,12 +44,17 @@
 	import { getCurrentInstance, ref } from 'vue';
 	//该依赖已内置不需要单独安装
 	import { onLoad } from "@dcloudio/uni-app";
+	import activity from './components/activity.vue';
+	import match from './components/match.vue';
 	// 请求接口
 	const $api = getCurrentInstance()?.appContext.config.globalProperties.$api;
+
 	// 基本信息
-	const config = ref({ logoUrl: '' });
+	const config = ref({});
 	// 详情信息id
 	const id = ref('');
+	const list = ref(['友谊赛', '训练', '活动']);
+	const current = ref(0);
 	onLoad(async (options) => {
 		// 球队id
 		id.value = options && options.id
@@ -30,6 +69,10 @@
 	const search = async () => {
 		if (id.value) { }
 	};
+	// 点击分页器
+	const onClickItem = (e) => {
+		if (current.value !== e.currentIndex) current.value = e.currentIndex
+	};
 </script>
 <style lang="scss" scoped>
 	.content {
@@ -39,7 +82,57 @@
 		height: 100vh;
 
 		.one {
+			position: relative;
+			flex-grow: 1;
+
+			.one_1 {
+				height: 20vw;
+				background-color: var(--f12Color);
+			}
+		}
+
+		.two {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 			padding: 2vw;
+
+			.left {
+				display: flex;
+
+				.left_1 {
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					padding: 0 2vw;
+					font-size: var(--font14Size);
+					color: var(--f69Color);
+
+					text {
+						margin: 2px 0 0 0;
+					}
+				}
+			}
+
+			.right {
+				button {
+					width: 60vw;
+					font-size: var(--font16Size);
+				}
+			}
+		}
+	}
+
+	.scroll-view {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+
+		.list-scroll-view {
+			display: flex;
+			flex-direction: column;
 		}
 	}
 </style>

unpackage/dist/dev/mp-weixin/pages/home/components/team.js

@@ -30,7 +30,8 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
       const info = {
         pageNum: pageNum.value,
         pageSize: pageSize.value,
-        userId: user.value.id
+        userId: user.value.id,
+        isUse: "Y"
       };
       const res = await $api("team/list", "GET", {
         ...info,

unpackage/dist/dev/mp-weixin/pagesHome/create/components/activity.js

@@ -0,0 +1,65 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "activity",
+  setup(__props) {
+    var _a, _b, _c;
+    const $api = (_a = common_vendor.getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$api;
+    (_b = common_vendor.getCurrentInstance()) == null ? void 0 : _b.appContext.config.globalProperties.$config;
+    (_c = common_vendor.getCurrentInstance()) == null ? void 0 : _c.appContext.config.globalProperties.$apifile;
+    common_vendor.computed(() => {
+      return common_vendor.index.getStorageSync("openid");
+    });
+    const form = common_vendor.ref({});
+    const typeList = common_vendor.ref([]);
+    common_vendor.onShow(async () => {
+      await searchOther();
+      await search();
+    });
+    const searchOther = async () => {
+      let res;
+      res = await $api(`dict/data/list`, "GET", { dictType: "sys_user_type" });
+      if (res.code === 200 && res.total > 0)
+        typeList.value = res.rows;
+    };
+    const search = async () => {
+    };
+    const typeChange = (e) => {
+      const data = typeList.value[e.detail.value];
+      if (data)
+        form.value.type = data.dictLabel;
+    };
+    const dateChange = (e) => {
+      form.value.date = e.detail.value;
+    };
+    const formSubmit = (e) => {
+      console.log(e.deatil.value);
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: form.value.name,
+        b: common_vendor.t(form.value.type || "请选择类型"),
+        c: common_vendor.o(typeChange),
+        d: _ctx.index,
+        e: typeList.value,
+        f: common_vendor.t(form.value.date || "请选择成立时间"),
+        g: common_vendor.o(dateChange),
+        h: _ctx.index,
+        i: common_vendor.t(form.value.date || "请选择成立时间"),
+        j: common_vendor.o(dateChange),
+        k: _ctx.index,
+        l: common_vendor.t(form.value.date || "请选择成立时间"),
+        m: common_vendor.o(dateChange),
+        n: _ctx.index,
+        o: common_vendor.t(form.value.date || "请选择成立时间"),
+        p: common_vendor.o(dateChange),
+        q: _ctx.index,
+        r: form.value.color,
+        s: form.value.brief,
+        t: common_vendor.o(formSubmit)
+      };
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b4c340fa"], ["__file", "D:/project/足球比赛/match_applet/pagesHome/create/components/activity.vue"]]);
+wx.createComponent(Component);

unpackage/dist/dev/mp-weixin/pagesHome/create/components/activity.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pagesHome/create/components/activity.wxss

@@ -0,0 +1,25 @@
+/* 水平间距 */
+/* 水平间距 */
+.form.data-v-b4c340fa {
+  display: flex;
+  flex-direction: column;
+}
+.form .other.data-v-b4c340fa {
+  padding: 3vw 2vw;
+  border-bottom: 1px solid var(--footColor);
+}
+.form .remark.data-v-b4c340fa {
+  padding: 3vw 2vw 0 2vw;
+}
+.form .remark .title.data-v-b4c340fa {
+  padding: 0 0 3vw 0;
+}
+.form .value.data-v-b4c340fa {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--mainColor);
+}
+.form .value .label .input.data-v-b4c340fa {
+  text-align: right;
+}

unpackage/dist/dev/mp-weixin/pagesHome/create/components/match.js

@@ -0,0 +1,65 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "match",
+  setup(__props) {
+    var _a, _b, _c;
+    const $api = (_a = common_vendor.getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$api;
+    (_b = common_vendor.getCurrentInstance()) == null ? void 0 : _b.appContext.config.globalProperties.$config;
+    (_c = common_vendor.getCurrentInstance()) == null ? void 0 : _c.appContext.config.globalProperties.$apifile;
+    common_vendor.computed(() => {
+      return common_vendor.index.getStorageSync("openid");
+    });
+    const form = common_vendor.ref({});
+    const typeList = common_vendor.ref([]);
+    common_vendor.onShow(async () => {
+      await searchOther();
+      await search();
+    });
+    const searchOther = async () => {
+      let res;
+      res = await $api(`dict/data/list`, "GET", { dictType: "sys_user_type" });
+      if (res.code === 200 && res.total > 0)
+        typeList.value = res.rows;
+    };
+    const search = async () => {
+    };
+    const typeChange = (e) => {
+      const data = typeList.value[e.detail.value];
+      if (data)
+        form.value.type = data.dictLabel;
+    };
+    const dateChange = (e) => {
+      form.value.date = e.detail.value;
+    };
+    const formSubmit = (e) => {
+      console.log(e.deatil.value);
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: form.value.name,
+        b: common_vendor.t(form.value.type || "请选择类型"),
+        c: common_vendor.o(typeChange),
+        d: _ctx.index,
+        e: typeList.value,
+        f: common_vendor.t(form.value.date || "请选择成立时间"),
+        g: common_vendor.o(dateChange),
+        h: _ctx.index,
+        i: common_vendor.t(form.value.date || "请选择成立时间"),
+        j: common_vendor.o(dateChange),
+        k: _ctx.index,
+        l: common_vendor.t(form.value.date || "请选择成立时间"),
+        m: common_vendor.o(dateChange),
+        n: _ctx.index,
+        o: common_vendor.t(form.value.date || "请选择成立时间"),
+        p: common_vendor.o(dateChange),
+        q: _ctx.index,
+        r: form.value.color,
+        s: form.value.brief,
+        t: common_vendor.o(formSubmit)
+      };
+    };
+  }
+});
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6bad03e0"], ["__file", "D:/project/足球比赛/match_applet/pagesHome/create/components/match.vue"]]);
+wx.createComponent(Component);

unpackage/dist/dev/mp-weixin/pagesHome/create/components/match.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pagesHome/create/components/match.wxss

@@ -0,0 +1,25 @@
+/* 水平间距 */
+/* 水平间距 */
+.form.data-v-6bad03e0 {
+  display: flex;
+  flex-direction: column;
+}
+.form .other.data-v-6bad03e0 {
+  padding: 3vw 2vw;
+  border-bottom: 1px solid var(--footColor);
+}
+.form .remark.data-v-6bad03e0 {
+  padding: 3vw 2vw 0 2vw;
+}
+.form .remark .title.data-v-6bad03e0 {
+  padding: 0 0 3vw 0;
+}
+.form .value.data-v-6bad03e0 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--mainColor);
+}
+.form .value .label .input.data-v-6bad03e0 {
+  text-align: right;
+}

unpackage/dist/dev/mp-weixin/pagesHome/create/index.js

@@ -1,12 +1,26 @@
 "use strict";
 const common_vendor = require("../../common/vendor.js");
+if (!Array) {
+  const _easycom_uni_segmented_control2 = common_vendor.resolveComponent("uni-segmented-control");
+  const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
+  (_easycom_uni_segmented_control2 + _easycom_uni_icons2)();
+}
+const _easycom_uni_segmented_control = () => "../../uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control.js";
+const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
+if (!Math) {
+  (_easycom_uni_segmented_control + match + activity + _easycom_uni_icons)();
+}
+const activity = () => "./components/activity.js";
+const match = () => "./components/match.js";
 const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
   __name: "index",
   setup(__props) {
     var _a;
     (_a = common_vendor.getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$api;
-    const config = common_vendor.ref({ logoUrl: "" });
+    const config = common_vendor.ref({});
     const id = common_vendor.ref("");
+    const list = common_vendor.ref(["友谊赛", "训练", "活动"]);
+    const current = common_vendor.ref(0);
     common_vendor.onLoad(async (options) => {
       id.value = options && options.id;
       await searchConfig();
@@ -19,8 +33,37 @@ const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
       if (id.value)
         ;
     };
+    const onClickItem = (e) => {
+      if (current.value !== e.currentIndex)
+        current.value = e.currentIndex;
+    };
     return (_ctx, _cache) => {
-      return {};
+      return {
+        a: common_vendor.o(onClickItem),
+        b: common_vendor.p({
+          current: current.value,
+          values: list.value,
+          styleType: "text",
+          activeColor: "#dd524d"
+        }),
+        c: current.value === 0,
+        d: current.value === 1,
+        e: current.value === 2,
+        f: common_vendor.o(_ctx.toClose),
+        g: common_vendor.p({
+          ["custom-prefix"]: "iconfont",
+          type: "icon-caogao04",
+          size: "20",
+          color: "#696969"
+        }),
+        h: common_vendor.o(_ctx.toClose),
+        i: common_vendor.p({
+          ["custom-prefix"]: "iconfont",
+          type: "icon-icon_cz",
+          size: "20",
+          color: "#696969"
+        })
+      };
     };
   }
 });

unpackage/dist/dev/mp-weixin/pagesHome/create/index.json

@@ -1,4 +1,9 @@
 {
   "navigationBarTitleText": "创建",
-  "usingComponents": {}
+  "usingComponents": {
+    "uni-segmented-control": "../../uni_modules/uni-segmented-control/components/uni-segmented-control/uni-segmented-control",
+    "uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons",
+    "activity": "./components/activity",
+    "match": "./components/match"
+  }
 }

unpackage/dist/dev/mp-weixin/pagesHome/create/index.wxss

@@ -7,5 +7,45 @@
   height: 100vh;
 }
 .content .one.data-v-fe92273c {
+  position: relative;
+  flex-grow: 1;
+}
+.content .one .one_1.data-v-fe92273c {
+  height: 20vw;
+  background-color: var(--f12Color);
+}
+.content .two.data-v-fe92273c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   padding: 2vw;
+}
+.content .two .left.data-v-fe92273c {
+  display: flex;
+}
+.content .two .left .left_1.data-v-fe92273c {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 0 2vw;
+  font-size: var(--font14Size);
+  color: var(--f69Color);
+}
+.content .two .left .left_1 text.data-v-fe92273c {
+  margin: 2px 0 0 0;
+}
+.content .two .right button.data-v-fe92273c {
+  width: 60vw;
+  font-size: var(--font16Size);
+}
+.scroll-view.data-v-fe92273c {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.scroll-view .list-scroll-view.data-v-fe92273c {
+  display: flex;
+  flex-direction: column;
 }