
微信小程序
文章平均质量分 66
前端OnTheRun
这个作者很懒,什么都没留下…
展开
-
2022-01-23 微信小程序-萌宠大作战项目(四) 发布页面publish的制作
文章目录 0.最终效果 1.wx.chooseLocation():打开地图选择位置。 2.radio-group:单向选择器,内部由多个radio组成 3.完整代码 pages/publish/publish.wxml pages/publish/publish.js pages/publish/publish.wxss 结果 发布前:原创 2022-01-23 11:20:57 · 852 阅读 · 0 评论 -
2022-01-22 微信小程序-萌宠大作战项目(三) 实现选项卡(发布&搜索)的跳转,点击“坐标.png“返回当前位置
文章目录 1.点击"坐标.png"返回当前位置 思路:在cover-image炸绑定点击事件,事件函数调用moveToLocation(Object object) 代码 2.选项卡:发布和搜索页面的相互切换 跳转页面API:wx.navigateTo() 代码 1.点击"坐标.png"返回当前位置 思路:在cover-image炸绑定点击事件,事件函数调用moveToLocation(Object object) 复习:MapContext.moveToLocation(Object object)将地图原创 2022-01-22 18:49:57 · 387 阅读 · 0 评论 -
2022-01-21 微信小程序-萌宠大作战项目(二) 小程序项目中使用map组件:默认移动到当前位置
文章目录 1.wx.getLocation(obj,obj) 功能描述 使用方法 2.map.moveToLocation():移动到当前的经纬度 3.默认移动到当前位置 1.wx.getLocation(obj,obj) 官网文档:https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html 功能描述 获取当前的地理位置、速度。 使用方法 自 2022 年 7 月 14 日后发布的小程序,若使用该接口原创 2022-01-21 21:34:06 · 729 阅读 · 0 评论 -
2022-01-19 微信小程序-萌宠大作战项目(一) 项目思路和效果,map组件的介绍和使用,视图容器cover-image,首页的制作
文章目录 一.准备 1.技术栈 前端 微信小程序 wxss wxml js 以及自带的ui组件 还有外部npm包的ui组件 后端 mongodb express 2.用到的数据库 3.项目思路和最终效果 项目思路 最终效果 一.配置文件,组件介绍和图片上传 0.配置app.json文件和app.wxss 1.map组件学习 map#marker属性:标记点用于在地图上显示标记的位置 2.视图容器cover-image:覆盖在原生组件之上的图片视图 3.把需要用到的小图标上传到[https://www.img原创 2022-01-19 20:23:03 · 434 阅读 · 0 评论 -
2022-01-16 微信小程序笔记(八) 小程序ui框架:Lin-uiI的安装和使用
文章目录 0.Lin UI简介 1.安装 使用 Lin UI 务必勾选Es6 转 ES5和使用 npm 模块选项 打开终端输入安装命令 2.构建npm:工具>构建npm 3.使用(以button为例) 4.其他组件 0.Lin UI简介 Lin UI 是由林间有风团队精心打造的一套微信小程序组件库,组件丰富、设计优美,并且拥有完整的商业案例,是您开发微信小程序的不二选择。 官网:https://doc.mini.talelin.com/原创 2022-01-16 01:40:17 · 254 阅读 · 0 评论 -
2022-01-14 微信小程序-简历小项目(二) 解决微信小程序开发工具没有上传按钮的问题,小程序的上架发布流程
文章目录 1.问题:开发者工具找不到上传按钮 原因:Appid没有填对 解决: 2.上传 3.选择服务类目:工具>办公 4.版本管理:开发版本=>提交审核=>线上版本 5.已上架发布的小程序搜索不到的原因原创 2022-01-14 17:22:01 · 288 阅读 · 0 评论 -
2022-01-13 微信小程序-简历小项目(一) 小程序中的flex布局,简历首页的制作,箭头区域的制作
文章目录 一.准备 1.目标 2.小程序中的flex布局 回顾flex布局 小程序中要把div换成view标签,别的不变 二.制作简历小程序-首页 1.利用小程序提供的独有的API来初始化高和宽 小程序中的swiper 2.初始化app.json中的data 3.首页的制作 3.1.把首页简历的封面布局居中 3.2.加上简历中英文名以及CSS编写 3.3.加上气泡 3.4.补上个人介绍 三.箭头区域的制作 0.箭头区域图标 1.基本资料 2.主要技能 3.教育经历原创 2022-01-13 20:53:12 · 1509 阅读 · 0 评论 -
2022-01-12 微信小程序笔记(七) 小程序的插槽
1.主要用途 小程序的插槽主要用于封装组件 2.匿名插槽和具名插槽 子组件:components/tab/index.wxml 父组件:pages/movies/ movies.wxml 默认的插槽原创 2022-01-12 20:24:46 · 488 阅读 · 0 评论 -
2022-01-09 微信小程序笔记(六) 小程序的生命周期
0.生命周期的直观定义 1.小程序的全局生命周期 2.小程序的页面生命周期 页面中的组件加载顺序:onLoad>onShow>onReady 3.小程序的组件生命周期 定义 流程 组件的生命周期方法定义在哪里原创 2022-01-09 23:24:13 · 283 阅读 · 0 评论 -
2022-01-08 微信小程序笔记(五) 小程序的组件:父子传值和子父传值
文章目录 1.小程序中的自定义组件的级别就相当于components文件夹下的组件 2.创建一个小程序组件的步骤 创建自定义组件 引用自定义组件 3.小程序组件的父子组件传值 父子组件传值的步骤:示例(接上例) 4.小程序组件的子父组件传值:子传父是通过事件来触发的 子父组件传值的步骤:示例原创 2022-01-08 19:34:44 · 276 阅读 · 0 评论 -
2022-01-06 微信小程序笔记(四) 图片标签image,轮拨图组件swiper,icon图标
文章目录 1.图片标签的格式 widthFix属性 示例 2.小程序中的轮播图组件swiper 更好的调整Swiper的适配屏幕 3.小程序中的icon图标 示例原创 2022-01-06 23:24:12 · 202 阅读 · 0 评论 -
2022-01-04 微信小程序笔记(三) 小程序绑定事件bind+事件类型,自适应像素rpx,导航组件navigate以及使用open-type属性实现各种页面跳转
1.小程序中的事件绑定 1.1.oninput事件 1.2.实现事件绑定点击+数字的两种方法 1.3.知识点 2.自适应像素rpx的介绍和使用 与px的对比 3.使用小程序的导航组件navigate以及其open-type属性实现各种页面跳转 第一种用法:使用navigate的默认值 第二种用法:使用open-type="redirect" 第三种用法:使用open-type="switchTab" 第四种用法:使用open-type="reLaunch"" 示例原创 2022-01-04 20:48:56 · 1056 阅读 · 0 评论 -
2022-01-01 微信小程序笔记(二) 设置页面单独样式,模板语法和遍历wx-for,条件渲染wx-if,block标签
文章目录 一.页面的单独样式设置 barmovie.json 效果 其他属性配置(重要) 二.小程序的模板语法和遍历以及条件渲染 1.小程序的模板语法 text标签 view标签 2.小程序中的模板数据渲染 小程序使用{{}}绑定变量添加属性示例 3.小程序的遍历:wx-for,和自定义形参 4.小程序的条件渲染:wx-if 三.block标签:可以像vue中的template标签一样 作为占位 渲染的时候移除原创 2022-01-01 08:46:41 · 326 阅读 · 0 评论 -
2021-12-30 微信小程序笔记(一) 小程序设置全局的tabbar
文章目录 0.全局tabbar效果 1.tabbar小图标放到images/tab文件夹下 2.新建pages文件夹下的三个文件夹 3.配置app.json文件 4.最终效果 5.注意事项原创 2021-12-30 21:21:46 · 382 阅读 · 0 评论 -
2021-12-28 微信小程序笔记(0) 介绍,官网,开发者工具下载,新建小程序项目,获取appid,wxml,wxss文件,配置全局文件
小程序和html标签的区别 细节区别 以前是html标签,现在是小程序组件。 具体说来:原创 2021-12-28 20:06:31 · 126 阅读 · 0 评论 -
2021-08-14 解决微信小程序api更新后使用getuserinfo无法获取到用户信息的问题
描述 使用bindgetuserinfo不能获取用户信息 解决方法 改成用getUserProfile 例子 使用bindgetuserinfo user.wxml: <button bindgetuserinfo="useral" open-type="getUserInfo" class="button1">用户点击获取信息</button> user.js useral(e){ console.log(e); }, 输出: 变成"微信用户"原创 2021-08-14 11:21:19 · 1067 阅读 · 0 评论