boyue2025/dbd-meeting-wx-small
3
0
Fork 0
mirror of https://gitee.com/elegant_wings/dbd-meeting-wx-small.git synced 2025-06-21 17:49:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
SelfRidicule 2024-08-21 19:36:59 +08:00
parent b8cb07a75e
commit ddd03bca87
3 changed files with 61 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
miniprogram/pages/smartDevice/room/room.js
View File

@ -13,6 +13,24 @@ Page({
selectUrl: 'chaxie0.png', selectUrl: 'chaxie0.png',
isSelect: false isSelect: false
}, },
{
name: '开门模式',
url: 'kaimen1.png',
selectUrl: 'kaimen0.png',
isSelect: false
},
{
name: '开门模式',
url: 'kaimen1.png',
selectUrl: 'kaimen0.png',
isSelect: false
},
{
name: '开门模式',
url: 'kaimen1.png',
selectUrl: 'kaimen0.png',
isSelect: false
},
{ {
name: '开门模式', name: '开门模式',
url: 'kaimen1.png', url: 'kaimen1.png',

37
miniprogram/pages/smartDevice/room/room.wxml
View File

@ -1,21 +1,26 @@
<view class="containerView public"> <view class="containerView public">
<!-- 顶部名称 -->
<view class="topHead">
<view class="logoImg" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/shanghai_changyang/index/is_logo.png'}});"></view>
<view class="title">大会议室</view>
</view>
<view class="leftLineTitle">情景模式</view> <view class="publicView">
<view class="sceneView"> <!-- 顶部名称 -->
<view bind:tap="selectScene" data-obj="{{item}}" class="sceneItem {{item.isSelect ? 'activity' : ''}}" wx:for="{{sceneList}}" wx:for-item="item" wx:key="*this"> <view class="topHead">
<view class="img" style="background: no-repeat center/cover url({{item.isSelect ? item.selectUrl : item.url }});"></view> <view class="logoImg" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/shanghai_changyang/index/is_logo.png'}});"></view>
<view class="label {{item.isSelect ? 'activity' : ''}}">会议模式</view> <view class="title">大会议室</view>
<view class="point {{item.isSelect ? 'activity' : ''}}"></view> </view>
<view class="leftLineTitle">情景模式</view>
<view class="sceneView">
<view bind:tap="selectScene" data-obj="{{item}}" class="sceneItem {{item.isSelect ? 'activity' : ''}}" wx:for="{{sceneList}}" wx:for-item="item" wx:key="*this">
<view class="img" style="background: no-repeat center/cover url({{item.isSelect ? item.selectUrl : item.url }});"></view>
<view class="label {{item.isSelect ? 'activity' : ''}}">会议模式</view>
<view class="point {{item.isSelect ? 'activity' : ''}}"></view>
</view>
</view>
<view class="leftLineTitle">设备列表</view>
</view>
<view class="equipmentList">
<view class="equipmentItem" wx:for="{{6}}" wx:for-item="item" wx:key="*this">
</view> </view>
</view> </view>
<view class="leftLineTitle">设备列表</view>
</view> </view>

24
miniprogram/pages/smartDevice/room/room.wxss
View File

@ -6,16 +6,19 @@
} }
.containerView.public { .containerView.public {
padding: 20rpx 32rpx;
background: #f8f8f8; background: #f8f8f8;
min-height: 100vh; min-height: 100vh;
} }
.publicView {
padding: 0 32rpx;
}
.topHead { .topHead {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
margin-top: 20rpx; margin-top: 50rpx;
} }
.topHead .logoImg { .topHead .logoImg {
@ -85,4 +88,21 @@
.sceneView .sceneItem .point.activity { .sceneView .sceneItem .point.activity {
background: white; background: white;
}
.equipmentList {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
}
.equipmentList .equipmentItem {
box-shadow: rgba(214, 214, 214, 0.5) 0px 1px 0px 0px, rgb(238, 238, 238) 0px 1px 2px 0px;
border-radius: 10rpx;
position: relative;
width: 330rpx;
height: 260rpx;
margin-top: 24rpx;
background: white;
} }