工具静态

.hbuilderx/launch.json

@@ -10,6 +10,10 @@
      	{
      		"launchtype" : "local"
      	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "local"
+     	},
      	"type" : "uniCloud"
      }
     ]

App.vue

@@ -2,6 +2,8 @@
 	export default {
 		onLaunch: function() {
 			console.log('App Launch')
+			/* 获取状态栏高度 */
+			uni.setStorageSync('statusBarHeight',uni.getSystemInfoSync()['statusBarHeight'])
 		},
 		onShow: function() {
 			console.log('App Show')

components/custom-tabbar.vue

@@ -83,7 +83,7 @@ const navTo = (name) => {
 
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .custom_tabbar {
 	z-index: 9999;
 }

pages.json

@@ -43,6 +43,18 @@
 				"navigationBarTitleText": "一键省电",
 				"navigationStyle": "custom"
 			}
+		},{
+			"path": "pages/tools/shengDianJiQiao",
+			"style": {
+				"navigationBarTitleText": "省电技巧",
+				"navigationStyle": "custom"
+			}
+		},{
+			"path": "pages/tools/baoYangJiQiao",
+			"style": {
+				"navigationBarTitleText": "保养技巧",
+				"navigationStyle": "custom"
+			}
 		},{
 			"path": "pages/tools/shengBoChuChen",
 			"style": {

pages/tools/baoYangJiQiao.vue

@@ -0,0 +1,15 @@
+<template>
+	<view class="content">
+		<image class="w" style="height: 900px;"
+		 src="/static/image/source/byjq_.png"></image>
+	</view>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+</script>
+
+<style lang="scss" scoped>
+	
+</style>

pages/tools/jingXuanBiZhi.vue

@@ -1,31 +1,34 @@
 <template>
 	<view class="content">
-		<view class="flex scroll-x ai_end mgt-20" style="gap: 50rpx;">
-			<view class="text-28 text-999 cursor" :class="active == tab.id?'active':''"
-			 v-for="(tab,index) in category" @click="chooseTab(tab)">
-				{{ tab.name }}
+		<view  :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="flex scroll-x ai_end mgt-20" style="gap: 50rpx;">
+				<view class="text-28 text-999 cursor" :class="active == tab.id?'active':''"
+				 v-for="(tab,index) in category" @click="chooseTab(tab)">
+					{{ tab.name }}
+				</view>
 			</view>
-		</view>
-		<view class="flex mgt-40">
-			<view class="w-220 h-120 flex ai_center jc_center bg-white radio-20 mgr-20">
-				流行壁纸
+			<view class="flex mgt-40">
+				<view class="w-220 h-120 flex ai_center jc_center bg-white radio-20 mgr-20">
+					流行壁纸
+				</view>
+				<view class="w-220 h-120 flex ai_center jc_center bg-white radio-20">
+					最新壁纸
+				</view>
 			</view>
-			<view class="w-220 h-120 flex ai_center jc_center bg-white radio-20">
-				最新壁纸
+			<view class="imgs mgt-40 flex fw_wrap" style="gap: 14rpx;">
+				<image class="w-220 h-280 radio-16" mode="aspectFill"
+				v-for="img in category[active-1].list" :src="img">
+					
+				</image>
 			</view>
 		</view>
-		<view class="imgs mgt-40 flex fw_wrap" style="gap: 14rpx;">
-			<image class="w-220 h-280 radio-16" mode="aspectFill"
-			v-for="img in category[active-1].list" :src="img">
-				
-			</image>
-		</view>
 	</view>
 </template>
 
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 const category = ref([
 	{ name:'风景',list:[
 		'https://img2.baidu.com/it/u=643390968,3821598343&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800',

pages/tools/quWeiCePing.vue

@@ -1,15 +1,17 @@
 <template>
 	<view class="content">
-		<view class="pdy-60 pdx-28 mgt-100 radio-20 bg-white w border-0_1 box">
-				<view class="title mgb-50" >
-					{{ curIndex + 1 }}、{{ QList[curIndex].title }}
-				</view>
-				<view class="Aitem flex" v-for="(a,key) in QList[curIndex].Alist" 
-				@click="chooseA(key)" :class="chooseList[curIndex] == key ?'active':''">
-					<view class="">{{ key }}、</view>
-					<view class="">{{ a }}</view>
-				</view>
-				<view class="next_btn cursor" @click="nextFn">{{ curIndex == QList.length - 1 ? '提交' : '下一题'}}</view>
+		<view :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="pdy-60 pdx-28 mgt-100 radio-20 bg-white w border-0_1 box">
+					<view class="title mgb-50" >
+						{{ curIndex + 1 }}、{{ QList[curIndex].title }}
+					</view>
+					<view class="Aitem flex" v-for="(a,key) in QList[curIndex].Alist" 
+					@click="chooseA(key)" :class="chooseList[curIndex] == key ?'active':''">
+						<view class="">{{ key }}、</view>
+						<view class="">{{ a }}</view>
+					</view>
+					<view class="next_btn cursor" @click="nextFn">{{ curIndex == QList.length - 1 ? '显示结果' : '下一题'}}</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -17,13 +19,15 @@
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 const QList = ref([
-	{ title:'你更喜欢哪种社交场合1?',Alist:{'A':'大型会所1','B':'小型会所','C':'与几位亲朋密友聚会','D':'独自一人'} },
-	{ title:'你更喜欢哪种社交场合2?',Alist:{'A':'大型会所2','B':'小型会所','C':'与几位亲朋密友聚会','D':'独自一人'} },
-	{ title:'你更喜欢哪种社交场合3?',Alist:{'A':'大型会所3','B':'小型会所','C':'与几位亲朋密友聚会','D':'独自一人'} },
-	{ title:'你更喜欢哪种社交场合4?',Alist:{'A':'大型会所4','B':'小型会所','C':'与几位亲朋密友聚会','D':'独自一人'} },
-	{ title:'你更喜欢哪种社交场合5?',Alist:{'A':'大型会所5','B':'小型会所','C':'与几位亲朋密友聚会','D':'独自一人'} }
-]) 
+	{ title:'你更喜欢哪种社交场合?',Alist:{'A':'大型会所','B':'小型会所','C':'与几位亲朋密友聚会','D':'独自一人'} },
+	{ title:'你在做决定时更倾向于?',Alist:{'A':'依靠逻辑和事实','B':'依靠直觉和感觉','C':'参考别人的意见','D':'随机应变'} },
+	{ title:'你更喜欢哪种工作环境?',Alist:{'A':'有条不紊的办公室','B':'灵活自由的环境','C':'家庭办公','D':'合作共享的空间'} },
+	{ title:'在团队中，你通常扮演什么角色?',Alist:{'A':'领导者','B':'执行者','C':'协调者','D':'创新者'} },
+	{ title:'你更喜欢哪种娱乐方式?',Alist:{'A':'阅读书籍','B':'参加派对','C':'看电影','D':'运动健身'} }
+])
+
 const curIndex = ref(0)
 const curChoose = ref(null)
 const chooseList = ref([]) // 选择的数组 AABCD
@@ -31,6 +35,13 @@ const chooseA = (key) =>{
 	chooseList.value[curIndex.value] = key
 }
 const nextFn = ()=>{
+	if(!chooseList.value[curIndex.value]){
+		uni.showToast({
+			title:'请先选择选项',
+			icon:'none'
+		})
+		return
+	}
 	if(curIndex.value < QList.value.length - 1){
 		curIndex.value += 1
 	}else{

pages/tools/shengBoChuChen.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content p-rel pdt-100">
+	<view class="content p-rel pdt-100" :style="{ paddingTop: statusBarHeight + 'px' }">
 		<view class="p-rel h-200 flex ai_center fd_c">
 			<ourLoading active translateY="50" background-color="transparent" color="#ea9f8a" />
 		</view>
@@ -16,12 +16,24 @@
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import ourLoading from '@/components/our-loading/our-loading.vue'
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 const open = ref(false)
 const statusNum = ref(0)
 var timer = null
 const handleClick = () =>{
 	if(!open.value){
 		open.value = true
+		uni.vibrateLong({
+			success: function () {
+				console.log('success');
+			}
+		});
+		uni.vibrateShort({
+			type: 'heavy',
+			success: function () {
+				console.log('success');
+			}
+		});
 	}else{
 		return
 	}

pages/tools/shengDianJiQiao.vue

@@ -0,0 +1,15 @@
+<template>
+	<view class="content">
+		<image class="w" style="height: 1100px;"
+		 src="/static/image/source/sdjq_.png"></image>
+	</view>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { onShow } from "@dcloudio/uni-app";
+</script>
+
+<style lang="scss" scoped>
+	
+</style>

pages/tools/shouJiCeJu.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content">
+	<view class="content" :style="{ paddingTop: statusBarHeight + 'px' }">
 		<vertical-rule style="position: absolute;right: 10rpx;" min="0" max="150" height="600" @change="change"></vertical-rule>
 	</view>
 </template>
@@ -8,6 +8,7 @@
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import verticalRule from '@/components/horizontal-rule/vertical-rule.vue'
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 const dfVal = ref(0)
 const change = (e)=>{
 	dfVal.value = Math.round(e)

pages/tools/shouJiQingLi.vue

@@ -1,50 +1,55 @@
 <template>
 	<view class="content">
-		<view class="flex w ai_center jc_center fd_c mgt-20">
-			<!-- <qiun-data-charts
-				  style="width: 360rpx;height: 360rpx;"
-			      type="arcbar"
-			      :opts="opts"
-			      :chartData="chartData"
-			    /> -->
-			<iCircle
-				:percent="percent"
-				:size="350"
-				stroke-color="#44ebd9"
-				BgId="BgId1"
-				InId="InId1"
-				trailWidth="30"
-				strokeWidth="30"
-				trailColor="#d0effd"
-			>
-				<text  style="font-size:48rpx; color: #333;font-weight: bold;">{{ percent }}%</text>
-				<view slot="canvas">
-					<canvas
-						class="CanvasBox strokeCanvas"
-						canvas-id="BgId1"
-					></canvas>
-					<canvas
-						class="CanvasBox trailCanvas"
-						canvas-id="InId1"
-					></canvas>
+		<view  :style="{ paddingTop: statusBarHeight + 'px' }">
+			<view class="flex w ai_center jc_center fd_c mgt-20">
+				<!-- <qiun-data-charts
+					  style="width: 360rpx;height: 360rpx;"
+				      type="arcbar"
+				      :opts="opts"
+				      :chartData="chartData"
+				    /> -->
+				<image src="/static/image/source/jiasu.png" v-if="!status"
+				style="width: 350rpx;height: 350rpx;"></image>
+				<iCircle
+					v-else
+					:percent="percent"
+					:size="350"
+					stroke-color="#44ebd9"
+					BgId="BgId1"
+					InId="InId1"
+					trailWidth="30"
+					strokeWidth="30"
+					trailColor="#d0effd"
+				>
+					<text  style="font-size:48rpx; color: #333;font-weight: bold;">{{ percent }}%</text>
+					<view slot="canvas">
+						<canvas
+							class="CanvasBox strokeCanvas"
+							canvas-id="BgId1"
+						></canvas>
+						<canvas
+							class="CanvasBox trailCanvas"
+							canvas-id="InId1"
+						></canvas>
+					</view>
+				</iCircle>
+				<view class="text-24 mgt-20">发现大量垃圾</view>
+				<view class="text-888 text-22 mgt-20">占用大量手机内存，急需清理</view>
+				<view class="mgt-50 clean_btn cursor" @click="sureClean">
+					{{ status?'正在清理中':'立即清理' }}
 				</view>
-			</iCircle>
-			<view class="text-24 mgt-20">发现大量垃圾</view>
-			<view class="text-888 text-22 mgt-20">占用大量手机内存，急需清理</view>
-			<view class="mgt-50 clean_btn cursor" @click="sureClean">
-				{{ status?'正在清理中':'立即清理' }}
 			</view>
-		</view>
-		<view class="w bg-white h-320 mgt-80 radio-30 pd-20">
-			<view v-for="(i,key) in info" class="bg-eee h-80 radio-20 mgb-20 flex jc_between ai_center pdx-20">
-				<view>
-					<i v-if="key == '剩余内存'" style="color: #42aa87;" class="fas fa-rocket"></i>
-					<i v-else-if="key == '总计内存'" style="color: #42aa87;" class="fas fa-file"></i>
-					<i v-else-if="key == '已使用'" style="color: #42aa87;" class="fas fa-pie-chart"></i>
-					&nbsp; {{ key }}
-				</view>
-				<view class="" style="color: #42aa87;">
-					{{ i }}GB
+			<view class="w bg-white h-320 mgt-80 radio-30 pd-20">
+				<view v-for="(i,key) in info" class="bg-eee h-80 radio-20 mgb-20 flex jc_between ai_center pdx-20">
+					<view>
+						<i v-if="key == '剩余内存'" style="color: #42aa87;" class="fas fa-rocket"></i>
+						<i v-else-if="key == '总计内存'" style="color: #42aa87;" class="fas fa-file"></i>
+						<i v-else-if="key == '已使用'" style="color: #42aa87;" class="fas fa-pie-chart"></i>
+						&nbsp; {{ key }}
+					</view>
+					<view class="" style="color: #42aa87;">
+						{{ i }}GB
+					</view>
 				</view>
 			</view>
 		</view>
@@ -55,6 +60,7 @@
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 import iCircle from '@/components/xiaoran-circle/xiaoran-circle.vue';
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 onMounted(()=>{
 	getServerData();
 })

pages/tools/wangLuoXinXi.vue

@@ -1,8 +1,39 @@
 <template>
-	<view class="content">
+	<view class="content" >
+		<view :style="{ paddingTop: statusBarHeight + 'px' }"></view>
 		<view class="box">
-			<view class="">当前连接：YThuwai</view>
-			
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>国家</view>
+				<view>中国</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>省份</view>
+				<view>福建省</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>城市</view>
+				<view>厦门市</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>地区</view>
+				<view>湖里区</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>运营商</view>
+				<view>未知</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>经纬度</view>
+				<view>118.122291--24.517468</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>国家识别码</view>
+				<view>CN</view>
+			</view>
+			<view class="flex jc_between text-28 text-500 h-62">
+				<view>IP地址</view>
+				<view>--</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -10,23 +41,21 @@
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 const list = ref([
 	
 ])
 onMounted(()=>{
+	uni.getNetworkType({
+		success: function (res) {
+			console.log(res);
+		}
+	});
 	// uni.getConnectedWifi({
-	// 	success:(res)=>{
-	// 		console.log('res',res)
+	// 	success: function (res) {
+	// 		console.log(res);
 	// 	}
-	// })
-	// uni.getWifiList({
-	// 	success:(res)=>{
-	// 		console.log('res',res)
-	// 	},
-	// 	fail: (err) => {
-	// 		console.log('err',err)
-	// 	}
-	// })
+	// });
 })
 </script>
 
@@ -39,7 +68,7 @@ onMounted(()=>{
 	.box{
 		background-color: #fff;
 		border-radius: 30rpx;
-		height: 95vh;
-		padding: 30rpx 28rpx;
+		min-height: 500rpx;
+		padding: 30rpx 28rpx 0;
 	}
 </style>

pages/tools/wifiGuanLi.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="content p-rel">
+		<view :style="{ paddingTop: statusBarHeight + 'px' }"></view>
 		<view class="box">
 			<view class="mgb-10">当前连接：YThuwai</view>
 			<view class="listbox">
@@ -23,6 +24,7 @@
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 const list = ref([
 	{
 	  "SSID": "YThuwai",

pages/tools/yangShengKeTang.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="content">
+	<view class="content" :style="{ paddingTop: statusBarHeight + 'px' }">
 		<swiper class="swiper" circular :indicator-dots="true"
 		 indicator-color="#fff" indicator-active-color="#58b3df" 
 		 :autoplay="false" :interval="2000" :duration="2000">
@@ -21,6 +21,7 @@ const imgList = ref([
 	'https://img0.baidu.com/it/u=3803731919,348987985&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=996',
 	
 ])
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 </script>
 
 <style lang="scss" scoped>

pages/tools/yiJianShengDian.vue

@@ -1,5 +1,6 @@
 <template>
-	<view class="content">
+	<view class="content" >
+		<view :style="{ paddingTop: statusBarHeight + 'px' }"></view>
 		<view class="box1">
 			<view class="text-24 mgb-20">
 				剩余电量
@@ -24,6 +25,14 @@
 				    />
 			</view>
 		</view>
+		<view class="flex mgt-50 jc_between">
+			<view class="btn_s w-320" @click="navTo('/pages/tools/shengDianJiQiao')">
+				省电技巧
+			</view>
+			<view class="btn_s w-320" @click="navTo('/pages/tools/baoYangJiQiao')">
+				保养技巧
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -32,14 +41,24 @@ import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
 const powerNum = ref(90)
 const chartData = ref({})
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 onShow(()=>{
 	getServerData();
-	// uni.vibrateLong({
-	// 	success: function () {
-	// 		console.log('success');
-	// 	}
-	// });
+	uni.getBatteryInfo({
+	  success: (res) => {
+		  powerNum.value = res.level
+	    console.log(res)
+	  },
+	  fail:(err)=>{
+	  	console.log('err',err)
+	  }
+	})
 })
+const navTo = (url)=>{
+	uni.navigateTo({
+		url
+	})
+}
 const opts = ref({
 	color: ["#2ff8e8","#2fe3f4"],
 	  padding: [15,15,0,5],
@@ -87,16 +106,17 @@ const getServerData = ()=>{
 	        chartData.value = JSON.parse(JSON.stringify(res));
 	      }, 50);
 }
-uni.getBatteryInfo({
-  success: (res) => {
-	  powerNum.value = res.level
-  },
-  fail:(err)=>{
-  	console.log('err',err)
-  }
-})
 // 立即省电
 const savePower = ()=>{
+	uni.setScreenBrightness({
+		value: 1,
+		success: function () {
+			console.log('success');
+		},
+		fail: (err) => {
+			console.log('err',err);
+		}
+	});
 	uni.showToast({
 		title:'开启省电',
 		icon:'none',

pages/tools/yunDongJiBu.vue

@@ -1,17 +1,77 @@
 <template>
-	<view class="content">
-		<image src="../../static/image/index_banner.jpg"></image>
+	<view class="content p-rel" :style="{ paddingTop: statusBarHeight + 'px' }">
+		<view class="p-rel w">
+			<image class="w" style="height: 2800rpx;" src="/static/image/source/yundongjibu.jpg"></image>
+			<view class="p-abs zindex-1 text-52 text-b w"
+			@click="editNum()"
+			:style="{
+				top:`${ 240 + statusBarHeight*1 }px`,
+				left:'35vw',
+			}"
+			>{{ num }}</view>
+			<view class="p-abs zindex-1 text-24 text-bbb text-500"
+			:style="{
+				top:`${ 274 + statusBarHeight*1 }px`,
+				left:'35vw',
+			}">/{{ totalNum }}步</view>
+		</view>	
+		<up-popup :show="popup" mode="center" :closeOnClickOverlay="true"
+		  @close="close" closeable :round="20">
+			<view class="h-300 bg-white pd-30 radio-20">
+				<view class="text-center text-30">设置步数</view>
+				<up-input class="border mgt-30 pdy-30 pdx-20 text-28"
+				 type="number" maxlength="6" v-model="inputNum" placeholder="请输入运动步数" />
+				<view class="btn_s mgt-30" @click="confirm">提交</view>
+			</view>
+		</up-popup>
 	</view>
 </template>
 
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
+const popup = ref(false)
+const num = ref(1000)
+const totalNum = ref(100000)
+const inputNum = ref(null)
+// 修改步数
+const editNum = ()=>{
+	popup.value = true
+	inputNum.value = num.value
+}
+const confirm = ()=>{
+	if(num.value < 0){
+		uni.showToast({
+			title:'请正确输入步数',
+			icon:'none'
+		})
+		return
+	}
+	num.value = inputNum.value
+	close()
+	uni.showToast({
+		title:'修改成功',
+		icon:'none'
+	})
+}
+const close = ()=>{
+	popup.value = false
+}
+// #ifdef MP-WEIXIN
+	wx.getWeRunData({
+	  success (res) {
+	    // 拿 encryptedData 到开发者后台解密开放数据
+	    const encryptedData = res.encryptedData
+	    // 或拿 cloudID 通过云调用直接获取开放数据
+	    const cloudID = res.cloudID
+		console.log('encryptedData',encryptedData)
+		console.log('cloudID',cloudID)
+	  }
+	})
+// #endif
 </script>
 
 <style lang="scss" scoped>
-	image{
-		height: 100vh;
-		width: 100%;
-	}
+	
 </style>

pages/tools/ziTiDaXiao.vue

@@ -7,6 +7,7 @@
 <script setup>
 import { ref, onMounted } from "vue";
 import { onShow } from "@dcloudio/uni-app";
+var statusBarHeight = uni.getStorageSync('statusBarHeight')
 </script>
 
 <style lang="scss" scoped>

static/css/flex.css

@@ -47,6 +47,8 @@ label {
     display: none;
 }
 
+/* #ifndef MP-WEIXIN */
+
 * {
     padding: 0;
     margin: 0;
@@ -66,6 +68,7 @@ label {
 *::before {
     box-sizing: border-box;
 }
+/* #endif */
 
 html {
     width: 100%;