111 lines
2.2 KiB
Vue
111 lines
2.2 KiB
Vue
<template>
|
|
<view class="page">
|
|
<u-navbar title="添加设备" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" 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',
|
|
bgc: {
|
|
backgroundColor: "#8883f0",
|
|
},
|
|
wifi:'',
|
|
id:''
|
|
}
|
|
},
|
|
// 分享到好友（会话）
|
|
onShareAppMessage: function () {
|
|
return {
|
|
title: '创想物联',
|
|
path: '/pages/shouye/index'
|
|
}
|
|
},
|
|
|
|
// 分享到朋友圈
|
|
onShareTimeline: function () {
|
|
return {
|
|
title: '创想物联',
|
|
query: '',
|
|
path: '/pages/shouye/index'
|
|
}
|
|
},
|
|
onLoad(option) {
|
|
console.log(option, 'opopop')
|
|
this.deviceId = option.deviceId
|
|
this.name = option.name
|
|
this.wifi = option.wifi
|
|
this.id = option.id
|
|
},
|
|
methods: {
|
|
btnxyb() {
|
|
uni.navigateTo({
|
|
url: '/page_components/wifilist/index?deviceId=' + this.deviceId + '&name=' + this.name + '&wifi=' + this.wifi + '&id=' + this.id
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.page {
|
|
width: 100%;
|
|
padding: 0 20rpx;
|
|
box-sizing: border-box;
|
|
padding-top: 50rpx;
|
|
// padding-bottom: 30rpx;
|
|
|
|
.title {
|
|
font-size: 60rpx;
|
|
color: #666;
|
|
}
|
|
|
|
.wb {
|
|
color: #666;
|
|
display: block;
|
|
font-size: 34rpx;
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.wifivideo {
|
|
// width: 100%;
|
|
margin-top: 10rpx;
|
|
width: 100%;
|
|
height: 63vh;
|
|
padding-bottom: 56.25%;
|
|
text-align: center;
|
|
// position: relative;
|
|
video {
|
|
border-radius: 20rpx;
|
|
// position: absolute;
|
|
width: 90%;
|
|
height: 63vh;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
}
|
|
|
|
button {
|
|
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> |