【taro react】 ---- Stepper 步进器组件封装

1.目的

1. 学会 taro 组件的封装；
2. 学习 【Stepper 进步器】的基础逻辑；
3. 学会 react 组件调用值的传递！

2. 【Stepper 进步器】组件布局

2.1 预览样式

2.2 布局结构代码

1. 使用 flex 布局，作为进步器的盒子，注意由于个人习惯，基本采用的 flex 布局，rui-fa 是 flex: none 防止盒子发生错乱；
2. 【rui-icon rui-icon-minus】减号；
3. 【rui-icon rui-icon-plus】加号；
4. 【rui-color4 rui-fs30 rui-ml15】图标的颜色大小和左边距；
5. input 是 进步器 的输入盒子，可以编辑修改 value。

import React, { Component } from 'react'
import { View, Text, Input } from '@tarojs/components'
import './index.scss'


export default class RuiStepper extends Component {
  constructor(props) {
    super(props)
  }
  render () {
    return (
      <View class