zx_flk_app/pages/service/components/cabinetList/cabinetList.vue

<template>
	<view class="cabinet-list-main">
		<view class="flex-row flex-between">
			<view class="cabinet-name">这里是一个电柜的名称</view>
			<view class="cabinet-distance">240m</view>
		</view>
		<view class="battery-list-view">
			<view class="battery-view">
				<text class="battery-voltage">48V/20Ah</text>
				<text class="battery-num">*7</text>
			</view>
		</view>
		<view class="flex-row flex-end">
			<img style="width: 112rpx;height: 64rpx;" src="https://qiniu.bms16.com/Fts38M35doVjK09GfOza5qD-wwkK" alt="">
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(options) {
		},
		methods: {

		}
	};
</script>
<style>
	@import './cabinetList.css';
</style>