94 lines
1.8 KiB
Vue
94 lines
1.8 KiB
Vue
|
<template>
|
||
|
|
<view class="page">
|
||
|
|
<u-navbar title="添加设备" :border-bottom="false" :background="bgc" title-color='#262B37' title-size='38'
|
||
|
|
height='50'></u-navbar>
|
||
|
|
<text class="title">IOS WIFI连接教程</text>
|
||
|
|
<text class="wb">系统检测到您为苹果手机需进wiFi设置页获取最新WIFI后返回</text>
|
||
|
|
<view class="wifivideo">
|
||
|
|
<video :src="videosrc"></video>
|
||
|
|
</view>
|
||
|
|
<button @click="btnxyb">下一步</button>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
options: '',
|
||
|
|
deviceId: '',
|
||
|
|
name: '',
|
||
|
|
videosrc:'https://lxnapi.ccttiot.com/FjAFeRSQNx3FUuU6eH61dHAconzA'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad(option) {
|
||
|
|
console.log(option, 'opopop')
|
||
|
|
this.deviceId = option.deviceId
|
||
|
|
this.name = option.name
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
btnxyb() {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: '/page_components/wifilist/index?deviceId=' + this.deviceId + '&name=' + this.name
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less">
|
||
|
|
.page {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0 20rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-top: 50rpx;
|
||
|
|
padding-bottom: 30rpx;
|
||
|
|
|
||
|
|
.title {
|
||
|
|
font-size: 80rpx;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wb {
|
||
|
|
color: #666;
|
||
|
|
display: block;
|
||
|
|
font-size: 34rpx;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wifivideo {
|
||
|
|
// width: 100%;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
width: 100%;
|
||
|
|
height: 63vh;
|
||
|
|
padding-bottom: 56.25%;
|
||
|
|
position: relative;
|
||
|
|
video {
|
||
|
|
// width: 100%;
|
||
|
|
// height: 90vh;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
object-fit: cover;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
// position: fixed;
|
||
|
|
// left: 50%;
|
||
|
|
// transform: translateX(-50%);
|
||
|
|
// bottom: 50rpx;
|
||
|
|
//margin-top: -100rpx;
|
||
|
|
padding: 10rpx 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: #8883F0;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
font-size: 20px;
|
||
|
|
width: 100%;
|
||
|
|
color: #fff;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
}
|
||
|
|
</style>
|