54 lines
1.0 KiB
Vue
54 lines
1.0 KiB
Vue
<template>
|
|
<view>
|
|
<view class="flx_sb flx flx_ac xxd-list" v-if="datas.val != 0">
|
|
<view class="">
|
|
<view class="name">
|
|
{{datas.name }}
|
|
</view>
|
|
<view class="desc" v-if="datas.max == 0 && datas.min == 0">
|
|
{{datas.unit }}
|
|
</view>
|
|
<view class="desc" v-else>
|
|
{{datas.min }}-{{datas.max }} {{datas.unit}}
|
|
|
|
</view>
|
|
</view>
|
|
<view class="flx">
|
|
<view class="">
|
|
{{datas.val }}
|
|
</view>
|
|
<view class="" v-if="!(!(datas.min == 0 && datas.max == 0) && datas.min < datas.val && datas.max > datas.val )">
|
|
<image src="../../static/icon/tan.png" style="width: 30rpx;margin-top: 6rpx;margin-left: 6rpx;" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name:"xdt",
|
|
props:{
|
|
datas:Object,
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.xxd-list{
|
|
margin-top: 40rpx;
|
|
.name{
|
|
font-weight: bold;
|
|
}
|
|
.desc{
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
margin-top: 10rpx;
|
|
}
|
|
}
|
|
</style> |