随笔分类 -  微信小程序

微信小程序轮播图
摘要：需要用到swiper swiper-item image这三个标签 在wxml中 <swiper circular="true" autoplay="true" interval="10" indicator-dots="true"> <swiper-item ><image mode="width 阅读全文
posted @ 2022-01-27 22:02 权。 阅读(109) 评论(0) 推荐(0)
事件绑定
摘要： 阅读全文
posted @ 2022-01-20 21:25 权。 阅读(31) 评论(0) 推荐(0)
条件渲染
摘要：条件渲染 wx:if 在框架中，使用 wx:if="" 来判断是否需要渲染该代码块： <view wx:if="{{condition}}"> True </view> 也可以用 wx:elif 和 wx:else 来添加一个 else 块： <view wx:if="{{length > 5}}" 阅读全文
posted @ 2022-01-20 19:16 权。 阅读(48) 评论(0) 推荐(0)
数组和对象循环
摘要：列表渲染 wx:for 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item <view wx:for="{{array}}"> {{index}}: {{item.messag 阅读全文
posted @ 2022-01-20 18:53 权。 阅读(40) 评论(0) 推荐(0)
运算
摘要： 阅读全文
posted @ 2022-01-19 17:42 权。 阅读(24) 评论(0) 推荐(0)
数据绑定
摘要：数据绑定 WXML 中的动态数据均来自对应 Page 的 data。 详细可见开发文档 阅读全文
posted @ 2022-01-16 21:53 权。 阅读(38) 评论(0) 推荐(0)
页面配置
摘要：页面配置 每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置，页面中配置项会覆盖 app.json 的 window 中相同的配置项。 购物车页面如图 一下是页面中支持的一些配置 配置项 属性类型默认值描述最低版本 navigationBarBackgroundColor 阅读全文
posted @ 2022-01-16 11:53 权。 阅读(95) 评论(0) 推荐(0)
tabBar字段
摘要：tabBar字段是控制底部菜单栏的。例如下图中的首页，购物车，我的三个菜单。 代码如下图所示 详细信息可见下表 tabBar 如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面 阅读全文
posted @ 2022-01-14 20:04 权。 阅读(80) 评论(0) 推荐(0)
pages字段和windows字段
摘要：pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。如果我们需要创建新的页面，只需要在pages里面加上路径，微信开发工具会自动给我们创建好文件。 window字段 —— 定义小程序所有页面的顶部背景颜色，文字颜色定义等。 属性类型默认值描 阅读全文
posted @ 2022-01-14 11:48 权。 阅读(226) 评论(0) 推荐(0)
vscode开发微信小程序
摘要：大概需要下载一下几个插件 下载完导入自己的项目就行。 参考使用vscode开发微信小程序_有道无术，术尚可求-CSDN博客_vscode开发微信小程序 阅读全文
posted @ 2022-01-13 21:51 权。 阅读(720) 评论(0) 推荐(0)
初学微信小程序
摘要：我们可以看到这个项目已经初始化并包含了一些简单的代码文件。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件，并生成小程序实例。 下面我们简单了解这三 阅读全文
posted @ 2022-01-13 20:22 权。 阅读(72) 评论(0) 推荐(0)