batteryDetail.vue 2.1 KB

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