微信小程序
文章平均质量分 66
前端OnTheRun
这个作者很懒,什么都没留下…
展开
-
2022-01-23 微信小程序-萌宠大作战项目(四) 发布页面publish的制作
文章目录0.最终效果1.wx.chooseLocation():打开地图选择位置。2.radio-group:单向选择器,内部由多个radio组成3.完整代码pages/publish/publish.wxmlpages/publish/publish.jspages/publish/publish.wxss结果发布前:原创 2022-01-23 11:20:57 · 651 阅读 · 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 · 334 阅读 · 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 · 645 阅读 · 0 评论 -
2022-01-19 微信小程序-萌宠大作战项目(一) 项目思路和效果,map组件的介绍和使用,视图容器cover-image,首页的制作
文章目录一.准备1.技术栈前端 微信小程序 wxss wxml js 以及自带的ui组件 还有外部npm包的ui组件后端 mongodb express2.用到的数据库3.项目思路和最终效果项目思路最终效果一.配置文件,组件介绍和图片上传0.配置app.json文件和app.wxss1.map组件学习map#marker属性:标记点用于在地图上显示标记的位置2.视图容器cover-image:覆盖在原生组件之上的图片视图3.把需要用到的小图标上传到[https://www.img原创 2022-01-19 20:23:03 · 341 阅读 · 0 评论 -
2022-01-16 微信小程序笔记(八) 小程序ui框架:Lin-uiI的安装和使用
文章目录0.Lin UI简介1.安装使用 Lin UI 务必勾选Es6 转 ES5和使用 npm 模块选项打开终端输入安装命令2.构建npm:工具>构建npm3.使用(以button为例)4.其他组件0.Lin UI简介Lin UI 是由林间有风团队精心打造的一套微信小程序组件库,组件丰富、设计优美,并且拥有完整的商业案例,是您开发微信小程序的不二选择。官网:https://doc.mini.talelin.com/原创 2022-01-16 01:40:17 · 199 阅读 · 0 评论 -
2022-01-14 微信小程序-简历小项目(二) 解决微信小程序开发工具没有上传按钮的问题,小程序的上架发布流程
文章目录1.问题:开发者工具找不到上传按钮原因:Appid没有填对解决:2.上传3.选择服务类目:工具>办公4.版本管理:开发版本=>提交审核=>线上版本5.已上架发布的小程序搜索不到的原因原创 2022-01-14 17:22:01 · 215 阅读 · 0 评论 -
2022-01-13 微信小程序-简历小项目(一) 小程序中的flex布局,简历首页的制作,箭头区域的制作
文章目录一.准备1.目标2.小程序中的flex布局回顾flex布局小程序中要把div换成view标签,别的不变二.制作简历小程序-首页1.利用小程序提供的独有的API来初始化高和宽小程序中的swiper2.初始化app.json中的data3.首页的制作3.1.把首页简历的封面布局居中3.2.加上简历中英文名以及CSS编写3.3.加上气泡3.4.补上个人介绍三.箭头区域的制作0.箭头区域图标1.基本资料2.主要技能3.教育经历原创 2022-01-13 20:53:12 · 1379 阅读 · 0 评论 -
2022-01-12 微信小程序笔记(七) 小程序的插槽
1.主要用途小程序的插槽主要用于封装组件2.匿名插槽和具名插槽子组件:components/tab/index.wxml 父组件:pages/movies/movies.wxml 默认的插槽原创 2022-01-12 20:24:46 · 424 阅读 · 0 评论 -
2022-01-09 微信小程序笔记(六) 小程序的生命周期
0.生命周期的直观定义1.小程序的全局生命周期2.小程序的页面生命周期页面中的组件加载顺序:onLoad>onShow>onReady3.小程序的组件生命周期定义流程组件的生命周期方法定义在哪里原创 2022-01-09 23:24:13 · 248 阅读 · 0 评论 -
2022-01-08 微信小程序笔记(五) 小程序的组件:父子传值和子父传值
文章目录1.小程序中的自定义组件的级别就相当于components文件夹下的组件2.创建一个小程序组件的步骤创建自定义组件引用自定义组件3.小程序组件的父子组件传值父子组件传值的步骤:示例(接上例)4.小程序组件的子父组件传值:子传父是通过事件来触发的子父组件传值的步骤:示例原创 2022-01-08 19:34:44 · 224 阅读 · 0 评论 -
2022-01-06 微信小程序笔记(四) 图片标签image,轮拨图组件swiper,icon图标
文章目录1.图片标签的格式widthFix属性示例2.小程序中的轮播图组件swiper更好的调整Swiper的适配屏幕3.小程序中的icon图标示例原创 2022-01-06 23:24:12 · 161 阅读 · 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 · 986 阅读 · 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 · 260 阅读 · 0 评论 -
2021-12-30 微信小程序笔记(一) 小程序设置全局的tabbar
文章目录0.全局tabbar效果1.tabbar小图标放到images/tab文件夹下2.新建pages文件夹下的三个文件夹3.配置app.json文件4.最终效果5.注意事项原创 2021-12-30 21:21:46 · 312 阅读 · 0 评论 -
2021-12-28 微信小程序笔记(0) 介绍,官网,开发者工具下载,新建小程序项目,获取appid,wxml,wxss文件,配置全局文件
小程序和html标签的区别细节区别 以前是html标签,现在是小程序组件。具体说来:原创 2021-12-28 20:06:31 · 88 阅读 · 0 评论 -
2021-08-14 解决微信小程序api更新后使用getuserinfo无法获取到用户信息的问题
描述使用bindgetuserinfo不能获取用户信息解决方法改成用getUserProfile例子使用bindgetuserinfouser.wxml:<button bindgetuserinfo="useral" open-type="getUserInfo" class="button1">用户点击获取信息</button>user.js useral(e){ console.log(e); },输出:变成"微信用户"原创 2021-08-14 11:21:19 · 990 阅读 · 0 评论