微信小程序-----TODO

如何创建小程序页面和先显示那个页面如下：

创建好文件后，找到你创建的那个文件相应的名字然后在在xx.wxml布局(xx.wxml相当于html)代码如下：

<view class="a">
  <!-- home图标（图片定位代替） -->
  <image src="/img/logo.png"></image>
  <!-- input输入框 -->
  <!-- bindconfirm回车事件 -->
  <input type="text" placeholder="Anything here..." bindconfirm="inp" class="input" value="{
   {input}}" />
</view>
<!-- wx:for循环渲染数据 -->
<view class="p" wx:for="{
   {todos}}">
  <view class="o">
    <!-- 小绿豆 -->
    <!-- 通过wx:if判断两个图标相互切换 -->
    <icon type="circle" size="23" wx:if="{
   {item.completed==false}}" bindtap="chock" data-carcok="{
   {index}}"></icon>
    <icon type="success" size="23" wx:if="{
   {item.completed==true}}" bindtap="chock" data-carcok="{
   {index}}"></icon>
    <!-- 修改 -->
    <view bindtap="alits" data-alit="{
   {index}}" style="{
   { item.completed==true ? 'text-decoration:line-through' : ''}}"
      hidden="{
   {item.alt}}">