🦄 styles(首页): 当屏幕过小时加入购物车模块添加sticky贴顶

src/components/shoppingCart/index.tsx

@@ -145,22 +145,24 @@ export default memo(forwardRef((props: prosObj, ref) => {
                 )
               })}
             </View>
-            <Divider direction='horizontal' customStyles={{ margin: '12px 0' }}></Divider>
+            <View style={{position: 'sticky', top: 0, background: 'white',zIndex: '9999'}}>
-            <View className={styles.flexFonts}>
+                <Divider direction='horizontal' customStyles={{ margin: '12px 0' }}></Divider>
-              <View className={styles.kingFont}>颜色分类({goodList?.length})</View>
+                <View className={styles.flexFonts}>
-              <View className={styles.danwei}>
+                <View className={styles.kingFont}>颜色分类({goodList?.length})</View>
-                {modeFont == 0 ? '大货' : modeFont == 1 ? '剪版' : '散剪'}单位：{showModefont}
+                <View className={styles.danwei}>
-              </View>
+                    {modeFont == 0 ? '大货' : modeFont == 1 ? '剪版' : '散剪'}单位：{showModefont}
-            </View>
+                </View>
-            <View className={styles.searchBox}>
+                </View>
-              <Search
+                <View className={styles.searchBox}>
-                cursorSpacing={100}
+                <Search
-                placeholder='请输入搜索布料'
+                    cursorSpacing={100}
-                showBtn={false}
+                    placeholder='请输入搜索布料'
-                changeOnSearch={getSearchData}
+                    showBtn={false}
-                debounceTime={300}
+                    changeOnSearch={getSearchData}
-                adjustPosition={true}
+                    debounceTime={300}
-              />
+                    adjustPosition={true}
+                />
+                </View>
             </View>
             {goodList.length > 0 && (
               <>