周末使用说明书综艺Ant Design of React开发前端。如何实现一个按钮功能,点击后从后台获取数据在页面导出excel

  • btn(基础样式主要用设置按钮通用樣式):
 outline: 0;//是绘制于元素周围的一条线,位于边框边缘的外围可起到突出元素的作用
 
其中的具体属性不多说了,不知道的可以百度属性就知噵了大概就是设置字体粗细、字体居中、不换行、过渡、定位、边框、激活、焦点、hover、disabled等样式,其中btn中调用了button-size函数&-lg、&-sm设置大按钮和小按钮,调用了button-size函数
 
 
  • 下一个部分是设置按钮类型为主按钮、次按钮、虚线按钮、危险按钮、幽灵按键样式函数:
 
 
代码中我们可以看到这些函數都是调用button-color来设置按钮的边框背景,文字颜色和调用button-disabled来设置禁用样式。主要还是基础颜色样式不同而且hover,active颜色样式不一样而且在後面函数中btn-primary、btn-default、btn-ghost、btn-dashed、btn-danger调用上面的对应函数。代码如下:
 
剩下就是按钮组的样式和圆按钮的样式
 




我要回帖

更多关于 周末使用说明书综艺 的文章

 

随机推荐