随笔分类 -  微信小程序

上一页 1 2
小程序实践（八）：验证码倒计时功能
摘要：效果如下：点击发送验证码按钮，按钮背景变色，不可点击，显示倒计时文字 首先js文件的data里面 声明一个变量用于表示当前是否可以点击，codeIsCanClick = true, 默认是可以点击的 写下界面代码： wxml文件中 对应样式 wxss文件： 以上构成页面静态效果。 注意button有 阅读全文
posted @ 2018-07-18 14:26 听着music睡 阅读(978) 评论(0) 推荐(0) 编辑
小程序实践（七）：页面间传值
摘要：两种常用方式。 一、URL传值 看下官方API文档： 官方提供了5种页面间的跳转方式，其中前四种跳转的时候带有url参数，用于指定跳转的页面地址，而其中前三种url中可以带有参数。 以此来实现页面跳转时候的参数传值。 1、页面传基本数据格式的方式 将参数添加到url部分 以 ？属性名=属性值 的形式 阅读全文
posted @ 2018-07-17 14:04 听着music睡 阅读(927) 评论(0) 推荐(0) 编辑
小程序实践（六）：view内部组件排版
摘要：涉及知识点： 1、垂直排列，水平排列 2、居中对齐 示例： 1、默认排版 ， 一个父组件里面两个子view 显示效果: 2、先给父view设置一个高度和颜色值，用于看效果 3、实现水平排列和垂直排列的样式 水平排列： > 垂直排列（不进行设置，默认垂直排列）： > 4、实现居中效果 居中效果分为两种 阅读全文
posted @ 2018-07-13 11:35 听着music睡 阅读(4131) 评论(0) 推荐(1) 编辑
小程序实践（五）：for循环绑定item的点击事件
摘要：微信展示列表效果借助于 wx:for 简单写一个列表（wxml文件中）： 对应的数据源(js文件中)： 写一个点击监听： 效果： 以上、可以实现列表的item点击效果，但是无法到点击的item对应的数据源数据 解决方法： 给有点击事件的组件添加一个 data-any 属性 any可以是任意数据类型。 阅读全文
posted @ 2018-07-12 11:08 听着music睡 阅读(3173) 评论(0) 推荐(0) 编辑
小程序实践（四）：动态控制组件的显示/隐藏
摘要：组件有个属性：hidden='' ,值为true/false ，当false的时候说明不隐藏，当true的时候说明隐藏，注意该隐藏是不保留组件位置的。 实现即 .js 配合.wxml 文件 一、在.js 文件下的 Page({}) 里面 的data:{} 里面 创建一个布尔类型的属性 二、在.wxm 阅读全文
posted @ 2018-07-11 11:14 听着music睡 阅读(8030) 评论(0) 推荐(0) 编辑
小程序实践（三）：九宫格实现及item跳转
摘要：效果图： 实现效果图红色线包含部分的九宫格效果，并附带item点击时间。 具体实现： 1、首先添加图片资源文件 在项目根目录新建一个目录，取名为images , 用于存放图片资源，然后添加进入几张图片 2、在home目录下的home.js 文件中(参照前两篇小程序实践文章) 进行数据源的配置 数据源 阅读全文
posted @ 2018-07-02 18:32 听着music睡 阅读(5148) 评论(0) 推荐(1) 编辑
小程序问题集：保存失败:Error: ENOENT: no such file or directory, open
摘要：问题如图： 当编译的时候 会提示找不到这个文件（index），但是确信项目目录里已经删除了该页面路径，并且app.json的pages列表中也没有该页面: 这时候需要看一下当前已经打开的文件中是否还存在该错误提示的找不到的文件： 如图： 推测我是先打开了index的相关文件，然后没有关闭文件窗口并且 阅读全文
posted @ 2018-07-01 15:40 听着music睡 阅读(4407) 评论(0) 推荐(0) 编辑
小程序实践（二）：swiper组件实现轮播图效果
摘要：swiper组件类似于Android中的ViewPager，实现类似轮播图的效果，相对于Android的Viewpager,swiper实现起来更加方便，快捷。 效果图： 首先看下swiper支持的属性： 具体实现轮播功能： 一、添加轮播图片素材 在项目根目录下新建一个目录用于存储图片资源，目录名随 阅读全文
posted @ 2018-06-30 23:16 听着music睡 阅读(2560) 评论(2) 推荐(1) 编辑
小程序实践（一）：主页tab选项实现
摘要：官方文档 效果图： 实现底部Tab选项，只需要在项目根目录下的app.json下修改 如图： 先介绍一下app.json文件 我们看下app.json提供的另一个配置项：tabBar tabBar提供一些公有的属性对tab配置： 而针对每一个单独的tab 也有一些属性进行配置： 官方示意图： 具体实 阅读全文
posted @ 2018-06-30 14:13 听着music睡 阅读(1912) 评论(0) 推荐(0) 编辑

上一页 1 2
点击右上角即可分享
微信分享提示