.

src/pages/index/index.less

@@ -516,7 +516,44 @@ page {
   border-radius: 30rpx;
   background: #fff;
 }
-
+.MembraneCloth {
+  position: relative;
+  width: 670rpx;
+  height: 840rpx;
+  border-radius: 30rpx;
+  background: #fff;
+  .btn1 {
+    font-style: normal;
+    width: 270rpx;
+    height: 90rpx;
+    line-height: 90rpx;
+    background: #000000;
+    text-align: center;
+    border-radius: 45rpx;
+    font-size: 32rpx;
+    font-weight: bold;
+    margin-top: 55rpx;
+    color: #ffffff;
+  }
+  .center{
+    height: 70%;
+    background-color: red;
+    .list{
+      width: 100%;
+      height: 117rpx;
+      background-color: #41a9fc;
+      border-bottom: 2rpx solid black;
+      display: flex;
+    }
+  }
+}
+.MembraneCloth .title {
+  font-weight: bold;
+  text-align: center;
+  font-size: 36rpx;
+  color: #030000;
+  padding-top: 39rpx;
+}
 .popbox .title {
   font-weight: bold;
   text-align: center;

src/pages/index/index.tsx

@@ -13,7 +13,7 @@ import {
   RichText,
   PageMeta,
 } from "@tarojs/components";
-import { Popup } from "@antmjs/vantui";
+import { Popup, Radio } from "@antmjs/vantui";
 /*** redux ***/
 import { connect } from "react-redux";
 import { userRefresh, tokenRefresh } from "@/store/features/userInfo";
@@ -84,7 +84,25 @@ class Index extends Component<any, any> {
       userinfo: {
         mobile: Taro.getStorageSync("mobile"),
       },
-
+      // 膜布列表
+      MembraneClothList: [
+        {
+          name: "mox名字",
+        },
+        {
+          name: "mox名字",
+        },
+        {
+          name: "mox名字",
+        },
+        {
+          name: "mox名字",
+        },
+        {
+          name: "mox名字",
+        },
+      ],
+      checkedMembraneCloth: "",
       list: [],
       params: "",
       messageCount: Taro.getStorageSync("messageCount") || 0,
@@ -1115,6 +1133,7 @@ class Index extends Component<any, any> {
       show,
       isCommonError,
       commonErrorText,
+      MembraneClothList,
       calendarComplete,
       calendarInComplete,
       currentDate,
@@ -1492,6 +1511,33 @@ class Index extends Component<any, any> {
         <Popup show={show} className="custom-popup" overlay={false}>
           <View className="popBox">你已绑定所有设备</View>
         </Popup>
+
+        <Popup show={false}>
+          <View className="MembraneCloth">
+            <View className="title">膜布选择</View>
+            <View className="center">
+              {MembraneClothList.map((item, index) => {
+                return (
+                  <View key={index} className="list">
+                    <Radio name="1" v-model={this.state.checkedMembraneCloth}>
+                      {item.name}
+                    </Radio>
+                  </View>
+                );
+              })}
+            </View>
+            <View className="popbtnbox flex aitems jcenter">
+              <View className="btn1">确认</View>
+            </View>
+          </View>
+        </Popup>
+        {/* </PageMeta> */}
+        {/* <View
+          style="position:fixed;width:100vw;height:100vh"
+          onClick={this.goTest}
+        >
+          横屏了
+        </View> */}
       </Block>
     );
   }