# WeatherWX
微信小程序
由于公司打算要搞一个小程序app,所以趁闲先自己搞一个试试手，小程序搜索----即时天气(已上线)。
### 浅谈项目
这个项目的天气数据使用了和风的天气api.由于请求用户当前位置的时候只有经纬度，所以又利用了高德的api进行地理反编码。接口方面就这么多了，很简单哈~
### 浅谈项目中的难点吧
整体上反正是根据微信小程序官网文档进行开发，有html+css+js的基础的吧，上手很快~就是文档上的wxss的样式代码基本没有，所以有的时候怎么试都不行，像scroll-view，只能百度了，css的知识都忘了很多，像flex,display什么的简直是晕了。反正是一边做一边百度。假如要做一个大项目，看来要买本css的书好好从头看看了。
其他的就是头部的地址展示不会，背景要根据文字自适应,百度后核心代码：
```xml
<view class='location' bindtap='chooseLocation'>
<view>
<image class='locationImg' src='../img/location.png' mode='aspectFit'></image>
<text >{{location}}</text>
</view>
</view>
```
```css
.location {
color: red;
padding: 10rpx;
font-size: 42rpx;
font-family: "PingFangSC-Medium";
text-align: center;
position: absolute;
/* z-index: 2; */
top: 1%;
left: 0;
right: 0;
height: 56rpx;
}
.location view {
padding-left: 30rpx;
padding-right: 30rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
white-space: nowrap;
}
.location view text {
color: white;
font-size: 30rpx;
padding-right: 20rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
padding-left: 60rpx;
white-space: nowrap;
border-radius: 30rpx;
background-color: rgba(215, 215, 215, 0.1);
}
```
背景色不太明显哈~
### show me code
喜欢的话给个star哈~
微信小程序-即时天气（已上线）分享.zip （90个子文件） 
open_weixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxcxxxxxxxxxxxxcxvcvcv 
LICENSE 11KB SmallWX pages index index.wxml 5KB index.js 5KB index.wxss 4KB historytoday historytoday.wxss 667B historytoday.json 128B historytoday.js 1KB historytoday.wxml 346B img 
309.png 854B 502.png 430B 402.png 2KB 205.png 1KB 500.png 816B 403.png 2KB 204.png 2KB 304.png 997B north.png 654B 400.png 2KB 104.png 764B 404.png 2KB 405.png 1KB 207.png 1KB sun2.png 269KB 202.png 2KB cloud.png 201KB 211.png 1KB 303.png 2KB 999.png 985B south.png 599B west.png 610B snow.png 170KB 503.png 1005B 100.png 607B westnorth.png 605B umbrella.png 1KB 313.png 945B 1.png 101KB 310.png 819B east.png 589B 307.png 1KB 305.png 929B 407.png 1KB 900.png 608B cold.png 695B 306.png 1KB 101.png 1KB car.png 1KB 210.png 1KB 311.png 888B 308.png 910B 508.png 2KB 209.png 1KB cloth.png 772B 208.png 1KB 103.png 1KB 102.png 782B 203.png 2KB 300.png 1KB 406.png 1KB 312.png 941B 302.png 1KB location.png 844B 401.png 2KB 504.png 514B 507.png 2KB rain.png 244KB 213.png 505B 901.png 600B 212.png 505B eastnorth.png 542B 301.png 2KB 200.png 1KB 206.png 1KB eastsouth.png 607B westsouth.png 604B 201.png 1KB sun.png 172KB 501.png 730B smog.png 185KB logs logs.json 52B logs.js 261B logs.wxml 173B logs.wxss 106B app.json 323B project.config.json 714B app.js 1KB utils util.js 975B network.js 307B app.wxss 194B README.md 3KB资源评论
