feats

src/layout/index.jsx

@@ -6,8 +6,7 @@ const Layout = ({ children,type }) => {
 
   const navStyle =  Taro.getMenuButtonBoundingClientRect()
 
-console.log(`calc(100vh - 42.5px - ${navStyle.bottom}px -10px)`,'`calc(100vh - 42.5px - ${navStyle.bottom}px -10px)`')
-    return <ScrollView className='scrol' scrollY  style={type=='custom'?{height:`calc(100vh - 42.5px - ${navStyle.bottom}px - 10px)`}:undefined} >
+    return <ScrollView className='scrol' scrollY  style={type=='custom'?{height:`calc(100vh - 65px - ${navStyle.bottom}px - 10px)`}:undefined} >
         <View className='page-container' >
             {children}
         </View>

src/pages/recommend/index.jsx

@@ -37,13 +37,12 @@ const ImageCard = props => {
       {userRloe.customer == user.role ? (
         undefined
       ) : (
-        <Image
-          className="icon"
-          src={deleteicon}
-          mode="widthFix"
-          style={{ width: "40rpx" }}
-          onClick={() => onDelete()}
-        ></Image>
+        <View className="icon" onClick={() => onDelete()}>
+          <Image
+            className="icon-image"
+            src={deleteicon}
+          ></Image>
+        </View>
       )}
     </View>
   );

src/pages/recommend/index.scss

@@ -34,12 +34,20 @@
     box-sizing:8rpx 12rpx 0rpx #898989
   }
   .icon{
-      width: 10px;
-      height: 40px;
-      padding:20px 30px;
+      width: 80px;
+      height: 80px;
       position: absolute;
       right: 30px;
-      bottom: 30px;
+      top: 30px;
+
+      .icon-image {
+        width: 50px;
+        height: 50px;
+        padding: 12px;
+        border-radius: 50%;
+        background-color: #fff;
+        box-sizing: border-box;
+      }
   }
 
   &-noorder{