From 210a3bec81b5de75d7de842768eabbf213b0a92c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com> Date: Wed, 17 Sep 2025 15:00:50 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=99=BA=E8=83=BD=E8=AE=BE?= =?UTF-8?q?=E5=A4=87=E6=A8=A1=E5=9D=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/smartDevice/index/index.css | 61 ++++++++++++++++++++++++++++ packages/smartDevice/index/index.vue | 45 ++++++++++++++++++++ 2 files changed, 106 insertions(+) create mode 100644 packages/smartDevice/index/index.css create mode 100644 packages/smartDevice/index/index.vue diff --git a/packages/smartDevice/index/index.css b/packages/smartDevice/index/index.css new file mode 100644 index 00000000..75eb8858 --- /dev/null +++ b/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%); */ +} \ No newline at end of file diff --git a/packages/smartDevice/index/index.vue b/packages/smartDevice/index/index.vue new file mode 100644 index 00000000..4c633a81 --- /dev/null +++ b/packages/smartDevice/index/index.vue @@ -0,0 +1,45 @@ + + + + + \ No newline at end of file