diff --git a/src/pages/index/index.less b/src/pages/index/index.less
index aa3df80..db760d0 100644
--- a/src/pages/index/index.less
+++ b/src/pages/index/index.less
@@ -519,9 +519,19 @@ page {
 .MembraneCloth {
   position: relative;
   width: 670rpx;
-  height: 840rpx;
   border-radius: 30rpx;
   background: #fff;
+  padding: 52rpx 20rpx 46rpx;
+  box-sizing: border-box;
+
+  .title {
+    font-weight: bold;
+    text-align: center;
+    font-size: 36rpx;
+    margin-bottom: 36rpx;
+    color: #030000;
+  }
+
   .btn1 {
     font-style: normal;
     width: 270rpx;
@@ -532,28 +542,57 @@ page {
     border-radius: 45rpx;
     font-size: 32rpx;
     font-weight: bold;
-    margin-top: 55rpx;
     color: #ffffff;
   }
-  .center{
-    height: 70%;
-    background-color: red;
-    .list{
+  .center {
+    margin-bottom: 44rpx;
+    .list {
       width: 100%;
-      height: 117rpx;
-      background-color: #41a9fc;
-      border-bottom: 2rpx solid black;
-      display: flex;
+      height: 150rpx;
+      background: linear-gradient(90deg, #efdcc2, #fff2df);
+      border-radius: 30rpx;
+      margin-bottom: 20rpx;
+      padding: 20rpx 31rpx 20rpx 20rpx;
+      box-sizing: border-box;
+      justify-content: space-between;
+      Image {
+        width: 120rpx;
+        height: 120rpx;
+        border-radius: 20rpx;
+      }
+      .name_box {
+        margin-left: 24rpx;
+        .name {
+          font-family: PingFang SC;
+          font-weight: bold;
+          font-size: 26rpx;
+          color: #000000;
+          margin-bottom: 12rpx;
+        }
+        .subTitle {
+          font-family: PingFang SC;
+          font-weight: 500;
+          font-size: 22rpx;
+          color: #666666;
+        }
+      }
+
+      .buy {
+        font-family: PingFang SC;
+        font-weight: 500;
+        font-size: 26rpx;
+        color: #666666;
+        display: flex;
+        align-items: center;
+        Image {
+          height: 20rpx;
+          width: 20rpx;
+          margin-left: 10rpx;
+        }
+      }
     }
   }
 }
-.MembraneCloth .title {
-  font-weight: bold;
-  text-align: center;
-  font-size: 36rpx;
-  color: #030000;
-  padding-top: 39rpx;
-}
 .popbox .title {
   font-weight: bold;
   text-align: center;
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index cb1e1e1..5fac2ce 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -1,5 +1,4 @@
 import classnames from "classnames";
-setSerial;
 import dayjs from "dayjs";
 import Taro from "@tarojs/taro";
 import { Component } from "react";
@@ -12,8 +11,9 @@ import {
   SwiperItem,
   RichText,
   PageMeta,
+  Radio
 } from "@tarojs/components";
-import { Popup,Radio } from "@antmjs/vantui";
+import { Popup } from "@antmjs/vantui";
 /*** redux ***/
 import { connect } from "react-redux";
 import { userRefresh, tokenRefresh } from "@/store/features/userInfo";
@@ -84,23 +84,14 @@ class Index extends Component<any, any> {
         mobile: Taro.getStorageSync("mobile"),
       },
       // 膜布列表
-      MembraneClothList:[ {
-        name:'mox名字'
+      MembraneClothList: [{
+        name: '集体美容仪'
       },
       {
-        name:'mox名字'
-      },
-      {
-        name:'mox名字'
-      }, {
-        name:'mox名字'
-      }, {
-        name:'mox名字'
-      },],
-      checkedMembraneCloth:'',
-      list: [
-        
-      ],
+        name: 'M02美容仪'
+      }],
+      checkedMembraneCloth: '',
+      list: [],
       params: "",
       messageCount: Taro.getStorageSync("messageCount") || 0,
       offlineDialogType: 1, //1离线弹窗 2升级弹窗
@@ -204,7 +195,7 @@ class Index extends Component<any, any> {
     }
   }
 
-  componentDidMount() {}
+  componentDidMount() { }
 
   componentWillUnmount() {
     // 页面卸载监听
@@ -278,7 +269,7 @@ class Index extends Component<any, any> {
           this.isSancQrcodeEnter();
         }
       },
-      fail: () => {},
+      fail: () => { },
       complete: () => {
         // 授权完成运行页面初始化
       },
@@ -535,7 +526,7 @@ class Index extends Component<any, any> {
     this.setState({ isShowSiteSwiper: false });
   };
 
-  bannerSwiperchange() {}
+  bannerSwiperchange() { }
 
   gobanner(item) {
     // 跳转类型：0无跳转、1跳转内部链接、3跳转外部链接、4跳转小程序、5导向视频号、6导向视频号直播间',
@@ -1109,6 +1100,8 @@ class Index extends Component<any, any> {
       isCommonError,
       commonErrorText,
       MembraneClothList,
+      checkedMembraneCloth,
+      list,
       calendarComplete,
       calendarInComplete,
       currentDate,
@@ -1153,7 +1146,7 @@ class Index extends Component<any, any> {
         <View catchMove>
           <PopupAlert
             isShow={isCommonError}
-            title="提示"
+            title='提示'
             content={
               <Block>
                 {commonErrorText.map((item) => {
@@ -1161,60 +1154,60 @@ class Index extends Component<any, any> {
                 })}
               </Block>
             }
-            confirmButtonText="知道了"
-            textAlgin="center"
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.onCommonErrorFun}
             confirm={this.onCommonErrorFun}
           />
           <PopupConfirm
             isShow={isShowReConnectDeviceRecordWL200}
             isClose
-            title="提示"
+            title='提示'
             zIndex={10020}
-            myClassName="level-up"
+            myClassName='level-up'
             content={
               <Block>
                 <View>检测到您上一次护理的记录未生成，</View>
                 <View>是否重新读取</View>
               </Block>
             }
-            cancelButtonText="取消"
-            confirmButtonText="连接设备"
-            textAlgin="center"
+            cancelButtonText='取消'
+            confirmButtonText='连接设备'
+            textAlgin='center'
             close={this.closeReConnectDeviceRecordWL200}
             confirm={this.confirmReConnectDeviceRecordWL200}
           />
           <PopupAlert
             isShow={isBindingError}
-            title="提示"
+            title='提示'
             content={
               <Block>
                 <View>序列号信息仍在更新，请联系微信小助理</View>
                 <View>协助您绑定仪器</View>
               </Block>
             }
-            confirmButtonText="知道了"
-            textAlgin="center"
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.onBindErrorClose}
             confirm={this.onBindErrorConfirm}
           />
           <PopupAlert
             isShow={isNotRegister}
             isClose
-            title="提示"
-            content="暂未授权注册，请点击注册"
-            confirmButtonText="确定"
-            textAlgin="center"
-            type="1"
+            title='提示'
+            content='暂未授权注册，请点击注册'
+            confirmButtonText='确定'
+            textAlgin='center'
+            type='1'
             close={this.closeAlert}
             confirm={this.closeAlert}
           />
           <PopupAlert
             isShow={isDev}
-            title="提示"
-            content="页面正在开发中"
-            confirmButtonText="确定"
-            textAlgin="center"
+            title='提示'
+            content='页面正在开发中'
+            confirmButtonText='确定'
+            textAlgin='center'
             close={this.closeDev}
             confirm={this.closeDev}
           />
@@ -1233,54 +1226,54 @@ class Index extends Component<any, any> {
           />
           <PopupAlert
             isShow={isBindingError}
-            title="提示"
+            title='提示'
             content={
               <Block>
                 <View>序列号信息仍在更新，请联系微信小助理</View>
                 <View>协助您绑定仪器</View>
               </Block>
             }
-            confirmButtonText="知道了"
-            textAlgin="center"
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.onBindErrorClose}
             confirm={this.onBindErrorConfirm}
           />
           <PopupAlert
             isShow={isBeforeBindingError}
-            title="提示"
+            title='提示'
             content={
               BeforeBindingErrorText || "您选择的仪器有误，请重新确认选择"
             }
-            confirmButtonText="知道了"
-            textAlgin="center"
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.onBeforeBindClose}
             confirm={this.onBeforeBindConfirm}
           />
 
           <PopupAlert
             isShow={isBindingError203}
-            title="提示"
-            content="序列码已被别人绑定，请联系微信助手"
-            confirmButtonText="知道了"
-            textAlgin="center"
+            title='提示'
+            content='序列码已被别人绑定，请联系微信助手'
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.onBindErrorClose203}
             confirm={this.onBindErrorConfirm203}
           ></PopupAlert>
 
           <PopupAlert
             isShow={showEquipment}
-            title="提示"
+            title='提示'
             content={
               <Block>
-                <View className="mb10">
+                <View className='mb10'>
                   仪器：{instrumentInfo.instrumentName}
                 </View>
-                <View className="mb10">序列号：{instrumentInfo.serial}</View>
-                <View className="mb10">您需要完成注册登录才能进行一起绑定</View>
+                <View className='mb10'>序列号：{instrumentInfo.serial}</View>
+                <View className='mb10'>您需要完成注册登录才能进行一起绑定</View>
               </Block>
             }
-            confirmButtonText="知道了"
-            textAlgin="center"
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.onUnloginClose.bind(this)}
             confirm={this.onUnloginConfirm.bind(this)}
           ></PopupAlert>
@@ -1288,9 +1281,9 @@ class Index extends Component<any, any> {
           <PopupSiteSwiper
             isShow={isShowSiteSwiper}
             siteData={sitePopupList}
-            size="middle"
-            confirmButtonText="确定"
-            textAlgin="center"
+            size='middle'
+            confirmButtonText='确定'
+            textAlgin='center'
             close={this.closeSiteSwiper}
             confirm={this.closeSiteSwiper}
           />
@@ -1310,15 +1303,15 @@ class Index extends Component<any, any> {
             isLarge
             isClose
             isShow={isShowUpdateVersionTip}
-            title="提示"
+            title='提示'
             content={
               <Block>
                 <View>检测到设备有升级请求</View>
                 <View>是否进行升级？</View>
               </Block>
             }
-            textAlgin="center"
-            confirmButtonText="确定"
+            textAlgin='center'
+            confirmButtonText='确定'
             close={this.cancelUpdateVersionTip}
             confirm={this.confirmUpdateVersionTip}
           />
@@ -1331,16 +1324,16 @@ class Index extends Component<any, any> {
           )}
           <PopupAlert
             isShow={isShowVersionUpgradFinish}
-            title="升级内容公告"
+            title='升级内容公告'
             content={
               <Block>
-                <View className="nodes">
+                <View className='nodes'>
                   <RichText nodes={versionUpgradFinishNodes} />
                 </View>
               </Block>
             }
-            confirmButtonText="知道了"
-            textAlgin="left"
+            confirmButtonText='知道了'
+            textAlgin='left'
             isClose
             close={this.onVersionUpgradFinish}
             confirm={this.onVersionUpgradFinish}
@@ -1352,29 +1345,29 @@ class Index extends Component<any, any> {
           leftSlot={
             <Block>
               <View
-                className="message"
+                className='message'
                 onClick={this.gourl}
-                data-url="/pages/message/message"
+                data-url='/pages/message/message'
               >
                 <Image
-                  className="message-img"
+                  className='message-img'
                   src={require("../../img/index/message.png")}
-                  mode="aspectFill"
+                  mode='aspectFill'
                 />
-                {messagecount ? <View className="tip" /> : ""}
+                {messagecount ? <View className='tip' /> : ""}
               </View>
             </Block>
           }
         />
-        <View className="index">
-          <View className="date-title" onClick={this.toNursingRecords}>
-            <Text className="text">护理记录</Text>
+        <View className='index'>
+          <View className='date-title' onClick={this.toNursingRecords}>
+            <Text className='text'>护理记录</Text>
             <Image
               src={require("../../img/index/right.png")}
-              style="width: 20rpx;height: 20rpx;"
+              style='width: 20rpx;height: 20rpx;'
             />
           </View>
-          <View className="bg-while">
+          <View className='bg-while'>
             <AtCalendar
               hideArrow
               isSwiper={false}
@@ -1386,40 +1379,40 @@ class Index extends Component<any, any> {
             />
           </View>
         </View>
-        <View className="index-infobox5">
+        <View className='index-infobox5'>
           {instrumentList.length > 0 && (
             <Block>
-              <View className="nurse_plan_box flex  aitems sb">
-                <View className="title">前往护理</View>
+              <View className='nurse_plan_box flex  aitems sb'>
+                <View className='title'>前往护理</View>
                 <View
-                  className="txt_box flex jcenter aitems"
-                  data-url="/instrument/pages/instrument/instrument"
+                  className='txt_box flex jcenter aitems'
+                  data-url='/instrument/pages/instrument/instrument'
                   onClick={this.gourl}
                 >
                   <Image
-                    className="right_icon"
+                    className='right_icon'
                     src={require("../../img/black-add.png")}
-                    mode="aspectFill"
+                    mode='aspectFill'
                   />
-                  <View className="txt">添加新设备</View>
+                  <View className='txt'>添加新设备</View>
                 </View>
               </View>
 
-              <View style="overflow-x: auto;">
-                <View className="device_list flex">
+              <View style='overflow-x: auto;'>
+                <View className='device_list flex'>
                   {instrumentList.map((item, index) => {
                     return (
                       <View
                         key={"instrumentList" + index}
-                        className="device_item"
+                        className='device_item'
                         onClick={this.goNursing.bind(this, item)}
                       >
                         <Image
-                          className="banner_img"
+                          className='banner_img'
                           src={item.banner}
-                          mode="aspectFill"
+                          mode='aspectFill'
                         />
-                        <View className="device_name ellipsis1">
+                        <View className='device_name ellipsis1'>
                           {item.name}
                         </View>
                       </View>
@@ -1431,28 +1424,28 @@ class Index extends Component<any, any> {
           )}
           {instrumentList.length === 0 && (
             <Block>
-              <View className="nurse_plan_box flex aitems sb">
-                <View className="title">前往护理</View>
+              <View className='nurse_plan_box flex aitems sb'>
+                <View className='title'>前往护理</View>
               </View>
-              <View className="add_device flex jcenter aitems bg-while">
-                <View className="add_device_btn">
-                  <View className="txt_box flex jcenter aitems">
+              <View className='add_device flex jcenter aitems bg-while'>
+                <View className='add_device_btn'>
+                  <View className='txt_box flex jcenter aitems'>
                     <View
-                      className="at-icon at-icon-add"
-                      style="color: #fff;font-size: 30rpx;"
+                      className='at-icon at-icon-add'
+                      style='color: #fff;font-size: 30rpx;'
                     ></View>
-                    <View className="txt" onClick={this.addNewDevice}>
+                    <View className='txt' onClick={this.addNewDevice}>
                       添加新设备
                     </View>
                   </View>
                 </View>
-                <View className="tips">您暂时还没有绑定任何设备</View>
+                <View className='tips'>您暂时还没有绑定任何设备</View>
               </View>
             </Block>
           )}
         </View>
 
-        <View className="infobox3">
+        <View className='infobox3'>
           <Swiper
             autoplay
             onAnimationFinish={this.bannerSwiperchange.bind(this)}
@@ -1464,42 +1457,56 @@ class Index extends Component<any, any> {
                   key={"banner_" + index}
                   onClick={this.gobanner.bind(this, item)}
                 >
-                  <Image style="width:100%;height:100%" src={item.fileUrl} />
+                  <Image style='width:100%;height:100%' src={item.fileUrl} />
                 </SwiperItem>
               );
             })}
           </Swiper>
         </View>
-        <View style="height:200rpx"></View>
-        <Popup show={show} className="custom-popup" overlay={false}>
-          <View className="popBox">你已绑定所有设备</View>
+        <View style='height:200rpx'></View>
+        <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>
-              );
-            })}
+        <Popup show={false}>
+          <View className='MembraneCloth'>
+            <View className='title'>膜布选择</View>
+            <View className='center '>
+              {MembraneClothList.map((item, index) => {
+                return (
+                  <View
+                    key={index}
+                    className='list flex aitems'
+                  >
+                    <View className='flex aitems'>
+                      <Radio v-model={checkedMembraneCloth} />
+                      <Image src={require('@/img/avater.png')}></Image>
+                      <View className='name_box'>
+                        <View className='name'>
+                          {item.name}
+                        </View>
+                        <View className='subTitle'>
+                          描述描述描述描述
+                        </View>
+                      </View>
+                    </View>
+                    <View className='buy flex aitems'>
+                      前往购买
+                      <Image src={require('@/img/index-right.png')}></Image>
+                    </View>
+                  </View>
+                );
+              })}
             </View>
-            <View className="popbtnbox flex aitems jcenter">
-              <View className="btn1" >
+            <View className='popbtnbox flex aitems jcenter'>
+              <View className='btn1' >
                 确认
               </View>
             </View>
           </View>
-          
-           
-          </Popup>
+
+
+        </Popup>
         {/* </PageMeta> */}
         {/* <View
           style="position:fixed;width:100vw;height:100vh"