uni-app/pages/index/index.vue

<style scoped lang="scss">
	.content {
		background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA+AAD/4QN8aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MmM0YWYxNTItMjNlZS00M2VhLTliMmMtOWRlMmIxZDVlYzk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVEQ0UyMUFENEY5RDExRTU5M0FDRUJFN0RFNkQ5NTQ2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVEQ0UyMUFDNEY5RDExRTU5M0FDRUJFN0RFNkQ5NTQ2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcwZGNmYzRhLTJhMGQtNDk5YS05ZTE4LTg0MmY0YzA3YWE0YyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyYzRhZjE1Mi0yM2VlLTQzZWEtOWIyYy05ZGUyYjFkNWVjOTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwv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EBAIBASAQAEgEAgiRQgAJAIBASAQQgIoQAEABIAAIAgAAIAAAogAAAIAIAAAAgAAAAAAAAO4cXdAAAFRIBAAQCAAkAgAIqEABIAACQCAkAggCRQABIACAAQAEAgJAIBBEgEUICQACAkAgEESARQBIAACAQCCIAAACAQBRAAAAAQQAAABAAAAAAdy4u6AAAAgAAIqAAAJAAICAQEAioQEAgEBAIBASAQRIoAQCAgEAgIACQACAkAAERQAgJAICAACJAFCAkAgAJAAIAIgAAJAAAFEAAABABAAAEAAB3Li+gEAAAQAAEgAEABIqAAJAIBASAQCAgCoAgEBIBAAICCEBIoAAkAAgIAACQCAQEgEEQCKEBIABAQAQgJAIoAgAAIAAIkAAABAAFEAAAAEQAUEAdy4voBAAVBAAAEAAgAIABARUAASAQCAgAEBAFQBAIBAQCAQEAggogAIABASAAQEAgAJAIIQEigCAQCAgAAiARQBAAASAAQARAAARQQFAEAAABAd04O4AACKAgACAAAAgAAIABAASKgBAQACAkAgEBBBQgJAICQCAQEgEEASKEAgIBAAQCAQEgAEBIIAihAICQCAQEgEAERQABIAACAAAggAACQCKAAIDuXB3AAAAARQAAAEQAAAEAAABAAASCCgCAQCAkAgAAiKAJAIBASAQAEEICQBQBIBAICQACAkAgEBIBBCAkUAICQAEgAEBIIRQgJAAASAAACIAACAA7hxd1BAAAAAAAFEAAEAAQAAAEAABAAIBARUIACAAQEAgEBBCKEBIACAAQEgEEARQgEBAICAQAEgAEBIBBCAkUIBASAAAkAgEERQAgJAAAQCACIADuHF3QAFBAUEAAAAAAUAQAAQBAAAAQAAEAAgAIqEABIBAICAAAQRIoQEAgEBIABASCAJFCAQEgEAgJAIBASAQCAgEEFEABAAICAQAQgIoAkAABAAdu4uyAoAICgAgKAACAAAAAAigAABBEAgAAIABAQAABUQCAQEgEAgJAAICRUIBAQAEgAEBABBRIACAAQEAAgJAIACQAQBIoQAEgEAgJAAQQgEUSAA7ZxdkABQAAAQAAAFABAAAAAAAFEAEAAQAAAEAABAAAARUAASAAQEAgAJFAQgJAIACQACAkEICRQABAIACQCAQEgAAJABEgEUASAQCAkAgAiQHauTsgAKACAAAAAoIAAACgAgAAAAAACiCAoAIgAAAIAACAAAKiAAAgAAIABASKhAAQCAgEAgIBBCAihASAQCAgAEBIAACQCCAJAFCAkAgEB2bk6oCgAAAAgAAAAAKAACAAoAICggACggAigAABBEAgAAIABAAQACCJFCAAkAAgJAAARUIACAAAkABAIIQEUIACAQAEAgAJAIACQCCIBFCA7JydQAEBQAQAFBAUEBQAQFBAAUAEAAAAAAAAAAUQAAAARAAAAQAAEAAgEVEgAAJAIACQCAQEioQEgEAgJAIBASCEAgJFCAgAAEBIBAAQCAkAgjsKw6lAoFAoFAoFAoFEKBQKBQKBRSgUCgUCgUCoAAFAoAAACiCFAoFAoAIBQKCUCgUCglBKBVQoFAFABEAABAKCUABQQJgEUSYIAgIAAIAgHgCYBMAmATAJgJMA64odcB9VZaKBQKBQKBQKBQKBQKBQKBQKKtAqBQAAAWgUCgUCgUCgUCgUE3VEohQKBQKCUCglClClBKoVAoIAoILQKCKFEKBQQAAAAAAAEBAAQAQABAAABQAAAAAHN2VDsB2A7AdgOwHYDsB2A7AdgOwHYDsB2IL2SKUKtClAoHYDsB2RSgdiB2A7EDsQOxA7EQ7EDssKnYEoFA7AUCiJRSqh2AoFBKBQKBUCgUCgUEqhQKBQKBQAAAKBQSgAAAgAAAAAAAACAAAoAvZqMU7EKdiFOxCnYhTsQp2IU7EKdiFOxCnYhTsQp2IU7EKdiLV7EKdkhTsQq9iLTsQp2IU7EKdiFOxCnYhTsQp2IU7BTsQp2IU7EKnYiU7BU7EKdiFOxCnYhTsBQqdlhTsQp2IHYgdiB2IHYgVIFAoFAoFAoFAoFAoFAoFAoFAoFCpSKUgUAAAAAAAAAAAAAGezUc6diFOxCnYhTsQp2IU7EKdiFOxCnYhTsQp2IU7EKdiFOxCr2IU7EWnYhTsQp2IU7EKdiFOxCnYhTsQp2IU7JCnYhTsQp2CnYKnYhTsQp2IU7EKdiFKFKFKFKFKFKFKFKFKFKFKFKFKpSgUCgUCgUCgVIUopQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKDj7NuR2A7AdgOwHYDsB2A7AtAopQKBQKB2A7AdgOwHYDsB2A7AdgOxA7AdkDsBQKBQKBRSgUCgUDsQOxA7EDsBQKBQKBQKBQKBQKBQKC0CilAoFAqBQKBQKBQKBQKBQKBQKBQKBQKBQKBQKBQcVdHIoFAoFBaBQKKUCgUCgUCgUCgUCgUCgUCgUCgUCoFAopQKBQKBQKBQKBQKBQKBQKBQWgUUoFAoFQKFKFAAAAAAAEAAAFoUoUoAoAAAAAAAAAAAAADi8ujkeQAAAUDyKeQPIHkDyB5A8geQPIHkDyB5A8geQPIHkDyB5A8geQPKB5A8geQPIAp5A8geQPIL5AAAAAQAAAAAUAU8geQPIHkDyB5A8gAAAeUDyKeQPIHkDyB5A8geQPIHkAAAAAAAADyB5B//2Q==");
		.top{
			padding-top: $uni-margin-tb;
			.adress{
				font-size: $uni-font-size-cg;
				color: $uni-text-color-inverse;
				height: $uni-height-l;
				line-height: $uni-height-l;
				.icon-dizhiguanli{
					padding: 0 10upx;
					font-size: $uni-font-size-lc;
				}
			}
			.now_watch{
				margin-top: $uni-margin-tc;
				margin-left: $uni-margin-tl;
				color: $uni-text-color-inverse;
				.temp{
					text{
						font-size: 120upx;
					}
					.degree{
						
					}
				}
				.inline{
					font-size: $uni-font-size-base;
					.item{
						height: $uni-height-s;
						line-height: $uni-height-s;
					}
				}
			}
		}
		.main{
			margin-top: $uni-margin-tb;
		}
		.bot{
			
		}
	}
	.uni-common-mt{
		position: fixed;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0;
		background: #fff;
		display: flex;
		flex-wrap: wrap;  
		align-items: center;
		.uni-center{
			display: block;
			width: 100vw;
			text-align: center;
			margin-top: 30rpx;
			color: #999;
		}
	}
