807 lines
19 KiB
Vue
807 lines
19 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="tips" v-if="!isstart">
|
||
<view class="top">
|
||
<view class="left cgreen f-l">T</view>
|
||
<view class="right">
|
||
<text class="cgreen">肺活量测试</text>
|
||
<text class="text">肺活量测试能让我们更好的了解您，为您生成详细的健康报告。</text>
|
||
</view>
|
||
</view>
|
||
<view class="list">
|
||
<view class="item" v-if="number1">
|
||
<text class="ml-10 mr-10">1</text>
|
||
<text>吸气肺活量</text>
|
||
<text class="cgreen">{{number1}}ml</text>
|
||
<text>吸气速度</text>
|
||
<text class="cgreen level">{{level1}}</text>
|
||
</view>
|
||
<view class="item" v-if="number2">
|
||
<text class="ml-10 mr-10">2</text>
|
||
<text>吸气肺活量</text>
|
||
<text class="cgreen">{{number2}}ml</text>
|
||
<text>吸气速度</text>
|
||
<text class="cgreen level">{{level2}}</text>
|
||
</view>
|
||
<view class="item" v-if="number3">
|
||
<text class="ml-10 mr-10">3</text>
|
||
<text>吸气肺活量</text>
|
||
<text class="cgreen">{{number3}}ml</text>
|
||
<text>吸气速度</text>
|
||
<text class="cgreen level">{{level3}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="title" v-if="number3==''">
|
||
<view :class="[second==5?'cgreen':'']">您好！第<text>{{number1!=0?'二':number2!=''?'三':'一'}}</text>次测试开始
|
||
</view>
|
||
<view :class="[second==3?'cgreen':'']">放下呼吸训练器，缓慢呼气，尽可能排空肺部气体</view>
|
||
<view :class="[second==1?'cgreen':'']">使用呼吸训练器，缓慢吸气，直至到达极限</view>
|
||
</view>
|
||
<view class="data" v-if="number3">
|
||
<view class="val">
|
||
<text>{{average.toFixed(2)}}ml</text>
|
||
平均吸气肺活量
|
||
</view>
|
||
<view class="text">
|
||
根据您的个人信息，您的达标吸气肺活量为{{standard}}ml。您本次测试吸气速度{{averageS}}L/min,肺活量测试结果{{average.toFixed(2)}}ml。结合您的身体状态和改善目标，我们将为您生成详细的健康报告。
|
||
</view>
|
||
</view>
|
||
<view class="btn" v-if="number3" @click="handleGetMeasure">查看本次报告</view>
|
||
<view class="btn close" v-if="number3" @click="isstart=true">我想重新测试</view>
|
||
<view class="btn" v-if="number1==0||number2==0||number3==0">
|
||
{{second}}S后开始第<text>{{number1!=0?'二':number2!=0?'三':'一'}}</text>次测试
|
||
</view>
|
||
</view>
|
||
<!-- 开始测量 -->
|
||
<view class="weight" v-else>
|
||
<view class="title cgreen">使用呼吸训练器，缓慢吸气，直至到达极限</view>
|
||
<view class="box1">
|
||
<view class="time">吸气速度 <text class="cgreen ml-5">{{LiuS}}L/min</text></view>
|
||
<view class="item">
|
||
<view class="image">
|
||
<!-- -->
|
||
<image src="../../static/01.gif" mode="widthFix">
|
||
</image>
|
||
</view>
|
||
<view class="center mt-15">
|
||
<view class="level"></view>
|
||
<view class="level level-bg" :style="{'top':Number(100 - offset)+'%'}"></view>
|
||
<view class="level-item">
|
||
<view class="ite" v-for="(ite,ind) in list">{{ite.text}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="val">
|
||
<text>{{text}}ml</text>吸气肺活量
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
mapState
|
||
} from "vuex";
|
||
let myTime;
|
||
let cnt = 0;
|
||
let count = 0;
|
||
let lastValue = null;
|
||
export default {
|
||
data() {
|
||
return {
|
||
isEnd: false,
|
||
isstart: false, //是否开始测量
|
||
number1: 0,
|
||
number2: 0,
|
||
number3: 0,
|
||
level1: "",
|
||
level2: "",
|
||
level3: "",
|
||
average: "", //平均
|
||
averageS: "", //平均流速
|
||
text: 0, //实时
|
||
LiuS: "", //流速
|
||
macAddr: "",
|
||
serviceId: "",
|
||
deviceId: "",
|
||
Unload: false,
|
||
notify: "",
|
||
write: "",
|
||
second: 5, //倒计时
|
||
standard: "", //标准
|
||
offset: 0, //
|
||
listS: [],
|
||
}
|
||
},
|
||
computed: {
|
||
...mapState(["user", "isConnected", "isBluetoothTyle", "lungLevel"]),
|
||
info() {
|
||
return this.user
|
||
},
|
||
list() {
|
||
let that = this
|
||
let standard = ""
|
||
that.lungLevel.forEach(ite => {
|
||
if (ite.text == "及格") {
|
||
standard = ite.min_val
|
||
}
|
||
})
|
||
that.standard = standard
|
||
return this.lungLevel
|
||
}
|
||
},
|
||
onUnload: function() {
|
||
let that = this
|
||
if (!that.Unload) {
|
||
clearTimeout(myTime)
|
||
that.stopBluetoothDevicesDiscovery() //取消蓝牙搜索
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
console.log("页面返回onUnload")
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
let that = this
|
||
if (options && options.deviceId) {
|
||
that.deviceId = options.deviceId
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
that.openBluetoothAdapter()
|
||
}
|
||
that.onBLEConnectionStateChange()
|
||
uni.onBluetoothAdapterStateChange(function(res) {
|
||
that.$store.commit("changeBluetooth", res.available);
|
||
})
|
||
},
|
||
watch: {
|
||
isConnected: function() {
|
||
let that = this
|
||
if (!that.isConnected) {
|
||
that.handleBack()
|
||
}
|
||
},
|
||
isBluetoothTyle: function() {
|
||
let that = this
|
||
if (!that.isBluetoothTyle) {
|
||
that.handleBack()
|
||
}
|
||
},
|
||
second: function() {
|
||
let that = this
|
||
if (that.second <= 0) {
|
||
cnt++
|
||
that.isstart = true
|
||
that.sendData("FA02A29E") //蓝牙主动上报
|
||
that.offset = 0
|
||
that.text = 0
|
||
}
|
||
},
|
||
// 是否结束测量
|
||
isEnd: function() {
|
||
let that = this
|
||
console.log("结束测量", that.isEnd)
|
||
if (that.isEnd) {
|
||
console.log("结束测量2", that.isEnd)
|
||
that.isstart = false
|
||
that.sendData("FA02A39F")
|
||
that.level3 = that.handlelenver(that.number2)
|
||
that.average = (Number(that.number3) + Number(that.number2) + Number(that.number1)) / 3
|
||
var sum = 0
|
||
for (var i = 0; i < that.listS.length; i++) {
|
||
sum += Number(that.listS[i]);
|
||
}
|
||
that.averageS = (sum / that.listS.length).toFixed(2)
|
||
console.log((sum / that.listS.length))
|
||
}
|
||
}
|
||
|
||
},
|
||
methods: {
|
||
// 重新连接
|
||
openBluetoothAdapter() {
|
||
let that = this
|
||
cnt = 0
|
||
count = 0;
|
||
lastValue = null;
|
||
that.isEnd = false
|
||
that.text = 0
|
||
that.number1 = 0
|
||
that.number2 = 0
|
||
that.number3 = 0
|
||
that.level1 = ""
|
||
that.level2 = ""
|
||
that.level3 = ""
|
||
that.average = "" //平均
|
||
that.LiuS = "" //流速
|
||
that.second = 5 //倒计时
|
||
that.standard = "" //标准
|
||
that.offset = 0 //
|
||
uni.openBluetoothAdapter({
|
||
success: e => {
|
||
that.startBluetoothDeviceDiscovery()
|
||
},
|
||
fail: e => {
|
||
that.$tools.msg("请确定设备是开机状态、手机蓝牙权限已打开！")
|
||
}
|
||
});
|
||
},
|
||
// 开始搜寻附近的蓝牙外围设备
|
||
startBluetoothDeviceDiscovery() {
|
||
let that = this
|
||
uni.startBluetoothDevicesDiscovery({
|
||
allowDuplicatesKey: true,
|
||
success: res => {
|
||
that.onBluetoothDeviceFound();
|
||
},
|
||
fail: res => {
|
||
that.$tools.msg("请确定设备是开机状态、手机蓝牙权限已打开！")
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 发现外围设备
|
||
*/
|
||
onBluetoothDeviceFound() {
|
||
var that = this;
|
||
uni.onBluetoothDeviceFound(res => {
|
||
res.devices.forEach(device => {
|
||
if (!device.name && !device.localName) {
|
||
return
|
||
}
|
||
if (device.name.indexOf('Yihejia_Lung') != -1) {
|
||
clearTimeout(myTime);
|
||
device.macAddr = device.deviceId
|
||
if (device.deviceId.indexOf(that.deviceId) != -1) {
|
||
that.stopBluetoothDevicesDiscovery()
|
||
that.createBLEConnection()
|
||
console.log("that.deviceId", that.deviceId, device.deviceId)
|
||
return;
|
||
}
|
||
}
|
||
})
|
||
});
|
||
that.handleMyTime()
|
||
},
|
||
// 连接蓝牙
|
||
createBLEConnection() {
|
||
let that = this;
|
||
uni.createBLEConnection({
|
||
deviceId: that.deviceId,
|
||
success: res => {
|
||
that.countdown()
|
||
setTimeout(function() {
|
||
that.getBLEDeviceServices()
|
||
}, 1500)
|
||
},
|
||
fail: res => {
|
||
console.log("设备连接失败，请重新连接", res);
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 获取设备的UUID
|
||
*/
|
||
getBLEDeviceServices() {
|
||
let serviceList = [];
|
||
let that = this;
|
||
uni.getBLEDeviceServices({
|
||
deviceId: that.deviceId,
|
||
success: res => {
|
||
console.log("获取设备的UUID成功", res)
|
||
serviceList = res.services;
|
||
for (let i = 0; i < serviceList.length; i++) {
|
||
let service = serviceList[i];
|
||
if (service.uuid.indexOf("FFE0") != -1) {
|
||
that.serviceId = service.uuid;
|
||
that.getBLEDeviceCharacteristics();
|
||
console.log("设备的FFE0的serviceId： " + that.serviceId);
|
||
break;
|
||
}
|
||
}
|
||
},
|
||
fail: res => {
|
||
console.log('获取设备的UUID失败:', res)
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 获取指定服务的特征值
|
||
*/
|
||
getBLEDeviceCharacteristics() {
|
||
let characteristicsList = [];
|
||
let that = this;
|
||
uni.getBLEDeviceCharacteristics({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
success: res => {
|
||
console.log("服务的特征值成功", res)
|
||
// * 读read: true, //,写write: true, //,通知notify: true
|
||
for (let i = 0; i < res.characteristics.length; i++) {
|
||
let item = res.characteristics[i];
|
||
if (item.uuid.indexOf('0000FFE9') != -1) {
|
||
that.write = item.uuid
|
||
} else if (item.uuid.indexOf('0000FFE4') != -1) {
|
||
that.notify = item.uuid
|
||
}
|
||
}
|
||
uni.notifyBLECharacteristicValueChange({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
characteristicId: that.notify,
|
||
state: true,
|
||
})
|
||
uni.notifyBLECharacteristicValueChange({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
characteristicId: that.write,
|
||
state: true,
|
||
})
|
||
uni.onBLECharacteristicValueChange(function(res) {
|
||
let value = that.$tools.ab2hex(res.value, "");
|
||
// 流量
|
||
let LiuL = value.substring(14, 16) + value.substring(10, 14)
|
||
let LiuL2 = parseInt(LiuL, 16) / 1000
|
||
// 流速
|
||
let LiuS = parseInt(value.substring(22, 26), 16) + parseInt(value
|
||
.substring(18, 22), 16)
|
||
let LiuS2 = LiuS / 1000
|
||
|
||
if (Number(LiuL2) > 0) {
|
||
that.text = LiuL2.toFixed(0)
|
||
that.LiuS = LiuS2.toFixed(1)
|
||
that.offset = that.handleoffset(that.text)
|
||
// 第一次
|
||
if (cnt == 1) {
|
||
// 流量
|
||
if (that.text == lastValue) {
|
||
count++
|
||
if (count >= 30) {
|
||
that.isstart = false
|
||
that.sendData("FA02A39F") //关闭蓝牙主动上报
|
||
that.number1 = LiuL2.toFixed(0)
|
||
that.level1 = that.handlelenver(that.number1)
|
||
that.second = 5
|
||
that.countdown()
|
||
that.LiuS = 0
|
||
return
|
||
}
|
||
} else {
|
||
count = 0
|
||
lastValue = that.text // 更新lastValue
|
||
}
|
||
}
|
||
if (cnt == 2) {
|
||
if (that.text == lastValue) {
|
||
count++
|
||
if (count >= 30) {
|
||
that.isstart = false
|
||
that.sendData("FA02A39F") //关闭蓝牙主动上报
|
||
that.number2 = LiuL2.toFixed(0)
|
||
that.level2 = that.handlelenver(that.number2)
|
||
that.second = 5
|
||
that.countdown()
|
||
that.LiuS = 0
|
||
return
|
||
}
|
||
} else {
|
||
count = 0
|
||
lastValue = that.text // 更新lastValue
|
||
}
|
||
// console.log('流量2', cnt, LiuL2, count)
|
||
}
|
||
if (cnt == 3) {
|
||
// 流速
|
||
if (that.LiuS != 0 || that.LiuS != 0.0) {
|
||
that.listS.push(that.LiuS)
|
||
}
|
||
// 流量
|
||
if (that.text == lastValue) {
|
||
count++
|
||
if (count >= 15) {
|
||
that.number3 = LiuL2.toFixed(0)
|
||
that.isEnd = true
|
||
return
|
||
}
|
||
} else {
|
||
count = 0
|
||
lastValue = that.text // 更新lastValue
|
||
}
|
||
console.log('流量3', cnt, count)
|
||
}
|
||
}
|
||
})
|
||
},
|
||
fail: res => {
|
||
console.log('获取特征值失败:', JSON.stringify(res))
|
||
}
|
||
})
|
||
},
|
||
// 开启蓝牙主动上报模式
|
||
sendData(str) {
|
||
let that = this
|
||
let buf = new Uint8Array(str.match(/[\da-f]{2}/gi).map(function(h) {
|
||
return parseInt(h, 16)
|
||
}))
|
||
uni.writeBLECharacteristicValue({
|
||
deviceId: that.deviceId,
|
||
serviceId: that.serviceId,
|
||
characteristicId: that.write,
|
||
value: buf.buffer,
|
||
success: res => {
|
||
console.log('下发指令成功', res.errMsg)
|
||
},
|
||
fail: res => {
|
||
console.log("下发指令失败", res);
|
||
},
|
||
})
|
||
},
|
||
handleMyTime() {
|
||
var that = this;
|
||
myTime = setTimeout(function() {
|
||
if (!that.macAddr) {
|
||
clearTimeout(myTime);
|
||
that.Unload = true
|
||
that.startBluetoothDeviceDiscovery()
|
||
that.closeBluetoothAdapter()
|
||
}
|
||
}, 30000);
|
||
},
|
||
// 等级
|
||
handlelenver(value) {
|
||
let that = this
|
||
let text = ""
|
||
that.list.forEach(ite => {
|
||
if (Number(value) <= Number(ite.max_val) && Number(value) >= Number(ite.min_val)) {
|
||
text = ite.text
|
||
}
|
||
})
|
||
return text
|
||
},
|
||
//标准动态
|
||
handleoffset(value) {
|
||
let that = this
|
||
let number = 0
|
||
let length = that.list.length
|
||
number = value / (that.list[0].max_val - that.list[length - 1].min_val) * 100
|
||
return number.toFixed(0)
|
||
},
|
||
|
||
/**
|
||
* 停止搜索蓝牙设备
|
||
*/
|
||
stopBluetoothDevicesDiscovery() {
|
||
uni.stopBluetoothDevicesDiscovery({
|
||
success: e => {
|
||
console.log("停止搜索蓝牙设备", e)
|
||
},
|
||
});
|
||
},
|
||
// 监听蓝牙连接状态
|
||
onBLEConnectionStateChange() {
|
||
let that = this
|
||
uni.onBLEConnectionStateChange(function(res) {
|
||
console.log("监听蓝牙连接状态", res.connected)
|
||
if (!res.connected) {
|
||
clearTimeout(myTime);
|
||
that.Unload = true
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
}
|
||
that.$store.commit("changeConnected", res.connected);
|
||
})
|
||
},
|
||
// 保存测量结果
|
||
handleGetMeasure() {
|
||
let that = this
|
||
that.$model.getMeasureLung({
|
||
aud_id: uni.getStorageSync('userid'),
|
||
one: that.number1,
|
||
two: that.number2,
|
||
three: that.number3,
|
||
flow: that.averageS
|
||
}).then(res => {
|
||
if (res.code == 0) {
|
||
that.$store.dispatch('getUserInfo', {
|
||
aud_id: uni.getStorageSync('userid')
|
||
})
|
||
that.$store.dispatch("getLungResult", {
|
||
aud_id: uni.getStorageSync('userid')
|
||
})
|
||
}
|
||
that.Unload = true
|
||
setTimeout(function() {
|
||
that.closeBLEConnection()
|
||
that.closeBluetoothAdapter()
|
||
uni.switchTab({
|
||
url: "/pages/index/index"
|
||
})
|
||
}, 200)
|
||
})
|
||
},
|
||
//
|
||
handleBack(ind) {
|
||
let that = this
|
||
that.text = ""
|
||
that.Unload = true
|
||
that.stopBluetoothDevicesDiscovery()
|
||
that.closeBluetoothAdapter()
|
||
that.closeBLEConnection()
|
||
if (ind == 1) {
|
||
uni.switchTab({
|
||
url: "/pages/index/index"
|
||
})
|
||
}
|
||
},
|
||
// 5秒倒计时
|
||
countdown() {
|
||
let that = this
|
||
count = 0
|
||
lastValue = null
|
||
var timer = setInterval(function() {
|
||
that.second--;
|
||
}, 1000);
|
||
setTimeout(() => {
|
||
clearInterval(timer)
|
||
that.second = 0
|
||
}, 5000)
|
||
},
|
||
/**
|
||
* 断开蓝牙模块
|
||
*/
|
||
closeBluetoothAdapter() {
|
||
let that = this;
|
||
uni.closeBluetoothAdapter({
|
||
success: res => {
|
||
console.log('蓝牙模块关闭成功');
|
||
}
|
||
})
|
||
},
|
||
/**
|
||
* 断开蓝牙连接
|
||
*/
|
||
closeBLEConnection() {
|
||
var that = this;
|
||
uni.closeBLEConnection({
|
||
deviceId: that.deviceId,
|
||
success: res => {
|
||
console.log('断开蓝牙连接成功');
|
||
}
|
||
});
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.content {
|
||
width: calc(100% - 30px);
|
||
padding: 0 15px;
|
||
min-height: 100vh;
|
||
color: #5d5651;
|
||
background-color: #000;
|
||
}
|
||
|
||
.cgreen {
|
||
color: #39D9C9;
|
||
}
|
||
|
||
.tips {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
|
||
.top {
|
||
width: 100%;
|
||
display: flex;
|
||
margin-top: 20px;
|
||
align-items: flex-start;
|
||
|
||
.left {
|
||
font-size: 64rpx;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.right {
|
||
.text {
|
||
font-size: 32rpx !important;
|
||
}
|
||
|
||
text {
|
||
font-size: 32rpx;
|
||
display: block;
|
||
width: 100%;
|
||
margin-bottom: 5px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.item {
|
||
background-color: #272a2a;
|
||
border-radius: 10px;
|
||
margin-top: 8px;
|
||
color: #fff;
|
||
height: 35px;
|
||
line-height: 35px;
|
||
display: flex;
|
||
|
||
text {
|
||
flex-grow: 0;
|
||
display: inline-block;
|
||
}
|
||
|
||
.cgreen {
|
||
flex-grow: 2;
|
||
font-size: 32rpx;
|
||
text-align: center;
|
||
}
|
||
|
||
.level {
|
||
color: #516752;
|
||
}
|
||
}
|
||
|
||
.title {
|
||
font-size: 32rpx;
|
||
margin: 20px;
|
||
|
||
|
||
view {
|
||
width: 100%;
|
||
margin-top: 40px;
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.data {
|
||
margin-top: 20px;
|
||
|
||
.text {
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
line-height: 20px;
|
||
}
|
||
}
|
||
|
||
.btn {
|
||
width: 70%;
|
||
color: #fff;
|
||
padding: 5px 15px;
|
||
border-radius: 15px;
|
||
text-align: center;
|
||
background: $maincolor;
|
||
margin: 15px auto;
|
||
position: absolute;
|
||
bottom: 80px;
|
||
left: calc(15% - 15px);
|
||
}
|
||
|
||
.close {
|
||
background: #999;
|
||
bottom: 20px;
|
||
}
|
||
}
|
||
|
||
.weight {
|
||
padding-top: 30px;
|
||
|
||
.title {
|
||
width: 80%;
|
||
margin: auto;
|
||
font-size: 32rpx;
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.box1 {
|
||
color: #fff;
|
||
margin: 50px 15px 15px;
|
||
width: calc(100%- 30px);
|
||
|
||
.time {
|
||
width: 60%;
|
||
margin: auto;
|
||
position: relative;
|
||
text-align: center;
|
||
border-radius: 10px;
|
||
background-color: #272a2a;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
|
||
.time:after {
|
||
content: "";
|
||
position: absolute;
|
||
left: 45%;
|
||
bottom: -7px;
|
||
width: 0px;
|
||
height: 0px;
|
||
border-left: 5px solid transparent;
|
||
border-right: 5px solid transparent;
|
||
border-top: 8px solid #272a2a;
|
||
}
|
||
|
||
.item {
|
||
width: 100%;
|
||
font-size:28rpx;
|
||
padding: 10px 0;
|
||
border-radius: 15px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-bottom: 15px;
|
||
position: relative;
|
||
margin-top: 10px;
|
||
|
||
.image {
|
||
width: 80%;
|
||
|
||
image {
|
||
width: 100%;
|
||
margin-top: 10px;
|
||
}
|
||
}
|
||
|
||
.center {
|
||
top: 0px;
|
||
bottom: -15px;
|
||
position: absolute;
|
||
width: 55px;
|
||
margin: auto;
|
||
text-align: center;
|
||
background-color: #333;
|
||
border-radius: 10px;
|
||
z-index: 9;
|
||
}
|
||
|
||
.level-bg {
|
||
position: absolute;
|
||
width: 55px;
|
||
margin: auto;
|
||
text-align: center;
|
||
background-color: #4d6c7b;
|
||
border-radius: 0 0 10px 10px;
|
||
bottom: 0px;
|
||
z-index: 19;
|
||
}
|
||
|
||
.level-item {
|
||
width: 55px;
|
||
height: 100%;
|
||
position: absolute;
|
||
z-index: 99;
|
||
|
||
:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
}
|
||
|
||
.ite {
|
||
margin: 0 5px;
|
||
width: calc(100% - 10px);
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
z-index: 99;
|
||
border-bottom: 1px solid #999;
|
||
}
|
||
}
|
||
}
|
||
|
||
.val {
|
||
width: 100%;
|
||
text-align: center;
|
||
margin: 20px 0;
|
||
color: #fff;
|
||
font-size:28rpx;
|
||
|
||
text {
|
||
display: block;
|
||
color: #39D9C9 !important;
|
||
font-size: 64rpx;
|
||
margin-bottom: 10px;
|
||
}
|
||
}
|
||
</style> |