张延森 4 år sedan
förälder
incheckning
304cca1d0a
4 ändrade filer med 19 tillägg och 13 borttagningar
  1. Binär
      src/assets/deleteicon.png
  2. 1
    2
      src/layout/index.jsx
  3. 6
    7
      src/pages/recommend/index.jsx
  4. 12
    4
      src/pages/recommend/index.scss

Binär
src/assets/deleteicon.png Visa fil


+ 1
- 2
src/layout/index.jsx Visa fil

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

+ 6
- 7
src/pages/recommend/index.jsx Visa fil

@@ -37,13 +37,12 @@ const ImageCard = props => {
37 37
       {userRloe.customer == user.role ? (
38 38
         undefined
39 39
       ) : (
40
-        <Image
41
-          className="icon"
42
-          src={deleteicon}
43
-          mode="widthFix"
44
-          style={{ width: "40rpx" }}
45
-          onClick={() => onDelete()}
46
-        ></Image>
40
+        <View className="icon" onClick={() => onDelete()}>
41
+          <Image
42
+            className="icon-image"
43
+            src={deleteicon}
44
+          ></Image>
45
+        </View>
47 46
       )}
48 47
     </View>
49 48
   );

+ 12
- 4
src/pages/recommend/index.scss Visa fil

@@ -34,12 +34,20 @@
34 34
     box-sizing:8rpx 12rpx 0rpx #898989
35 35
   }
36 36
   .icon{
37
-      width: 10px;
38
-      height: 40px;
39
-      padding:20px 30px;
37
+      width: 80px;
38
+      height: 80px;
40 39
       position: absolute;
41 40
       right: 30px;
42
-      bottom: 30px;
41
+      top: 30px;
42
+
43
+      .icon-image {
44
+        width: 50px;
45
+        height: 50px;
46
+        padding: 12px;
47
+        border-radius: 50%;
48
+        background-color: #fff;
49
+        box-sizing: border-box;
50
+      }
43 51
   }
44 52
 
45 53
   &-noorder{