Browse Source

style: 关闭按钮样式

TIANYONG 1 năm trước cách đây
mục cha
commit
3e34dffea7

+ 2 - 1
src/page-instrument/view-figner/guide/detail-guide.tsx

@@ -12,7 +12,8 @@ export default defineComponent({
 				<div class={styles.btn} onClick={() => emit("close", true)}>
 					不再提醒
 				</div>
-				<Icon class={styles.close} name="cross" onClick={() => emit("close")} />
+				<span class={styles.closeIcon} onClick={() => emit("close")}></span>
+				{/* <Icon class={styles.close} name="cross" onClick={() => emit("close")} /> */}
 			</div>
 		);
 	},

+ 24 - 0
src/page-instrument/view-figner/guide/index.module.less

@@ -28,6 +28,30 @@
         padding: 0 8px;
         padding-top: 6px;
     }
+
+    .closeIcon{
+        width: 15px;
+        height: 15px;
+        margin: 0 10px;
+        position: relative; 
+        cursor: pointer;
+    }
+    .closeIcon::before,
+    .closeIcon::after{
+        content: "";
+        position: absolute;
+        height: 15px;
+        width: 1.5px;
+        top: 4px;
+        right: 9px;
+        background: rgba(255, 255, 255, .55);
+    }
+    .closeIcon::before{
+        transform: rotate(45deg);
+    }
+    .closeIcon::after{
+        transform: rotate(-45deg);
+    }    
 }
 
 .fingerGuide {