Blame view

pages/API/brightness/brightness.vue 1.65 KB
4b045f7c   刘淇   江阴初始化项目
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
  <template>
  	<view>
  		<page-head :title="title"></page-head>
  		<view class="uni-padding-wrap uni-common-mt">
  			<!-- #ifndef MP-TOUTIAO -->
  			<view class="text-box">亮度 : {{ screen }}</view>
  			<view class="uni-slider"><slider :value="screen" @changing="sliderChange" step="1" /></view>
  			<!-- #endif -->
  			<button type="primary" @click="keep">
  				{{ keepScreenOn ? '保持常亮状态' : '关闭常亮状态' }}
  			</button>
  			<view class="tips">
  				保持常亮时,屏幕不会熄灭。仅在当前应用生效,离开应用后设置失效。
  			</view>
  		</view>
  	</view>
  </template>
  <script>
  export default {
  	data() {
  		return {
  			title: 'brightness',
  			screen: 0,
  			keepScreenOn: true
  		};
  	},
  	onLoad() {
  		uni.getScreenBrightness({
  			success: res => {
  				this.screen = (res.value * 100).toFixed();
  			},
  			fail(e) {
  				console.log(e);
  			}
  		});
  	},
  	methods: {
  		sliderChange(e) {
  			let screen = e.detail.value;
  			// 判断是否重复
  			if (this.screen !== screen) {
  				console.log('当前数值:' + e.detail.value);
  				uni.setScreenBrightness({
  					value: screen / 100,
  					success: function() {
  					},
  					fail(e) {
  						console.log(e);
  					}
  				});
  				this.screen = screen;
  			}
  		},
  		keep() {
  			uni.setKeepScreenOn({
  				keepScreenOn: this.keepScreenOn
  			});
  			this.keepScreenOn = !this.keepScreenOn;
  		}
  	}
  };
  </script>
  
  <style>
  .text-box {
  	margin-bottom: 40rpx;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	height: 300rpx;
  	background-color: #ffffff;
  	font-size: 32rpx;
  	color: #353535;
  }
  
  .uni-slider {
  	margin: 100rpx 0;
  }
  
  .tips {
  	font-size: 26rpx;
  	text-align: center;
  	margin-top: 20rpx;
  	color: #999;
  }
  </style>