随笔分类 - 计算机基础 / 小程序
摘要:目标 重点 for循环数组 在组件上使用“wx:for”控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为“index”,数组当前项的变量名默认为“item” // pages/index/index.js Page({ /** * 页面的初始数据 */
阅读全文
摘要:效果 重点 picker组件 官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker.html <picker>是从底部弹起的滚动选择器组件,目前根据mode属性值的不同共支持5种选择器,分别是普通选择器,多列选择
阅读全文
摘要:目的: 代码: <!--pages/index/index.wxml--> <view class="container"> <view class="top"> <text class="top_left">1</text> <view class="top_right"> <text class
阅读全文
摘要:目标: 用到的组件: (1)图片 <image src='图片路径'></image> (2) 文字 <text>"内容"</text> (3)按钮 <button >"按钮上的字"</button> 步骤: 1、打开微信开发者工具 2、新建后退出,找到文件夹,删除项目,再打开: 提示报错,我们自己
阅读全文
摘要:1、开发者账户注册:https://mp.weixin.qq.com/ 按要求注册:(注意,所选【邮箱】的要求) 2、小程序信息介绍: 注册成功后,登录: 开发——》开发设置: 牢记这个【APPID】,个人专属 3、编译器下载:https://developers.weixin.qq.com/min
阅读全文
摘要:参考: 1 2 语法: 一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ disp
阅读全文
摘要:问题: 实现页面跳转:index页面通过按钮跳转到next页面 方法: 1、页面index.wxml增加一个按钮 1 // index.wxml 2 <button bindtap="jump">跳转</button> 2、在index.js中添加跳转逻辑 1 // 调转函数 2 jump: fun
阅读全文
摘要:问题 在页面上显示当前时间(日期) 方法 1、在util.js (创建项目自动生成)中: // util.js const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1
阅读全文
摘要:问题 想在打开小程序时就自动播放背景音乐(循环) 解决方法 1、思路:写一个函数,在 onLoad()中调用 //index.js //获取应用实例 const back = wx.getBackgroundAudioManager(); Page({ ......................
阅读全文