zoukankan      html  css  js  c++  java
  • uniapp爬坑之旅_开发一个自己的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{
    		 100%;
                    height: 45px;
    		.insideBox{
                            // 水平居中
    			 100%;
                            text-align: center;
                            // 垂直居中
                            line-height: 45px;
                            vertical-align: middle;
    		}
    	}
    </style>
    

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

    三、明天的目标

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

  • 相关阅读:
    网络编程
    常用模块补充
    面向对象进阶
    面向对象 --- 封装
    面向对象 三大特性--多态
    python 面向对象三大特性
    python 面向对象
    python 模块与包
    如何在Word的方框中打对号
    关于VS 2013连接Microsoft Access 2013的相关问题
  • 原文地址:https://www.cnblogs.com/huangch/p/14380094.html
Copyright © 2011-2022 走看看