</style>

<template>
	<view>
		<view class="content">
			<scroll-view scroll-y="true" :style="{height:scollHeight+'px'}">
				<!-- 頭部 -->
				<view class="top">
					<view class="adress">
						<text class="iconfont icon-dizhiguanli"></text>
						<text @tap="cityList">{{city}}</text>
						<text class="iconfont icon-enter"></text>
					</view>
					<view class="now_watch">
						<view class="temp">
							<text class="temp">{{now.tmp == undefined ? 0 : now.tmp}}°</text>
						</view>
						<view class="inline">
							<view class="item">{{now.cond_txt == undefined ? "" : now.cond_txt}} {{now.hum == undefined ? "" : now.hum}}</view>
							<view class="item">{{now.wind_dir == undefined ? "" : now.wind_dir}} {{now.wind_sc == undefined ? 0 : now.wind_sc}}级</view>
						</view>
					</view>
				</view>
				<view class="main">
					<view class="items" v-for="(item,index) in list" :key="index">
						<text></text>
						<text></text>
						<text></text>
					</view>
				</view>
				<!-- 底部 -->
				<view class="bot">
					
				</view>
			</scroll-view>
		</view>
		
		<view class="uni-common-mt" v-if="setting.gesture && pwState">
			<view style="width: 100vw;">
				<mpvue-gesture-lock :containerWidth="590" :cycleRadius="70" @end="onEnd"></mpvue-gesture-lock>
			</view>
			<view class="uni-center">{{text}}</view>
		</view>
	</view>
</template>

