微信小程序适配

pages/home/addAgri.vue

@@ -16,7 +16,12 @@
             </template>
           </uni-easyinput>
         </view>
-
+        <view class="modal-input-wrap" >
+          <text class="modal-label"></text>
+          <uni-icons type="info" size="15" color="#666"/>
+          <text class="modal-text">可直接点击右侧扫描设备二维码；<br>
+            如若失效，亦可手动输入设备imei号。</text>
+        </view>
         <view class="modal-btn-wrap">
           <button class="modal-btn cancel" @click="close">取消</button>
           <button class="modal-btn confirm" @click="confirm">确定</button>
@@ -24,9 +29,6 @@
       </view>
     </uni-popup>
 
-
-
-
   </view>
 </template>
 <script>
@@ -38,7 +40,12 @@ export default {
   data() {
     return {
       agriName: null,
-      imei:null
+      imei:null,
+      formData: {
+        name:null,
+        email:null
+      },
+      rules:[]
     }
   },
   methods:{
@@ -46,14 +53,14 @@ export default {
       this.$refs.addForm.close();
     },
     confirm() {
+
       this.close()
     },
     open() {
       this.$refs.addForm.open();
     },
     getScanCode(res){
-      console.log("设备号======>",res);
-
+      this.imei = res;
     }
   }
 }
@@ -77,10 +84,13 @@ export default {
 .modal-input-wrap {
   display: flex;
   align-items: center;
-  margin-bottom: 35rpx;
+  margin-bottom: 16rpx;
   font-size: 28rpx;
   margin-left: 20rpx;
 }
+.modal-input-wrap:nth-child(2) {
+  margin-bottom: 35rpx;
+}
 .modal-label {
   width: 140rpx;
   color: #666;
@@ -94,7 +104,7 @@ export default {
   border: 1px solid #eee;
   border-radius: 8rpx;
   padding: 0 15rpx;
-  font-size: 28rpx;
+  font-size: 20rpx !important;
   width: 80rpx;
 }
 .modal-unit {
@@ -120,4 +130,9 @@ export default {
   background: #007aff;
   color: #fff;
 }
+.modal-text {
+  font-size: 22rpx;
+  color: #6C6C6C;
+  margin-left: 6rpx;
+}
 </style>

pages/index.vue

@@ -151,10 +151,6 @@ export default {
   },
   methods: {
     handleAddAgri() {
-      uni.showToast({
-        title: '准备添加大棚',
-        icon: 'none'
-      })
       this.$refs.addAgri.open();
       // 这里可以添加跳转到添加大棚页面的逻辑
       // uni.navigateTo({ url: '/pages/add-agri/add-agri' })