完成智能设备模块

packages/smartDevice/index/index.css

@@ -0,0 +1,61 @@
+/* 页面容器样式 */
+page {
+  background-color: #f6f7fb;
+  overflow-y: hidden;
+}
+
+.container {
+  height: 90vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+/* 按钮包装器样式 */
+.buttons-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 30rpx;
+  padding: 40rpx;
+}
+
+/* 按钮基础样式 */
+.button {
+  width: 400rpx;
+  height: 90rpx;
+  background: #ff7252;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 45rpx;
+  font-size: 32rpx;
+  font-weight: 500;
+  box-shadow: 0 6rpx 20rpx rgba(102, 126, 234, 0.3);
+  transition: all 0.3s ease;
+  letter-spacing: 5rpx;
+  margin: 10rpx 0;
+}
+
+/* 按钮点击效果 */
+.button:active {
+  transform: scale(0.98);
+  box-shadow: 0 3rpx 10rpx rgba(102, 126, 234, 0.2);
+}
+
+/* 按钮1特有样式 */
+.button:nth-child(1) {
+  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
+}
+
+/* 按钮2特有样式 */
+.button:nth-child(2) {
+  /* background: linear-gradient(135deg, #ee9ca7 0%, #ffdde1 100%); */
+}
+
+/* 按钮3特有样式 */
+.button:nth-child(3) {
+  /* background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); */
+}

packages/smartDevice/index/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <view class="container">
+    <view class="buttons-wrapper">
+      <view class="button" @click="handleButtonClick('1')">
+        临停缴费
+      </view>
+      <view class="button" @click="handleButtonClick('2')">
+        停车订单
+      </view>
+      <view class="button" @click="handleButtonClick('3')">
+        车辆管理
+      </view>
+    </view>
+
+    <nav-footer :current="1" />
+  </view>
+</template>
+
+<script>
+import {
+  isPhone,
+  picUrl,
+  request,
+  upload,
+  NavgateTo
+} from '../../../utils';
+
+export default {
+  methods: {
+    handleButtonClick(val) {
+      if(val == 1){
+        NavgateTo(`/packages/park/temporaryOrder/index`);
+      }else if(val == 2){
+        NavgateTo(`/packages/park/parkOrder/index`);
+      }else if(val == 3){
+        NavgateTo(`/packages/park/index/index`);
+      }
+    }
+  }
+}
+</script>
+
+<style>
+@import url("./index.css");
+</style>