更换WIFI
This commit is contained in:
@@ -171,6 +171,7 @@ Page({
|
||||
},
|
||||
|
||||
setConfigSuccessful() {
|
||||
ppScale.plugin.Blue.disconnect();
|
||||
wx.switchTab({
|
||||
url: "/pages/home/home"
|
||||
})
|
||||
|
||||
@@ -6,7 +6,7 @@ Page({
|
||||
deviceInfo: null,
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
onShow() {
|
||||
this.getDevice();
|
||||
},
|
||||
|
||||
@@ -20,6 +20,12 @@ Page({
|
||||
})
|
||||
},
|
||||
|
||||
openReplaceNetwork() {
|
||||
wx.navigateTo({
|
||||
url: "/pages/replaceNetwork/replaceNetwork"
|
||||
})
|
||||
},
|
||||
|
||||
delDevice() {
|
||||
let scaleDeviceId = this.data.deviceInfo.macAddress.replace(/:/g, '');
|
||||
let params = {
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<view>设备SN</view>
|
||||
<view>{{deviceInfo.equipmentCode}}</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="arrowAfter" bind:tap="openReplaceNetwork">
|
||||
<view>Wi-Fi名称</view>
|
||||
<view>{{deviceInfo.wifiName}}</view>
|
||||
</view>
|
||||
|
||||
@@ -80,6 +80,14 @@ page {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.arrowAfter {
|
||||
padding-right: 60rpx !important;
|
||||
}
|
||||
|
||||
.arrowAfter::after {
|
||||
right: 30rpx;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #FFFFFF;
|
||||
width: 580rpx;
|
||||
|
||||
+86
-40
@@ -15,13 +15,86 @@ Page({
|
||||
userInfo: userInfo,
|
||||
token: token
|
||||
})
|
||||
if(token && userInfo) {
|
||||
this.getDevice();
|
||||
if(token) {
|
||||
this.getDevice(false);
|
||||
}
|
||||
},
|
||||
|
||||
openLoginOrReg() {
|
||||
if(this.data.userInfo === null && this.data.token === null) {
|
||||
if(this.data.token) {
|
||||
this.openLoginOrReg_();
|
||||
} else {
|
||||
this.starLogin().then(() => {
|
||||
this.getDevice(true);
|
||||
}).catch(() => {
|
||||
wx.showToast({
|
||||
title: "登录失败,请重试!",
|
||||
icon: "none"
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
openLoginOrReg_() {
|
||||
let deviceInfo = this.data.deviceInfo;
|
||||
if(deviceInfo) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/userInfo/userInfo"
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "当前用户暂未绑定设备,需要绑定吗?",
|
||||
confirmText: "去绑定",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/searchDevice/searchDevice"
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 打开设备详情
|
||||
openDeviceInfo() {
|
||||
if(this.data.token) {
|
||||
this.openDeviceInfo_();
|
||||
} else {
|
||||
this.starLogin().then(() => {
|
||||
this.openDeviceInfo_();
|
||||
}).catch(() => {
|
||||
wx.showToast({
|
||||
title: "登录失败,请重试!",
|
||||
icon: "none"
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
openDeviceInfo_ () {
|
||||
let deviceInfo = this.data.deviceInfo;
|
||||
if(deviceInfo) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/deviceInfo/deviceInfo"
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "当前暂未绑定设备,需要绑定吗?",
|
||||
confirmText: "去绑定",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/searchDevice/searchDevice"
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
starLogin() {
|
||||
return new Promise((resolve, reject) => {
|
||||
wx.login({
|
||||
success: (res) => {
|
||||
if (res.code) {
|
||||
@@ -35,55 +108,28 @@ Page({
|
||||
token: res.result.token,
|
||||
userInfo: res.result.user
|
||||
})
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject();
|
||||
})
|
||||
} else {
|
||||
wx.showToast({
|
||||
icon: "none",
|
||||
title: "登录失败,请稍后再试!",
|
||||
})
|
||||
reject();
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 打开设备详情
|
||||
openDeviceInfo() {
|
||||
if(this.data.userInfo && this.data.token) {
|
||||
let deviceInfo = this.data.deviceInfo;
|
||||
if(deviceInfo) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/deviceInfo/deviceInfo"
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "当前暂未绑定设备,需要绑定吗?",
|
||||
confirmText: "去绑定",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
wx.navigateTo({
|
||||
url: "/pages/searchDevice/searchDevice"
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
wx.showToast({
|
||||
icon: "none",
|
||||
title: "请先登录"
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 获取已经绑定的设备列表
|
||||
getDevice() {
|
||||
getDevice(bol) {
|
||||
let params = {};
|
||||
$.ajax("weighingScale/list/device", params, "GET", false).then((res) => {
|
||||
this.setData({
|
||||
deviceInfo: res.result && res.result.length ? res.result[0] : null
|
||||
})
|
||||
})
|
||||
if(bol) {
|
||||
this.openLoginOrReg_();
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
+2
-2
@@ -1,5 +1,5 @@
|
||||
<view class="userInfo">
|
||||
<view class="user" bind:tap="openLoginOrReg">
|
||||
<view class="user {{userInfo || token ? 'arrowAfter' : ''}}" bind:tap="openLoginOrReg">
|
||||
<view>
|
||||
<image src="/images/my/user.png" />
|
||||
</view>
|
||||
@@ -48,7 +48,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<block wx:if="{{userInfo}}">
|
||||
<block wx:if="{{token}}">
|
||||
<view class="btn">
|
||||
<view bind:tap="exitLogin">退出登录</view>
|
||||
</view>
|
||||
|
||||
@@ -0,0 +1,250 @@
|
||||
const app = getApp();
|
||||
import $ from "../../utils/request";
|
||||
|
||||
Page({
|
||||
data: {
|
||||
progress: 0,
|
||||
|
||||
BLUE_STATE: {},
|
||||
connectState: "",
|
||||
|
||||
device: null,
|
||||
wifiInfo: {
|
||||
ssid: "",
|
||||
password: ""
|
||||
}
|
||||
},
|
||||
|
||||
// 存储回调函数的引用,以便在 detached 时取消监听
|
||||
_connectStateWatcher: null,
|
||||
|
||||
onLoad(options) {
|
||||
this.checkBluetoothPermissionAndInit();
|
||||
|
||||
|
||||
app.globalData.ppScale.plugin.bus.subscribe("devicesModel", (res) => {
|
||||
console.log("searchDevice ===》devicesModel", res);
|
||||
app.globalData.ppScale.device.mac = res.deviceMac;
|
||||
|
||||
app.globalData.ppScale.plugin.bus.subscribe("deviceConnect", (res) => {
|
||||
console.log('connectedDevice ===》deviceConnect', res);
|
||||
|
||||
app.globalData.ppScale.plugin.ScaleAction.startDataProgress(true);
|
||||
app.globalData.ppScale.activeProtocol = app.globalData.ppScale.plugin.ScaleAction.getActiveProtocol();
|
||||
|
||||
app.globalData.ppScale.activeProtocol.codeUpdateMTU((res) => {
|
||||
console.log("connectedDevice ===》codeUpdateMTU", res);
|
||||
|
||||
|
||||
app.globalData.ppScale.device.name = this.data.device.name;
|
||||
app.globalData.ppScale.device.connection = this.data.device;
|
||||
this.selectComponent('#replaceNetwork1Component').getWiFiList();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
console.log(`[Component] connectState 获取: ${app.globalData.ppScale.device.connectState}`);
|
||||
this.setData({
|
||||
BLUE_STATE: app.globalData.ppScale.plugin.BLUE_STATE,
|
||||
connectState: app.globalData.ppScale.device.connectState
|
||||
})
|
||||
this._connectStateWatcher = (newValue, oldValue) => {
|
||||
console.log(`[Component] connectState 变化: ${oldValue} -> ${newValue}`);
|
||||
this.setData({
|
||||
connectState: newValue || ''
|
||||
});
|
||||
};
|
||||
app.watch('ppScale.device.connectState', this._connectStateWatcher);
|
||||
},
|
||||
|
||||
checkBluetoothPermissionAndInit() {
|
||||
this.setData({
|
||||
initText: "正在检查蓝牙权限..."
|
||||
});
|
||||
wx.getSetting({
|
||||
success: (res) => {
|
||||
if (res.authSetting['scope.bluetooth']) {
|
||||
this.openBluetoothAdapter();
|
||||
} else {
|
||||
wx.authorize({
|
||||
scope: 'scope.bluetooth',
|
||||
success: () => {
|
||||
this.openBluetoothAdapter();
|
||||
},
|
||||
fail: (err) => {
|
||||
this.setData({
|
||||
initText: "蓝牙权限被拒绝。"
|
||||
});
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '您拒绝了蓝牙权限,将无法连接蓝牙秤。是否前往设置开启?',
|
||||
confirmText: '去开启',
|
||||
cancelText: '不开启',
|
||||
success: (modalRes) => {
|
||||
if (modalRes.confirm) {
|
||||
wx.openSetting({
|
||||
success: (settingRes) => {
|
||||
console.log('openSetting success', settingRes);
|
||||
},
|
||||
fail: (settingErr) => {
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
this.setData({
|
||||
initText: "获取权限设置失败。"
|
||||
});
|
||||
wx.showToast({
|
||||
title: '获取权限设置失败',
|
||||
icon: 'none'
|
||||
});
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
openBluetoothAdapter() {
|
||||
this.setData({
|
||||
initText: "正在初始化蓝牙..."
|
||||
});
|
||||
wx.openBluetoothAdapter({
|
||||
success: () => {
|
||||
this.setData({
|
||||
initText: "蓝牙初始化成功"
|
||||
});
|
||||
this.getDeviceSettingList();
|
||||
},
|
||||
fail: (err) => {
|
||||
this.setData({
|
||||
initText: "蓝牙初始化失败。"
|
||||
});
|
||||
if (err.errCode === 10001) {
|
||||
wx.showModal({
|
||||
title: "提示",
|
||||
content: "请确保手机蓝牙已开启。",
|
||||
showCancel: false,
|
||||
success: () => {
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
});
|
||||
} else if (err.errMsg && err.errMsg.includes('permission denied')) {
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '蓝牙权限仍被拒绝,无法使用蓝牙功能。',
|
||||
showCancel: false,
|
||||
success: () => {
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: `蓝牙适配器打开失败: ${err.errMsg || err.errCode}`,
|
||||
icon: 'none',
|
||||
success: () => {
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
// 获取自己已经配对上的设备
|
||||
getDeviceSettingList() {
|
||||
let params = {};
|
||||
$.ajax("weighingScale/list/device", params, "GET", true, "获取设备列表").then((res) => {
|
||||
this.setData({
|
||||
initText: "设备搜索中..."
|
||||
})
|
||||
app.globalData.ppScale.device.list = [];
|
||||
let seviceList = app.globalData.ppScale.device.setting.find((item) => {
|
||||
return item.deviceName === res.result[0].type
|
||||
});
|
||||
app.globalData.ppScale.plugin.Blue.setDeviceSetting([seviceList]);
|
||||
app.globalData.ppScale.plugin.Blue.start(res.result[0].type, false);
|
||||
app.globalData.ppScale.plugin.bus.subscribe("devicesList", (res_) => {
|
||||
console.log("searchDevice ===> devicesList", res_);
|
||||
|
||||
let fIndex = res_.findIndex(item => item.deviceId === res.result[0].deviceId);
|
||||
if (fIndex >= 0) {
|
||||
app.globalData.ppScale.plugin.Blue.stopBluetoothDevicesDiscovery();
|
||||
this.setData({
|
||||
device: res_[fIndex]
|
||||
})
|
||||
app.globalData.ppScale.plugin.Blue.createBLEConnection(res_[fIndex]);
|
||||
}
|
||||
});
|
||||
})
|
||||
},
|
||||
|
||||
// 点击设备重连
|
||||
connectedDevice() {
|
||||
let device = this.data.device;
|
||||
if(device) {
|
||||
ppScale.plugin.Blue.createBLEConnection(device);
|
||||
}
|
||||
},
|
||||
|
||||
// 选择了某个wifi
|
||||
wifiSSIDChange(e) {
|
||||
let status = e.detail.status;
|
||||
if(status) {
|
||||
this.setData({
|
||||
['wifiInfo.ssid']: e.detail.data.ssid,
|
||||
progress: this.data.progress + 1
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 设置wifi密码
|
||||
wifiPWDChange(e) {
|
||||
let status = e.detail.status;
|
||||
if(status) {
|
||||
this.setData({
|
||||
['wifiInfo.password']: e.detail.data,
|
||||
progress: this.data.progress + 1
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
wifiSetChange(e) {
|
||||
let status = e.detail.status;
|
||||
if(status) {
|
||||
this.setData({
|
||||
progress: this.data.progress + 1
|
||||
})
|
||||
} else {
|
||||
this.setData({
|
||||
progress: 0
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
// 卸载事件监听
|
||||
onUnload() {
|
||||
if (this._connectStateWatcher) {
|
||||
app.unwatch('ppScale.device.connectState', this._connectStateWatcher);
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"replaceNetwork1": "/components/replaceNetwork_1/replaceNetwork_1",
|
||||
"replaceNetwork2": "/components/replaceNetwork_2/replaceNetwork_2",
|
||||
"replaceNetwork3": "/components/replaceNetwork_3/replaceNetwork_3",
|
||||
"replaceNetwork4": "/components/replaceNetwork_4/replaceNetwork_4"
|
||||
},
|
||||
"navigationBarTitleText": "更换Wi-Fi"
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
<view class="replaceNetwork">
|
||||
<view class="header">
|
||||
<view>
|
||||
<view>智能蓝牙秤</view>
|
||||
<view>型号:{{device.name}}</view>
|
||||
</view>
|
||||
<view>
|
||||
<block wx:if="{{connectState == BLUE_STATE.CONNECTSUCCESS}}">
|
||||
<view style="background-color: #2AC79F;"></view>
|
||||
<view style="color: #2AC79F;">连接成功</view>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view style="background-color: #F24439;"></view>
|
||||
<view bind:tap="connectedDevice" style="color: #F24439;">连接失败,点击重试</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="section">
|
||||
<block wx:if="{{progress === 0}}">
|
||||
<replaceNetwork1 id="replaceNetwork1Component" bind:wifiEvent="wifiSSIDChange"></replaceNetwork1>
|
||||
</block>
|
||||
<block wx:if="{{progress === 1}}">
|
||||
<replaceNetwork2 ssid="{{wifiInfo.ssid}}" id="replaceNetwork2Component" bind:wifiEvent="wifiPWDChange"></replaceNetwork2>
|
||||
</block>
|
||||
<block wx:if="{{progress === 2}}">
|
||||
<replaceNetwork3 ssid="{{wifiInfo.ssid}}" password="{{wifiInfo.password}}" bind:wifiEvent="wifiSetChange"></replaceNetwork3>
|
||||
</block>
|
||||
<block wx:if="{{progress === 3}}">
|
||||
<replaceNetwork4></replaceNetwork4>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,69 @@
|
||||
.replaceNetwork {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
padding: 24rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
padding: 30rpx 40rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.header>view:nth-of-type(1) {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.header>view:nth-of-type(1)>view:nth-of-type(1) {
|
||||
color: #252535;
|
||||
height: 32rpx;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
line-height: 32rpx;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.header>view:nth-of-type(1)>view:nth-of-type(2) {
|
||||
color: #808080;
|
||||
height: 26rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 26rpx;
|
||||
}
|
||||
|
||||
.header>view:nth-of-type(2) {
|
||||
height: 28rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header>view:nth-of-type(2)>view:nth-of-type(1) {
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 14rpx;
|
||||
}
|
||||
|
||||
.header>view:nth-of-type(2)>view:nth-of-type(2) {
|
||||
height: 28rpx;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
|
||||
|
||||
.section {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
border-radius: 16rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
|
||||
},
|
||||
|
||||
onShow() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {},
|
||||
"navigationBarTitleText": "个人信息",
|
||||
"disableScroll": true
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
<!-- <view class="device">
|
||||
<view>
|
||||
<view>智能蓝牙秤</view>
|
||||
<view>型号:{{deviceInfo && deviceInfo.type ? deviceInfo.type : '获取中...'}}</view>
|
||||
</view>
|
||||
<view>
|
||||
<view style="background-color: {{connectedDevice.color}};"></view>
|
||||
<view style="color: {{connectedDevice.color}};">{{connectedDevice.message}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view class="form">
|
||||
<view>
|
||||
<view>姓名</view>
|
||||
<view>
|
||||
<input
|
||||
type="text"
|
||||
value="{{realname}}"
|
||||
bindinput="realnameInput"
|
||||
placeholder="请输入姓名"
|
||||
placeholder-class="placeholderClass" />
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view>性别</view>
|
||||
<view class="arrowAfter">
|
||||
<picker bindchange="sexChange" value="{{sex.index}}" range="{{sex.data}}" range-key="name">
|
||||
{{sex.index === null ? '请选择性别' : sex.data[sex.index].name}}
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view>生日</view>
|
||||
<view class="arrowAfter">
|
||||
<picker bindchange="birthdayChange" mode="date" value="{{birthday.value}}">
|
||||
{{birthday.value ? birthday.label : '请选择生日'}}
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<block wx:if="{{customerType === '1'}}">
|
||||
<view>
|
||||
<view>手机号</view>
|
||||
<view>
|
||||
<block wx:if="{{phone}}">
|
||||
{{phone}}
|
||||
</block>
|
||||
<block wx:else>
|
||||
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">点击获取手机号</button>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<view>
|
||||
<view>身高</view>
|
||||
<view class="arrowAfter">
|
||||
<picker bindchange="heightChange" value="{{height.index}}" range="{{height.data}}">
|
||||
{{height.index === null ? '请选择身高' : height.data[height.index] + ' cm'}}
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view>体重</view>
|
||||
<view class="arrowAfter">
|
||||
<picker bindchange="weightChange" value="{{weight.index}}" range="{{weight.data}}">
|
||||
{{weight.index === null ? '请选择体重' : weight.data[weight.index] + ' kg'}}
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="btn" bind:tap="submit">确定</view>
|
||||
@@ -0,0 +1,145 @@
|
||||
page {
|
||||
padding: 30rpx 30rpx 0;
|
||||
}
|
||||
|
||||
.device {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
padding: 35rpx 40rpx;
|
||||
border-radius: 24rpx;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 24rpx;
|
||||
background-color: #FFFFFF;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.device>view:nth-of-type(1)>view:nth-of-type(1) {
|
||||
color: #252535;
|
||||
height: 32rpx;
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
line-height: 32rpx;
|
||||
margin-bottom: 22rpx;
|
||||
}
|
||||
|
||||
.device>view:nth-of-type(1)>view:nth-of-type(2) {
|
||||
color: #808080;
|
||||
height: 26rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 26rpx;
|
||||
}
|
||||
|
||||
.device>view:nth-of-type(2) {
|
||||
height: 28rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.device>view:nth-of-type(2)>view:nth-of-type(1) {
|
||||
width: 14rpx;
|
||||
height: 14rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.device>view:nth-of-type(2)>view:nth-of-type(2) {
|
||||
height: 28rpx;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
line-height: 28rpx;
|
||||
padding-left: 8rpx;
|
||||
}
|
||||
|
||||
.form {
|
||||
width: 100%;
|
||||
padding: 0 30rpx;
|
||||
border-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
margin-bottom: 80rpx;
|
||||
}
|
||||
|
||||
.form>view {
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
padding: 0 10rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1rpx solid #EAECF1;
|
||||
}
|
||||
|
||||
.form>view>view:first-of-type {
|
||||
color: #252535;
|
||||
height: 120rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
line-height: 120rpx;
|
||||
}
|
||||
|
||||
.form>view>view:last-of-type {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
color: #B6B6B6;
|
||||
font-size: 28rpx;
|
||||
height: 120rpx;
|
||||
line-height: 120rpx;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.form>view>view:last-of-type.arrowAfter {
|
||||
padding-right: 30rpx;
|
||||
}
|
||||
|
||||
.form>view>view:last-of-type input {
|
||||
color: #252535;
|
||||
width: 100%;
|
||||
height: 120rpx;
|
||||
line-height: 120rpx;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.placeholderClass {
|
||||
color: #B6B6B6;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.form>view {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: #FFFFFF;
|
||||
width: 580rpx;
|
||||
height: 88rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
border-radius: 44rpx;
|
||||
margin: 0 auto 50rpx;
|
||||
background-color: #1385FA;
|
||||
}
|
||||
|
||||
.tips {
|
||||
color: #77849E;
|
||||
width: 100%;
|
||||
font-size: 26rpx;
|
||||
line-height: 40rpx;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.delBtn {
|
||||
color: #1385FA;
|
||||
width: 580rpx;
|
||||
height: 88rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
border-radius: 44rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
Reference in New Issue
Block a user