流程改版

2025-05-29 08:45:04 +08:00
parent ba54f14735
commit f9c22f1da4
83 changed files with 1831 additions and 2603 deletions
@@ -0,0 +1,32 @@
+const app = getApp();
+
+Component({
+    data: {
+        devices: []
+    },
+  
+    // 生命周期方法
+    lifetimes: {
+        attached() {
+            this.setData({
+                devices: app.globalData.ppScale.device.list
+            })
+        },
+        detached() {
+            this.setData({
+                devices: []
+            })
+        }
+    },
+  
+    // 组件的方法
+    methods: {
+        selectDevice(e) {
+            let device = this.data.devices[e.currentTarget.dataset.i];
+            this.triggerEvent('deviceEvent', {
+                device: device,
+                status: true
+            });
+        }
+    }
+});
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+  }
@@ -0,0 +1,17 @@
+<view class="configureDevice1">
+    <view class="title">蓝牙</view>
+    <view class="describe">可用设备</view>
+    <view class="deviceName">
+        <block wx:for="{{devices}}" wx:key="index">
+            <view data-i="{{index}}" bind:tap="selectDevice">
+                <view>
+                    <image src="/images/configureDevice/bluetooth.png"/>
+                </view>
+                <view>
+                    <view>{{item.name}}</view>
+                    <!-- <view>正在配对</view> -->
+                </view>
+            </view>
+        </block>
+    </view>
+</view>
@@ -0,0 +1,70 @@
+.configureDevice1 {
+    width: 100%;
+    height: 100%;
+    padding: 60rpx 60rpx 0;
+    box-sizing: border-box;
+}
+
+.title {
+    color: #252535;
+    width: 100%;
+    height: 48rpx;
+    font-size: 48rpx;
+    font-weight: bold;
+    line-height: 48rpx;
+    margin-bottom: 48rpx;
+}
+
+.describe {
+    color: #B6B6B6;
+    width: 100%;
+    height: 30rpx;
+    font-size: 30rpx;
+    line-height: 30rpx;
+    margin-bottom: 40rpx;
+}
+
+.deviceName {
+    width: 100%;
+    height: calc(100% - 166rpx);
+}
+
+.deviceName>view {
+    width: 100%;
+    height: 80rpx;
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    margin-bottom: 32rpx;
+}
+
+.deviceName>view>view:nth-of-type(1) {
+    width: 80rpx;
+    height: 80rpx;
+    overflow: hidden;
+    border-radius: 50%;
+    margin-right: 22rpx;
+}
+
+.deviceName>view>view:nth-of-type(2) {
+    flex: 1;
+    width: 0;
+}
+
+.deviceName>view>view:nth-of-type(2)>view:nth-of-type(1) {
+    color: #252535;
+    width: 100%;
+    height: 32rpx;
+    font-size: 32rpx;
+    font-weight: bold;
+    line-height: 32rpx;
+}
+
+.deviceName>view>view:nth-of-type(2)>view:nth-of-type(2) {
+    color: #808080;
+    width: 100%;
+    height: 28rpx;
+    font-size: 28rpx;
+    line-height: 28rpx;
+    margin-top: 10rpx;
+}