微信小程序开发
文章平均质量分 67
亿是守候 & 亿是承诺
,
展开
-
小程序开发学习(5)---实现天气预报小程序
文章目录1.小程序API获取2.后台配置3.实现天气预报小程序代码4.效果图1.小程序API获取上次我教会了大家如何获取天气API的方式,今天在教大家在另外一个网站上获取API,叫和风天气,上次教大家的在实况天气接口API开发指南上获取,今天这个获取是在和风天气开发平台上获取天气API,点击注册(第一次登陆需要注册一下个人信息),注册好之后进入控制台填入账号和密码后,进入控制台在控制台上第一步点击应用管理,第二步创建应用,第三步添加数据KEY,这就是获取到的天气API,这样就完成了小程序API配原创 2021-05-29 20:29:50 · 1482 阅读 · 2 评论 -
小程序开发学习(4)---天气预报接口API篇
文章目录1.实现用户定位API2.获取定位信息1.实现用户定位API天气预报API大多数都是需要收费的,但是在现在学习阶段可以不需要购买收费的,网上能找到免费的天气预报API地址,但是可能不是很好找,我找了好久才找到一个免费的版本,不容易啊。下面给大家分享一下微信小程序获取用户定位信息的方法。先在网上进入: 实况天气接口API开发指南有付费和免费两个版本,上面的链接需要充钱才有API,我们可以使用下面的这个免费版,点击免费七日天气在免费版本这里点击箭头所示,注册一个开发账号,推荐使用邮箱注册,原创 2020-08-02 10:43:42 · 5934 阅读 · 0 评论 -
小程序开发学习(3)---.wxss详解篇
文章目录1. app.wxss2.跳转按钮设置2.1 hover-class2.2 goStudy2.2.1 设置边框长宽2.2.2 字体居中设置2.2.3 边框离上、左、下距离设置2.2.4 字体大小、加粗设置2.2.5 边框厚度、颜色设置2.2.6 矩形边角设置本文主要介绍一些.wxss里的一些属性和功能1. app.wxssapp.wxss主要是用在全局配置样式,有些可以共有的样式,就不需要在每个.wxss文件夹中重复使用,优先级比.wxss低一些,所以如果两者都写入了样式,会默认执行文件原创 2020-07-29 16:21:15 · 10312 阅读 · 0 评论 -
小程序开发学习(2)---.wxml详解篇
文章目录1.轮播图1、swiper1.1 indicator-dots1.2 indicator-color1.3 indicator-active-color1.4 autoplay1.5 interval2、swiper-item容器2.1 image本文主要介绍一些.wxml里的一些属性和功能1.轮播图可以实现左右滑动图片,切换图片的效果1、swiper滑块视图容器,其中只可放置swiper-item组件,否则会导致未定义的行为1.1 indicator-dotsindicator-d原创 2020-07-27 22:58:38 · 2131 阅读 · 0 评论 -
小程序开发学习(1)---app.json详解篇
文章目录1.授权登录1.授权登录在使用微信小程序时,我们需要经过用户允许之后才能获取微信用户信息,一般我们都是在APP.json中的pages数组的第一个元素中的地址写入获取用户信息的代码。新建的小程序会自动新建Index和logs两个文件夹,一般都自动默认在index中导入用户登录信息,点击头像位置就可以授权登录。新建的小程序都会自动生成授权代码在index.js和index.wxml中,只需要自己修改一小部分即可。在index.json中设置小程序首页名称和字体颜色,在index.wxss中设置页面原创 2020-07-27 11:42:37 · 3987 阅读 · 0 评论 -
小程序开发全局配置
文章目录1.entryPagePath2.pages3.window4.tabBar5.debug全局配置:小程序根目录下的 app.json 文件用来对微信小程序进行配置,文件内容为一个 JSON 对象以下内容均在app.json中编写1.entryPagePath指定小程序的默认启动路径(首页),常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填,将默认为 pages 列表的第一项,不支持带页面路径参数。就是点击编译时显示的第一个页面地址,样式代码:{ "entryPagePa原创 2020-07-25 15:05:10 · 997 阅读 · 0 评论 -
微信小程序部分功能介绍和实现
文章目录1.实现微信小程序授权1.实现微信小程序授权在登录微信小程序前,我们首先应该先经过用户允许授权才能进行后面的操作,现在的新建的微信小程序在index中会自动给出授权代码和跳转信息,没有点击获取头像像信息,微信小程序就不能将你的信息导入进来,在原来的基础上我增加了跳转按钮和页面样式、结构做了一些修改,效果如下index.js中的代码如下://index.js//获取应用实例const app = getApp()Page({ data: { motto: 'Hello W原创 2020-07-24 12:20:35 · 3024 阅读 · 0 评论