网关切图

pages/device/new.vue

@@ -36,7 +36,7 @@
                         </view>
                     </uni-forms-item>
                     <uni-forms-item label="监测点" v-if="pointList.length">
-                        <view style="display:flex;" class="center" v-for="(item, index) in pointList" :key="index">
+                        <view class="point-item  center" v-for="(item, index) in pointList" :key="index">
                             <view style="flex:1" class="center">{{ item.pointName }}</view>
                             <uni-icons type="trash" color="#007aff" size="26" class="ml20"
                                 @click="deletePoint(index)"></uni-icons>
@@ -101,7 +101,7 @@ export default {
         return {
             loading: false,
             code: '',
-            type: 2,
+            type: 1,
             formData: {
                 address: '',
             },
@@ -307,4 +307,17 @@ export default {
 /deep/ .uni-drawer__content {
     width: 100vw !important;
 }
+
+.point-item {
+    height: 72rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 2rpx solid #e5e5e5;
+    border-color: rgb(229, 229, 229);
+}
+
+.point-item:first-of-type {
+    border-top: none;
+}
 </style>