mp-colorui/dist/h5/components/screenDrawer/index.js

MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库（目前仅支持小程序端）

import Taro from "@tarojs/taro-h5";
import Nerv from "nervjs";
import { View, Text, ScrollView } from '@tarojs/components';
export default class ClScreenDrawer extends Taro.Component {
  render() {
    const props = this.props;

    const hideModal = () => {
      props.onHide && props.onHide();
    };
    return <View>
      <ScrollView scrollY className={`DrawerPage ${props.show ? 'show' : ''}`}>
        {props.renderPage}
      </ScrollView>
      <View className={`DrawerClose ${props.show ? 'show' : ''}`} onClick={hideModal}>
        <Text className="cuIcon-pullright" />
      </View>
      <ScrollView scrollY className={`DrawerWindow ${props.show ? 'show' : ''}`}>
        {props.renderDrawer}
      </ScrollView>
    </View>;
  }

}
ClScreenDrawer.options = {
  addGlobalClass: true
};