搜索列表

src/components/sortBtn/index.module.scss

@@ -0,0 +1,36 @@
+.click {
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    position: relative;
+  }
+
+  .bottom {
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 10px 10px;
+    border-color: transparent transparent #999999;
+    transform: rotate(180deg);
+  }
+  .top:hover {
+    cursor: pointer;
+    border-color: transparent transparent #333333;
+  }
+
+  .top {
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 10px 10px;
+    border-color: transparent transparent #999999;
+    margin-bottom: 5px;
+  }
+  .bottom:hover {
+    cursor: pointer;
+    border-color: transparent transparent #333333;
+  }
+  .selected{
+    border-color: transparent transparent $color_main;
+  }

src/components/sortBtn/index.tsx

@@ -0,0 +1,17 @@
+import { View } from "@tarojs/components"
+import classnames from "classnames";
+import styles  from './index.module.scss'
+
+type params = {
+    status?: 'top'|'bottom'|'none'
+}
+export default ({status = 'none'}: params) => {
+    return (
+        <>
+            <View className={styles.click}>
+                <View className={classnames(styles.top, status == 'top'&&styles.selected)} ></View>
+                <View className={classnames(styles.bottom, status == 'bottom'&&styles.selected)}></View>
+            </View>
+        </>
+    )
+}