【npm插件reactUI】

使用
npm install react_wxb_ui

import { Rline7, Rline6, Rline5, Rline4, Rline3, Rline2, Rline1, Rbox2 } from 'react_wxb_ui'

            <Rline7 style={{ height: '40px' }}></Rline7>
            
            <Rline6 style={{ height: '140px' }}></Rline6>
           
            <Rline5 style={{ height: '40px' }}></Rline5>
          
            <Rline4 style={{ height: '40px' }}></Rline4>
           
            <Rline3 style={{ height: '40px' }}></Rline3>
          
            <Rline2 style={{ height: '40px' }}></Rline2>
          
            <Rline1 style={{ height: '40px' }}></Rline1>
          
            <Rbox15 style={{ height: '120px' }}>Rbox15</Rbox15>
          
            <Rbox14 style={{ height: '120px' }}>Rbox14</Rbox14>
          
            <Rbox13 style={{ height: '120px' }}>Rbox13</Rbox13>
          
            <Rbox12 style={{ height: '120px' }}>Rbox12</Rbox12>
            
            <Rbox11 style={{ height: '120px' }}>Rbox11</Rbox11>
        
            <Rbox10 style={{ height: '120px' }}>Rbox10</Rbox10>
          
            <Rbox9 style={{ height: '120px' }}>Rbox9</Rbox9>
           
            <Rbox8 style={{ height: '120px' }}>Rbox8</Rbox8>
         
            <Rbox7 style={{ height: '120px' }}>Rbox7</Rbox7>
          
            <Rbox6 style={{ height: '120px' }}>Rbox6</Rbox6>
         
            <Rbox5 style={{ height: '120px' }}>Rbox5</Rbox5>
           
            <Rbox4 style={{ height: '120px' }}>Rbox4</Rbox4>
          
            <Rbox3 style={{ height: '120px' }}>Rbox3</Rbox3>
         
            <Rbox2 style={{ height: '120px' }}>Rbox2</Rbox2>
         
            <Rbox1 style={{ height: '120px' }}>Rbox1</Rbox1>

可传入变量

    children: PropTypes.node, // 插槽
    style: PropTypes.object,  // 样式
    color: PropTypes.array,   // 主题颜色  
    backgroundColor: PropTypes.string

   示例  <Rbox2 style={{ height: '120px' }} color={['red', 'blue']} backgroundColor={'#ccc'}></Rbox2>