移动软件开发----------对备忘录部分实现添加文字和删除文字功能

**

移动软件开发----------对备忘录部分实现添加文字和删除文字功能

**
代码：https://github.com/nata-skate/clock

得到如图效果

1. 页面布局

页面布局也就是wxml文件，我们给上述界面做一个划分，大致分为三个部分，第一部分为最上方日期显示；第二部分为第二栏的输入框，第三部分为下面的信息框。

在整体上我们用一个大的view，定义为类container

container我们定义其类属性为

.container{
background-color: white;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
　　背景色设置为白色，宽度100%，弹性布局，竖直排列子项。column代表垂直。

（1） 第一层

在第一层我们用一个view框住一个text，里面显示today日期，利用数据绑定绑定主js中的数据（双大括号代表数据绑定的意思，也就是里面是变量名，他会同步js中的数据，例如这里绑定today，则我们再js代码中可以改变today的值，这里会不断更新数据。）

{ {Today}} 对应的wxss代码如下：

.today{
font-size: 10px;
}
　　将其字体设置好即可

（2） 第二层

第二层我们用一个view包含两个控件，

一个是image，image需要绑定图片源。

另一个是input输入框，输入框需要绑定两个函数1）输入信息触发bindinput='AddInput’此时