React中页面的收缩和展开效果

一、实现效果 单击当前页面中指定按钮,实现右侧页面的展开和收缩效果 具体效果以下 二、左右采用栅格化布局:不了解的小伙伴请参考:https://ant.design/components/grid-cn/ 三、左右页面栅格化占比经过状态机state实现,初始化设置:左侧页面的栅格化占比为24,右侧页面为0(即达到左侧页面全屏,右侧页面不显示的效果),代码以下 //状态机设置 constructor
相关文章
相关标签/搜索