摘要: 通常我们需要展示一下用户的基础信息,比如头像和昵称。 微信小程序官方提供的 wx.getUserProfile和wx.getUserInfo在较新版本的小程序环境中已经不支持了,如果只是获取头像和昵称的话,可以用这个方法。 <open-data type="userAvatarUrl"></open 阅读全文
posted @ 2023-08-09 10:16 luytest 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 一般来说首页上都会有搜索的功能,那么我们来加个搜索框试试 在newlist上继续操作 简单搜索框的布局和样式 页面上 <view class="headClass"> <input type="text" placeholder="请输入"></input> </view> 但是这样太丑了,完善一下 阅读全文
posted @ 2023-08-08 15:01 luytest 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 头部的导航栏非常重要。 新建一个 newlist/newlist 在全局配置app.json中的pages里把newlist放到第一个去,这样方便。 通用设置 这时候我们注意到,app.json中除了pages,还有这个 "window": { "backgroundTextStyle": "lig 阅读全文
posted @ 2023-08-08 10:44 luytest 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 在之前解密电话时,我们有请求wx的api wx.request({ url: 'https://api.weixin.qq.com/sns/jscode2session', data: { }, success: (re) => { //console.log('re:' + JSON.string 阅读全文
posted @ 2023-08-07 19:47 luytest 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 我们正常操作的话,肯定有很多页面之间的跳转,在微信小程序中 navigator ,跳转效果类似 html中的 a 标签 <navigator url="/pages/index/index">跳转到index</navigator> 注意参数url指向要跳转的页面,本地跳转的话基本就是 /pages 阅读全文
posted @ 2023-08-07 19:26 luytest 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 弹窗是相当常用的功能,在微信里用弹窗还是挺方便的。 不同于我们写网页时,对于alert,confirm这些比较简陋的原生弹窗通常要引入第三方插件来美化,微信自带的弹窗效果还不错。 放一个按钮,绑定showToast方法。 <button bind:tap="showToast">点击弹窗1</but 阅读全文
posted @ 2023-08-07 17:07 luytest 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 有时候我们要展示的不只是文字信息,还有html信息,比如标签,样式等等 这时候用view或者text都不行了,它们不会解析html内容,因此要用富文本。 定义一个变量 html_message:'<h2>我是标题!!</h2>' 页面 需要注意的是,不能直接在标签中间{{xxxx}}这么用,而是写在 阅读全文
posted @ 2023-08-07 15:52 luytest 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 我们之前在学习button时,可以通过调用 getphonenumber 获取手机号,但是获取后却发现是加密了的,那么如何解密呢,微信官方提供了相应的方法。 1.首先我们可以去下载官方提供的解密的js放在本地,推荐放到这个utils文件下。 关键是这个RdWXBizDataCrypt.js文件,可以 阅读全文
posted @ 2023-08-07 14:02 luytest 阅读(365) 评论(0) 推荐(0) 编辑
摘要: 声明变量data 我们每个页面文件(wxml)都有对应的js文件,点进去可以看到有data结构,这个就是存放变量的地方。 data: { } 我们写一个变量进去 data: { message:"我是message变量" } 获取变量 页面中使用 <view>{{message}}</view> 在 阅读全文
posted @ 2023-08-04 10:58 luytest 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 之前介绍的控件,比如按钮,单选,复选这些,通常我们都需要绑定相应的事件来实现功能。 以button为例 找到之前我们test页面的按钮,使用bind:tap绑定js事件 <button bind:tap="clickBtn1">我是按钮1</button> 在test.js中追加方法 clickBt 阅读全文
posted @ 2023-08-03 15:33 luytest 阅读(176) 评论(0) 推荐(0) 编辑