✨ feat(购物界面): 完成购物界面50%

src/components/checkbox/index.module.scss

@@ -2,6 +2,7 @@
   display: flex;
   align-items: center;
   &--text {
+    color: currentColor;
     margin-left: 10px;
   }
 }

src/components/checkbox/index.tsx

@@ -1,6 +1,6 @@
 import { View } from '@tarojs/components'
 import classnames from 'classnames'
-import { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
+import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
 import IconFont from '../iconfont'
 import styles from './index.module.scss'
 
@@ -15,9 +15,11 @@ type params = {
   round?: boolean
   size?: CheckboxSize
   children?: React.ReactNode
+  customStyles?: React.CSSProperties
+  customClassName?: string
 }
 export default forwardRef((props: params, ref) => {
-  const { onSelect, onClose, status = false, disabled = false, circle = false, round = true, size = 'normal', children } = props
+  const { onSelect, onClose, status = false, disabled = false, circle = false, round = true, size = 'normal', children, customStyles, customClassName } = props
   const [selected, SetSelected] = useState(false)
   const onSelectEven = () => {
     if (disabled) return false
@@ -55,7 +57,7 @@ export default forwardRef((props: params, ref) => {
     SetSelected(status)
   }, [status])
   return (
-    <View className={styles.checkbox} onClick={() => onSelectEven()}>
+    <View className={classnames(customClassName, styles.checkbox)} onClick={() => onSelectEven()} style={customStyles}>
       <View className={classnames(styles.checkbox_main, getMainClassName())}>
         <View className={classnames(styles.checkbox_item, getClassName())}>
           {selected && <IconFont name='icon-a-jizhumima' size={22} color='#fff'></IconFont>}