随笔分类 -  微信小程序

微信小程序
003微信小程序购物车功能的实现
摘要：1、首先引入万能组件Vant 具体参考微信小程序安装VantWeapp组件 2、wxml 3、wxss 4、js 5、json 阅读全文
posted @ 2025-03-04 07:20 张筱菓 阅读(31) 评论(0) 推荐(0)
002搜索框-搜索功能的实现
摘要：1、设置js的data值 给Zcpmingxi一个测试值 2、把 sousuo这个名字 绑定到wxml里面的 搜索框上 <inpu/> 是一个搜索框标签 type="text" 表示格式是文本格式 value="{{sousuo}}" 绑定输入的值 placeholder="请输入查询内容" 提示= 阅读全文
posted @ 2025-03-02 16:52 张筱菓 阅读(42) 评论(0) 推荐(0)
001微信小程序左右联动功能的实现
摘要：1、wxml： 2、wxss： 3、js： 阅读全文
posted @ 2025-03-02 08:31 张筱菓 阅读(57) 评论(0) 推荐(0)
微信小程序安装VantWeapp组件
摘要：1、网址 https://vant-ui.github.io/vant-weapp/#/popup 2、安装教程： 点击快速上手 这里我们通过 npm i @vant/weapp -S --production 来安装 1、右键点开 app.js 点 在内建终端中打开 2、把 npm i @vant 阅读全文
posted @ 2025-03-01 13:21 张筱菓 阅读(533) 评论(0) 推荐(0)
01微信小程序画搜索框-加个放大镜
摘要：输入框： 在微信小程序（以及网页开发等场景）中，<input> 是一个表单组件，主要用于接收用户的输入信息，以下是详细介绍： 基本功能：<input> 组件可以创建一个单行的文本输入框，用户能够在里面输入文字、数字等内容，比如搜索关键词、用户名、密码（设置 password 属性后会隐藏输入内容）等 阅读全文
posted @ 2025-02-27 16:14 张筱菓 阅读(115) 评论(0) 推荐(0)
day04 获取用户信息
摘要：res相当于微信给我们返回的用户信息 阅读全文
posted @ 2025-02-25 12:09 张筱菓 阅读(4) 评论(0) 推荐(0)
day03微信小程序 页面跳转，数据绑定
摘要：内容回顾 搭建环境 全局配置 pages window tabbar 页面 josn：相关配置 js： wxml： wxss： flex布局 display:flex flex-direction:row/column justify-contenr... align-item... 小程序开发 组 阅读全文
posted @ 2025-02-25 12:08 张筱菓 阅读(36) 评论(0) 推荐(0)
day02 微信小程序
摘要：3.2组件 text 编写文本信息，类似于span vlew 容器，类似于div标签 image 图片 3.3样式 像素 px： rpx： 750rpx： 3.4、flex布局 一种非常方便的布局方式 在容器中记住4个样式即可 display:flex; flex布局 flex-direction: 阅读全文
posted @ 2025-02-24 16:54 张筱菓 阅读(17) 评论(0) 推荐(0)
微信小程序中实现左右联动以及购物车功能
摘要：一、创建项目 二、目录结构 三、左右功能的实现 左右联动的基本原理是，通过左侧的菜单栏来控制右侧内容区域的显示和更新。我们将使用小程序的数据绑定和事件处理来实现这一功能。 以下是在微信小程序中利用数据绑定和事件处理实现左右联动功能的基本步骤及原理说明： ①数据绑定 在小程序中，数据绑定是连接视图层（ 阅读全文
posted @ 2025-02-24 15:09 张筱菓 阅读(210) 评论(0) 推荐(0)
扫码之后逻辑处理
摘要： 阅读全文
posted @ 2025-02-23 15:50 张筱菓 阅读(14) 评论(0) 推荐(0)
微信小程序自动生成二维码
摘要：1、下载包 npm i weapp-qrcode 安装完成之后，出现这个文件夹 2. 构建npm 打开微信开发者工具，进入对应的小程序项目。点击菜单栏中的 “工具” -> “构建 npm” 。 构建完成后，会在项目中生成一个miniprogram_npm文件夹 3、页面中引用 在js中调用方法 先引 阅读全文
posted @ 2025-02-23 15:20 张筱菓 阅读(157) 评论(0) 推荐(0)
day01 微信小程序
摘要：1、问题 什么是微信小程序？ 移动互联网时代，手机。 手机软件，在手机上安装很多软件。 腾讯和阿里（只安装自己不用别人） 腾讯：微信 + N 小程序 阿里：支付宝 + N 小程序 为什么要做小程序？ 微信用户基数大。 在微信上用我们小程序会比较便捷。 如何开发小程序？ 小程序：学习微信开发的语言（前 阅读全文
posted @ 2025-02-21 10:31 张筱菓 阅读(63) 评论(0) 推荐(0)