<template>
	<view class="device-detail">
		<app-top-push-notice />
		<view class="header">
			<text class="title">{{ $i18n.t('deviceDetail') }}</text>
		</view>
		<view class="content">
			<view class="device-info">
				<text class="label">{{ $i18n.t('deviceName') }}：</text>
				<text class="value">{{ $i18n.t('smartDevice') }}</text>
			</view>
			<view class="device-info">
				<text class="label">{{ $i18n.t('deviceStatus') }}：</text>
				<text class="value">{{ $i18n.t('online') }}</text>
			</view>
			<view class="device-info">
				<text class="label">{{ $i18n.t('deviceType') }}：</text>
				<text class="value">{{ $i18n.t('smartSwitch') }}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			
		}
	},
	methods: {
		
	}
}
</script>

<style scoped>
.device-detail {
	padding: 20rpx;
}

.header {
	text-align: center;
	padding: 20rpx 0;
}

.title {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
}

.content {
	margin-top: 40rpx;
}

.device-info {
	display: flex;
	padding: 20rpx 0;
	border-bottom: 1rpx solid #eee;
}

.label {
	flex: 1;
	color: #666;
	font-size: 28rpx;
}

.value {
	flex: 2;
	color: #333;
	font-size: 28rpx;
}
</style> 