微信小程序
微信小程序
杰KaMi
你很帅,还没有添加简介
展开
-
微信小程序篇】七.UI精讲之组件
UI精讲之布局基础 flex布局和相对绝对定位开发文档1. 视图组件1.1 scroll-view属性类型默认值必填说明最低版本croll-xbooleanfalse否允许横向滚动1.0.0scroll-ybooleanfalse否允许纵向滚动1.0.0upper-thresholdnumber/string50否距顶部/...原创 2020-01-15 20:11:06 · 292 阅读 · 0 评论 -
微信小程序篇】七.UI精讲之布局基础 flex布局和相对绝对定位
布局基础flex布局1. flex容器和元素设置Flex container 改变主轴和交叉轴的关系2. flex容器的属性flex-direction 决定元素的排序方向flex-wrap 决定元素如何换行(行满的时候)flex-flow 上2者简写justify-content 元素在主轴上的对齐方式align-items 元素在交叉轴上的对齐方式3. flex元素的属性(...原创 2020-01-15 17:58:33 · 1458 阅读 · 0 评论 -
微信小程序篇】六. 案例:登录小案例
登录小案例简单说明一下该案例程序加载完后进入user页面 (因为app.json配的一个页面路径是user)加载完user页面后判断username是否为空a. 不为空就将{{username}}输出来页面上b. 为空就跳转到登录页面登录页面绑定事件将登录的值传给按钮绑定的事件按钮绑定事件将值传给app,然后跳转到user页面,完成页面登录项目准备创建项目demo5-log...原创 2020-01-15 11:47:02 · 1288 阅读 · 0 评论 -
微信小程序篇】五. 微信小程序的配置文件和(小程序和页面)的生命周期
微信小程序的配置文件1. app.json配置1.1 pages配置{ "pages": [ "pages/index/index", // 页面配置 第一行为首页 "pages/logs/logs" ], ....}1.2 window配置{ ... "window": { "backgroundTextStyle": "light", ...原创 2020-01-10 22:00:29 · 242 阅读 · 0 评论 -
微信小程序篇】四. 案例:根据单号查询快递编号
快递查询(2020-1-7亲测)项目准备创建项目demo4-expressQuery(因为练习取过这个名所以案例里面是demo-expressQuery )操作步骤同demo3不过second目录可以改为目录(也可以将index目录里的子文件的内容删了,在index里面写页面和脚本)找一个网站有查快递API接口的,我只找到这个收费的,当然不想买的可以私聊我,在一个月内,因为我自己也不想...原创 2020-01-07 17:06:29 · 2108 阅读 · 0 评论 -
微信小程序篇】三. 微信小程序的事件
事件项目准备创建项目demo3,操作步骤同demo21. 事件的类别tap 手指触摸后马上离开触摸事件touchstart 手指触摸动作开始touchend 手指触摸动作结束touchmove 手指触摸后移动touchcancel 手指触摸动作被打断,如来电提醒,弹窗持续触摸事件longtap 手指触摸后,超过350ms再离开(推荐使用longpress事件代...原创 2020-01-06 17:07:49 · 710 阅读 · 0 评论 -
微信小程序篇】二. 微信小程序的视图与渲染
微信小程序的视图与渲染项目准备创建一个新项目demo2在pages下创建一个新目录first目录下新建first.wxml和first.js在app.json中定义页面(注意名字要对应)组件的基本使用数据板顶渲染标签模板的使用...原创 2020-01-06 11:05:10 · 719 阅读 · 0 评论 -
微信小程序篇】一. 入门 hello wxapp
微信小程序入门准备工作开发工具 微信开发工具下载 https://developers.weixin.qq.com/miniprogram/dev/api/开发文档 微信开发文档 https://developers.weixin.qq.com/miniprogram/dev/api/1. 创建项目2. 删除原有的目录2.1 没错,为了了解目录结构,先全部删了。2.2 创建...原创 2020-01-05 16:17:16 · 1491 阅读 · 0 评论