<script >
	import {
		mapState,
		mapMutations
	} from "vuex"
	import {getWeather, getFuture, gelocation, getAir, getLift} from "@/common/utils/https.js"
	import mpvueGestureLock from '@/components/mpvueGestureLock/index.vue';
	//#ifdef MP-WEIXIN
		import amapFile from "@/common/utils/amap-wx.js"
		import MapWX from "@/common/utils/qqmap-wx-jssdk.js"
		
		var qqmapsdk = new MapWX({
			key: 'XSVBZ-6XC6U-7HCVN-4D6HU-BPDZ7-GLBS2' // 必填
		});
	//#endif
	export default {
		data() {
			return {
				isLoad: true,
				scollHeight:0,
				now:{},
				updata:{},
				list:[],
				local:{
					lat:"",
					lng:""
				},
				air:{},
				tips:"",
				text:"手势解锁"
			}
		},
		components: {
			mpvueGestureLock
		},
		computed: {
			...mapState({
				city: state => state.global.city,
				setting: state => state.global.setting,
				psWord: state => state.global.psWord,
				pwState: state => state.global.pwState
			})
		},
		onNavigationBarButtonTap() {  
			console.log("点击了自定义按钮");  
		}, 
		onLoad() {
			console.log("2")
			this.isLoad = false
			this.getSystemHeight()
			this.getLocation()
		},
		onShow() {
			//#ifdef H5 
				document.title="首頁"
			//#endif
			if(this.isLoad) {
				this.getWether(this.city)
			}
		},
		onReady() {
			console.log("4")
		},
		onBackPress(options) {
			console.log('from:' + options.from)
		},
		onHide() {
			console.log("yc")
		},
		onUnload() {
			console.log("xz")
		},
		onPullDownRefresh() {
			this.getWether(this.city)
		},
		created: function() {
			console.log("1")
		},
		mounted: function() {
			console.log("3")
		},
		beforeDestroy: function() {
			console.log("8")
		},
		destroyed: function() {
			console.log("9")
		},
		methods: {
			...mapMutations(["setPwSta","setCity"]),
			// 手势解锁
			onEnd(data) {
				console.log(data.join(''))
				if(data.join('') === this.psWord) {
					this.setPwSta(false)
					console.log("解锁成功")
				}else{
					this.text = "手势不正确"
				}
			},
			// 逆解析
			getLocation() {
				let that = this
				// 仅支持https
				//#ifdef MP-WEIXIN
					uni.getLocation({
						type:"gcj02",
						success: function (res) {
							qqmapsdk.reverseGeocoder({
								location: res.latitude+","+res.longitude,
								success: (res)=>{
									console.log(res.result.ad_info,"--0000000--")
									that.setCity(res.result.ad_info.district)
									
									that.getWether(that.city)
								},
								fail: (err)=>{
									
								}
							})
						}
					})
				//#endif
				//#ifndef MP-WEIXIN
					this.getWether(this.city)
				//#endif
			},
			// 获取页面数据
			getWether(key) {
				console.log("-------------------" , key)
				var that = this
				if(!this.setting.gesture) {
					this.$tos.Loding("加載中...")
				}
				getWeather(key).then((res) =>{
					if(res.result.HeWeather6[0].status === "ok") {
						that.local.lat = res.result.HeWeather6[0].basic.lat
						that.local.lng = res.result.HeWeather6[0].basic.lon
						that.now = res.result.HeWeather6[0].now
						that.now.hum = that.$tos.humidity(that.now.hum)
					}else{
						throw res.result
					}
				}).then(()=>{
					return getFuture(key).then((res) =>{
						console.log("2哈" , res)
						if ( res.result.HeWeather6[0].status === "ok") {
							that.list = res.result.HeWeather6[0].daily_forecast
						} else{
							throw res.result.reason
						}
					})
				}).then(()=>{
					//#ifdef H5 
						return gelocation(that.local).then((res) =>{
							console.log("3哈" , res)
							if ( res.result.resultcode === "200" ) {
								that.adress = res.result.result.ext.district
								console.log(that.adress)
							} else{
								throw res.result.reason
							}
						})
					//#endif
					
					//#ifdef MP-WEIXIN 
						console.log("4哈")
					//#endif
				}).catch((e) => {
					console.log(e, "catch" )
					that.$tos.tip(e)
				}).finally(() =>{
					console.log("finally")
					this.isLoad = true
					uni.stopPullDownRefresh();
					that.$tos.HideLoding()
				})
			},
			// 跳转城市列表
			cityList() {
				uni.navigateTo({
					url: "/pages/list/list"
				})
			},
			//動態獲取可視區域高度
			getSystemHeight() {
				var that = this
				uni.getSystemInfo({
					success(res) {
						console.log(res)
						that.scollHeight = res.windowHeight
					},
				})
			}
		}
	}
</script>