uni-app爬坑之旅_开发一个自己的app_day25_完成add.vue界面部分功能

一、项目进度

今天完成了add.vue界面的部分功能，包括选择截止时间、花费时间、重要程度，备注等，还有修改任务名字、是否提前提醒，以及提前多久提醒没有做，明天再继续

今日完成的功能演示：

二、新学到的

1. uni-app自带的picker标签，可以代替下拉框，让用户在多个选项里选择

2. 新学到的文字居中方法

<view class="outsideBox">
	<text class="insideBox">123</text>
</view>
<style type="scss">
	.outsideBox{
		position: flex;
		.insideBox{
			margin: auto;
		}
	}
</style>

旧的方法则需要先设置宽高，再让文字分别居中

<view class="outsideBox">
	<text class="insideBox">123</text>
</view>
<style type="scss">
	.outsideBox{
		width: 100%;
                height: 45px;
		.insideBox{
                        // 水平居中
			width: 100%;
                        text-align: center;
                        // 垂直居中
                        line-height: 45px;
                        vertical-align: middle;
		}
	}
</style>

上面一种方法会比下面的方法来得简洁

三、明天的目标

继续完成add.vue界面，并且让创建完的项目显示在主页面