
微信小程序
zpznba
日日行,不怕千万里。常常做,不怕千万事。
展开
-
微信小程序页面栈实验及getCurrentPages方法的使用
创建两个页面一个模拟微博展示页,另一个模拟微博编辑页: 微博展示页代码如下: // pages/weibo/weibo.js Page({ /** * 页面的初始数据 */ data: { weibos:[] }, writeweibo:function(event){ wx.navigateTo({ url: '/...原创 2020-02-06 20:07:31 · 878 阅读 · 0 评论 -
微信小程序CSS之flex属性设置
flex属性 flex属性是flex-basis、flex-grow、flex-shrink三个属性的简写。flex属性的取值有以下几种方式: 1. auto: 允许增长、允许缩小、宽度为自动; 2. none:不允许增长、不允许缩小、宽度为自动; 3.非负数字: 这个数字表示的是flex-grow的值,且flex-shrink为1,flex-basis为0%。 .inner{ ...转载 2020-02-05 12:43:32 · 497 阅读 · 0 评论 -
【武汉加油】小程序flex布局的主轴排列布局方式
设置在主轴上的排列方式 默认情况下,是从左往右排列。在主轴方向上,可以通过justify-content进行设置: 1. flex-start:项目靠近父盒子的左侧 2. flex-end:项目靠近父盒子的右侧 3. center : 居中显示 4.space-evenly:沿主轴方向均匀分布 5. space-between:子元素紧贴父容器的首尾两侧。 ...原创 2020-02-03 11:23:21 · 592 阅读 · 0 评论 -
微信小程序WXML语法之模板和引用
模板 WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。 定义模板 使用 name 属性,作为模板的名字。然后在<template/>内定义代码片段,如: <!-- index: int msg: string time: string --> <template name="msgItem"> &l...原创 2020-01-31 15:43:08 · 2683 阅读 · 0 评论 -
关于微信小程序WXML列表渲染中的wx:key笔记说明
1.直接看看官方文档中给出的说明: 如果列表中项目的位置会动态改变或者有新的项目添加到列表中, 并且希望列表中的项目保持自己的特征和状态(如 input 中的输入内容,switch 的选中状态), 需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供 1.字符串,代表在 for 循环的 array 中 item 的某个 property,该 prope...原创 2020-01-30 20:34:26 · 1696 阅读 · 0 评论