# 瓜皮天气
<p align="center">
<img src="./screenshot/gh_3cc3c3064657_430.jpg" width="175">
</p>
瓜皮天气微信小程序,个人初学小程序练手所写,基于 taro + ts + mobx 开发,天气背景素材用 sketch 临摹自 https://dribbble.com/shots/3802809-Weather-A, 侵权联系必删。
为了保护个人隐私,有个配置文件未上传,请自行申请对应开发者账号,并按照以下格式新增 `src/common/const.ts`
```typescript
// src/common/const.ts
const QQ_MAP_KEY = '' // 腾讯地图 key
const GEOCODER_URL = 'https://apis.map.qq.com/ws/geocoder/v1/' // 腾讯地图逆地址解析 url
const HEFENG_BASE_URL = 'https://free-api.heweather.net/s6/' // 和风天气 base url
const HEFENG_KEY = '' // 和风天气 key
export { QQ_MAP_KEY, GEOCODER_URL, HEFENG_BASE_URL, HEFENG_KEY }
```
## 特点
- 简约美观
- 自动定位,支持地图上直接挑选位置
- 当前天气信息,空气质量等
- 后几个小时天气预报
- 7 天内天气图表显示
- 生活指数推荐
## 预览
<p align="center">
<img src="./screenshot/IMG_1444.PNG" width="175">
<img src="./screenshot/IMG_1446.PNG" width="175">
<img src="./screenshot/IMG_1447.PNG" width="175">
<img src="./screenshot/IMG_1445.PNG" width="175">
</p>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
瓜皮天气微信小程序,基于 taro + ts + mobx 开发.zip (49个子文件)
资料总结
.eslintrc 368B
.editorconfig 197B
yarn.lock 483KB
project.config.json 955B
.prettierrc 90B
src
pages
Index
index.less 3KB
index.tsx 8KB
lib
f2-canvas
lib
EventEmitter.min.js 3KB
renderer.js 1KB
f2.js 189KB
f2-canvas.wxss 66B
f2-canvas.wxml 178B
f2-canvas.json 48B
f2-canvas.js 2KB
store
locationStore.ts 2KB
weatherStore.ts 2KB
index.ts 116B
assets
images
footer.png 21KB
fonts
font_1279133_zcf4btattbf
demo.css 8KB
demo_index.html 14KB
iconfont.ttf 4KB
iconfont.css 4KB
iconfont.woff2 3KB
iconfont.js 19KB
iconfont.svg 18KB
iconfont.eot 5KB
iconfont.woff 3KB
app.tsx 1KB
app.less 84B
components
WeatherIcon
index.less 101B
index.tsx 472B
common
promise-polyfill.js 46B
utils.ts 8KB
hooks.ts 360B
lifestyle.conf.json 579B
index.html 1011B
screenshot
IMG_1446.PNG 379KB
IMG_1445.PNG 480KB
IMG_1444.PNG 401KB
gh_3cc3c3064657_430.jpg 87KB
IMG_1447.PNG 394KB
package.json 2KB
global.d.ts 586B
.gitignore 84B
tsconfig.json 720B
README.md 1KB
config
prod.js 424B
dev.js 113B
index.js 2KB
共 49 条
- 1
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 大创项目编程示例开发案列优质学习资料资源工具与案列应用场景开发文档教程资料.txt
- 树莓派智能车编程实例开发案列优质学习资料资源工具与案列应用场景开发文档教程资料.txt
- 电子设计竞赛(Electronic Design Contest) 开发案列优质学习资料资源工具与案列应用场景开发文档教程资料
- Cpu-Z 是一款计算机的CPU检测软件
- 美国大学生数学建模竞赛 开发案列优质学习资料资源工具与案列应用场景开发文档教程资料.txt
- 最新版点微同城源码34.7+全套插件+小程序前后端附图片
- 计算机二级 开发案列优质学习资料资源工具与案列应用场景开发文档教程资料.txt
- Python 编程示例开发案列优质学习资料资源工具与案列应用场景开发文档教程资料.txt
- Java学生管理系统数列开发案列优质学习资料资源工具与案列应用场景开发文档教程资料.txt
- dysbb_121970.apk
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功