微信小程序展示未来7天天气 / 张生荣

微信小程序天气预报功能实现(支持自动定位,附源码)

前言由于和风天气API的更新,之前写的那篇文章可能会出现版本不兼容的情况.所以更新了这个使用新版API的小程序. 效果图天气API获取这里我用的是和风天气的API,打开官网注册或者登 ...

在社区翻腾了许久,没有找到合适的天气插件.迫不得已,只好借鉴互联网上的web项目,手动迁移到小程序中使用.现在分享到互联网社区中,帮助后续有需要的开发者. 1.组件介绍 1.1 组件效果预览图小 ...

show内容展示尝试用微信小程序的template组件实现.同时,尝试页面间转跳时传参,在目标页面引入模板文件实现写的更少,做的更多篇幅有限详细代码此处省略 <view class=&qu ...

本文实例为大家分享了微信小程序实现展示评分结果的具体代码,供大家参考,具体内容如下星星评分展示1 根据评分展示整颗行星或者半颗星星星星评分展示2 根据评分按照小数点展示整颗行星或者部分星星 wxm ...

本文实例为大家分享了微信小程序实现星级评分和展示的具体代码,供大家参考,具体内容如下星级评分分成两种情况: 一:展示后台给的评分数据二:用户点击第几颗星星就显示为几星评分; 直接上代码 wxm ...

本文实例讲述了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能.分享给大家供大家参考,具体如下: 效果图实现原理采用高德地图微信小程序开发API(getWeather),如果 ...

一.前言项目中遇到的评分相关的需求其实还挺多.之前也写过网页中关于评分功能实现的文档.这次,是基于微信小程序开发而提炼出一个简单方便使用的方法,网页开发中同样可用.这次使用的还是字体,主要是字体这个 ...

目录一.项目展示二.首页三.收藏一.项目展示今日美食是为用户提供各种美食的制作方法,详细介绍了配料和制作流程二.首页首页采用垂直布局,由搜索栏.轮播图.宫格三大组件组成点击搜索栏将跳转 ...

本文实例为大家分享了微信小程序地图实现展示线路的具体代码,供大家参考,具体内容如下效果图: 思路: 1.首先获取一系列的坐标点,然后将这些坐标从头到尾链接起来.(参考微信小程序地图组件polylin ...

目录前言实现思路实现步骤 1. 添加一个按钮用来开启横屏模式 2. 准备一个容器总结前言由于手机屏幕宽度的限制,当数据量较大时,观看体验并不是很好,因此横屏展示的功能就显得必要了,还好uc ...

微信公众平台近日悄然开始内测微信小程序(微信公众号)功能,引来无数开发者和普通用户关注,微信支付的能力,是随着小程序的发布一并推出的,具有介绍如下: wx.login(OBJECT) 调用接口获取登录 ...

微信小程序天气预报实例主要功能自动定位所在城市根据所定位的城市获取天气信息显示未来几天的天气情况查看当天天气的详情信息先看效果图微信小程序-天气首页微信小程序-天气详情页思路及 ...

微信小程序 POST请求的实例详解在微信小程序里post请求和get情求,写法差不多,但是还是有一点点不同的,下面利用post请求做一个查询天气的微信小程序demo. 页面代码: <view ...

微信小程序高德地图SDK: 简介微信小程序 SDK 帮您在微信小程序中获取高德丰富的地址描述.POI和实时天气数据. 功能介绍账号与Key的申请注册成为高德开发者需要分三步: 第一步,注册高德 ...

前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为H5和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发 ...

前言最近在学小程序开发,刚好学到天气预报功能的制作,于是给大家分享下. 效果图天气API获取这里我用的是和风天气的API,打开官网注册或者登陆你的账号进入控制台,新建应用这是刚刚我们创建好的 ...

需求背景: 在小程序页面插入gif动态图,但gif图一般体积比较大,转而用自动播放视频的模式来模拟gif图的效果,丰富页面展示.自动播放的视频,无控制条,无声音,自动循环播放. 技术难点: 因为微信小 ...

随着小程序应用越来越广泛,国际化支持逐渐成了刚需. 官方文档给出了一个国际化方案 ,但觉得配置起来稍微有点复杂,对项目结构还有一定的要求.如果是旧项目改动成本太大,遂决定自己实现一个小程序国际化方案 ...

前言微信小程序因为其便捷的使用方式,以极快的速度传播开来吸引了大量的使用者.市场需求急剧增加的情况下,每家互联网企业都想一尝甜头,因此掌握小程序开发这一技术无疑是一名前端开发者不可或缺的技能.但小程 ...

本文实例为大家分享了微信小程序实现时间轴的具体代码,供大家参考,具体内容如下一.显示样式二.代码 1.wxml: <view class="header"> ...