重构第一版智控助手小程序

2025-12-30 15:21:19 +08:00
parent c25e282398
commit 3852e6ac20
32 changed files with 3584 additions and 123 deletions
--- a/pages/basics/FacialDeviceBinding/FacialDeviceBinding.wxss
+++ b/pages/basics/FacialDeviceBinding/FacialDeviceBinding.wxss
@@ -0,0 +1,364 @@
+/* pages/FacialDeviceBinding/FacialDeviceBinding.wxss */
+/* 人脸设备绑定页面样式 */
+
+/* 滚动区域样式 */
+#scroll {
+  height: 100%;
+}
+
+/* 房间列表样式 */
+.nav-list1 {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 10rpx;
+}
+
+/* 房间项样式 */
+.nav-li4 {
+  width: 31.33%;
+  margin: 1%;
+  padding: 15rpx;
+  border-radius: 8rpx;
+  text-align: center;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+}
+
+.nav-li4:active {
+  transform: scale(0.95);
+}
+
+/* 在线状态样式 */
+.bg-green {
+  background-color: #4CD964;
+  color: white;
+}
+
+/* 青色在线状态样式 */
+.bg-cyan {
+  background-color: #00BCD4;
+  color: white;
+}
+
+/* 离线状态样式 */
+.bg-gray {
+  background-color: #E5E5EA;
+  color: #8E8E93;
+}
+
+/* 搜索框样式 */
+.cu-btn1 {
+  position: relative;
+  border: 0rpx;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 5rpx;
+  font-size: 26rpx;
+  height: 64rpx;
+  line-height: 1;
+  text-align: center;
+  text-decoration: none;
+  overflow: visible;
+  margin-left: initial;
+  transform: translate(0rpx, 0rpx);
+  margin-right: initial;
+}
+
+/* 按钮样式 */
+.margin-left {
+  margin-left: 10rpx;
+}
+
+/* 顶部操作栏样式 */
+.cu-bar1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+/* 弹性换行样式 */
+.flex-wrap {
+  display: flex;
+}
+
+/* 固体样式 */
+.solids {
+  display: block;
+}
+
+/* 顶部信息栏样式 */
+.text-xl {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.text-blue {
+  color: #007AFF;
+}
+
+.text-black {
+  color: #000000;
+}
+
+/* 弹窗样式 */
+.cu-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.cu-modal.show {
+  opacity: 1;
+}
+
+.cu-dialog {
+  background: white;
+  border-radius: 10rpx;
+  width: 80%;
+  max-width: 500rpx;
+  overflow: hidden;
+  transform: scale(0.8);
+  transition: transform 0.3s;
+}
+
+.cu-modal.show .cu-dialog {
+  transform: scale(1);
+}
+
+.cu-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx;
+  border-bottom: 1px solid #E5E5EA;
+}
+
+.cu-bar .content {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+.cu-bar.bg-gradual-blue .action {
+  color: white;
+}
+.cu-bar.bg-gradual-blue .action text {
+  color: white;
+}
+.cu-bar .action {
+  color: #007AFF;
+  font-size: 32rpx;
+}
+
+/* 内容区样式 */
+.padding-lg {
+  padding: 30rpx;
+}
+
+.flex {
+  display: flex;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.basis-sm {
+  width: 30%;
+  text-align: right;
+  padding-right: 20rpx;
+}
+
+.basis-lg {
+  width: 70%;
+  text-align: left;
+}
+
+.text-red {
+  color: #FF3B30;
+}
+
+.text-green {
+  color: #4CD964;
+}
+
+/* 输入框样式 */
+input {
+  border: 1px solid #E5E5EA;
+  border-radius: 5rpx;
+  padding: 15rpx;
+  width: 100%;
+  font-size: 32rpx;
+  box-sizing: border-box;
+}
+
+/* 底部按钮栏样式 */
+.cu-bar.bg-white {
+  border-top: 1px solid #E5E5EA;
+  border-bottom: none;
+}
+
+.cu-bar .action {
+  padding: 10rpx 20rpx;
+}
+
+.solid-left {
+  border-left: 1px solid #E5E5EA;
+}
+
+/* 酒店信息样式 */
+.text-df {
+  font-size: 28rpx;
+}
+
+/* 设备信息样式 */
+.text-sm {
+  font-size: 24rpx;
+}
+
+/* 分隔线样式 */
+.ControlLine {
+  height: 2rpx;
+  background-color: #E5E5EA;
+  margin: 20rpx 0;
+}
+
+/* 轻量级文本样式 */
+.light {
+  opacity: 0.7;
+}
+
+/* 禁用状态样式 */
+button:disabled {
+  opacity: 0.5;
+}
+
+/* 加载提示样式 */
+.loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 50rpx;
+}
+
+.loading text {
+  margin-left: 10rpx;
+  font-size: 32rpx;
+  color: #8E8E93;
+}
+
+/* 空数据提示样式 */
+.empty {
+  text-align: center;
+  padding: 100rpx;
+  color: #8E8E93;
+  font-size: 32rpx;
+}
+
+/* 帮助区域样式 */
+.cu-card {
+  margin: 20rpx;
+  background: white;
+  border-radius: 10rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.cu-item {
+  padding: 30rpx;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  margin-bottom: 20rpx;
+}
+
+.content {
+  font-size: 32rpx;
+  line-height: 1.6;
+}
+
+.desc {
+  margin-bottom: 20rpx;
+}
+
+.text-content {
+  font-size: 30rpx;
+  line-height: 1.8;
+}
+
+/* 酒店信息样式 */
+.hotel-info {
+  padding: 20rpx;
+  background: white;
+  border-bottom: 1px solid #E5E5EA;
+}
+
+.hotel-name {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #000000;
+}
+
+.hotel-code {
+  font-size: 30rpx;
+  color: #8E8E93;
+  margin-top: 10rpx;
+}
+
+/* 状态统计样式 */
+.status-stats {
+  display: flex;
+  justify-content: space-around;
+  padding: 20rpx;
+  background: white;
+  border-bottom: 1px solid #E5E5EA;
+}
+
+.stat-item {
+  text-align: center;
+}
+
+.stat-label {
+  font-size: 30rpx;
+  color: #8E8E93;
+}
+
+.stat-value {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #007AFF;
+}
+
+/* 操作按钮样式 */
+.operation-buttons {
+  display: flex;
+  justify-content: space-around;
+  padding: 20rpx;
+  background: white;
+  border-bottom: 1px solid #E5E5EA;
+}
+
+.operation-button {
+  flex: 1;
+  margin: 0 10rpx;
+  padding: 20rpx;
+  background: #007AFF;
+  color: white;
+  border-radius: 50rpx;
+  text-align: center;
+  font-size: 32rpx;
+}
+
+.operation-button:active {
+  opacity: 0.8;
+}