batteryDetail.vue 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <template>
  2. <view class="battery-detail-main">
  3. <navBar name="电池信息" bgColor="#CFD1DE"></navBar>
  4. <view class=" quantity-count">65<text class="quantity-text">%</text></view>
  5. <view class="battery-list-view">
  6. <view class="battery-list flex-row flex-between">
  7. <view class="battery-name">No.1电池</view>
  8. <view class="battery-id">MAC ID:0168802221</view>
  9. </view>
  10. <view class="flex-row flex-around">
  11. <view class="battery-device-info">
  12. <view class="quantity-info">44 <text class="quantity-text-1">%</text></view>
  13. <view class="battery-info-text">剩余电量</view>
  14. </view>
  15. <view class="battery-device-info">
  16. <view class="quantity-info">44 <text class="quantity-text-1">%</text></view>
  17. <view class="battery-info-text">电压</view>
  18. </view>
  19. <view class="battery-device-info">
  20. <view class="quantity-info">44 <text class="quantity-text-1">%</text></view>
  21. <view class="battery-info-text">温度</view>
  22. </view>
  23. </view>
  24. </view>
  25. <view class="battery-list-view">
  26. <view class="battery-list flex-row flex-between">
  27. <view class="battery-name">No.1电池</view>
  28. <view class="battery-id">MAC ID:0168802221</view>
  29. </view>
  30. <view class="flex-row flex-around">
  31. <view class="battery-device-info">
  32. <view class="quantity-info">44 <text class="quantity-text-1">%</text></view>
  33. <view class="battery-info-text">剩余电量</view>
  34. </view>
  35. <view class="battery-device-info">
  36. <view class="quantity-info">44 <text class="quantity-text-1">%</text></view>
  37. <view class="battery-info-text">电压</view>
  38. </view>
  39. <view class="battery-device-info">
  40. <view class="quantity-info">44 <text class="quantity-text-1">%</text></view>
  41. <view class="battery-info-text">温度</view>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. </template>
  47. <script>
  48. const http = require('../../common/request.js');
  49. const config = require('../../common/config_gyq.js');
  50. export default {
  51. data() {
  52. return {
  53. list:[]
  54. };
  55. }
  56. /**
  57. * 生命周期函数--监听页面加载
  58. */
  59. ,
  60. onLoad: function(options) {
  61. },
  62. methods: {
  63. }
  64. };
  65. </script>
  66. <style>
  67. @import './batteryDetail.css';
  68. </style>