• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序TodoList

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

今天刚学了一些微信小程序的皮毛  ,先做一个todolist的小dome试试手~

先做简单的添加和删除功能  初步了解一下小程序开发

首先是效果图  :

然后是wxml :

 

 

 然后是js代码 :

注意:

  通过wv-index=\'{{index}}\'传递的值在js文件中  通过ES6结构赋值的方式来获取的
  添加通过 unshift 的方法  在数组的开头新添一条数据
  添加通过 splice 的方法  通过下标来删除数据
最后是wxss~

 

css用的比较多的是弹性盒子  弹性盒子的代码可能看起来比较繁琐 但很多代码都是重复的  实现起来也比较简单,布局的话  不管什么时候  弹性盒子都是一个不错的选择!

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序~下拉刷新真机测试不弹回的处理办法发布时间:2022-07-18
下一篇:
ES6语法异步转同步(小程序中测试)发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap