码迷,mamicode.com
首页 > 其他好文 > 详细

antdUI修改弹窗默认样式(地址选择器等)

时间:2021-02-05 10:57:59      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:global   adr   dismiss   pre   ems   图片   name   reac   glob   

本例子是react,scss;要牢记一定要在最外层声明!!!再就是本身api也可以更改一些,但是作用不大~
效果图:
技术图片

:global(.am-picker-popup-header){
    height: 60px;
}
:global(.am-picker-popup-item){
   font-size: 48px;
}

本身的itemStyle,indicatorStyle,cols等等~

 <Picker
                    extra="请选择(可选)"
                    data={district}
                    title="选择地址"
                    // {...getFieldProps(‘district‘, {
                    //   initialValue: [‘340000‘, ‘341500‘, ‘341502‘],
                    // })}
                    onOk={(e) => console.log("ok", e)}
                    onDismiss={(e) => console.log("dismiss", e)}
                    // indicatorStyle={{fontSize:‘48px‘}}
                    itemStyle={{fontSize:‘36px‘}}
                    className={styles.Adress}
                    cols=‘2‘
                  >
                    <img className={styles.img} src={rightBlack}  />
                  </Picker>

antdUI修改弹窗默认样式(地址选择器等)

标签:global   adr   dismiss   pre   ems   图片   name   reac   glob   

原文地址:https://www.cnblogs.com/caoxueyang/p/14375906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!