antd Card组件默认选中

antd Card组件，按照文档，设置了默认值，热更新后，效果正常，完美。

开发过程中，为了防止浏览器有缓存，经常性地会手动点击浏览器的刷新按钮。就是这么一点，让我在设置默认选中上，多停留了几分钟。

手动点击浏览器的刷新按钮，发现antd Card的默认选中样式（蓝色的字，底部有同字同宽的蓝色的短线）缺少了同款的蓝色的短线。而通过不同菜单的跳转时，antd Card的默认选中样式是正常的

第一步：检查样式，和正常的选中对比，发现，缺少蓝色短线的原因是宽度为0

第二步：检查其它用antd Card组件，部署后的效果，发现，无论是通过菜单，从无到有的加载界面，还是手动清空缓存刷新浏览器，Card的默认选中，都是正常的：蓝色的字+同宽的蓝色的短线

第三步：抱着试试看的态度，先搁置等部署后，看是否正常。

第四步：查看部署后的Card的默认选中，手动刷新浏览器，是正常的。放心了

总结：

本地开发时，设置Card组件的默认选中，手动刷新浏览器时，选中样式会少同宽的蓝色短线，莫慌，部署上就好了。

ps：选中的蓝色短线和文字是同宽的，应该蓝色短线的长度是经过计算来的，具体怎么计算，我还没看源码，后续补上。

antd Card组件默认选中相关推荐

jeecgboot：主表（antd table）默认选中第一条记录
问题描述: 使用jeecgboot框架生成ERP主题的主附表样式,主表默认不选中任何记录,每次需要手动点击一条,下边的附表才能显示对应的查询记录,我们现在要做的是让主表默认选中第一条. 解决思路: 刚 ...
antd radio设置默认选中_antd中如何给绑定Form的Radio.Group设置默认的选中值！
嗯~~ 本人2年前端小菜鸡,刚刚换了新公司,接手的项目使用的是react+antd+dva+umi等技术. 之前完全没有antd的经验,但是有2年react的经验,所以嘛,项目上手难度一般,但是扛不住 ...
antd table如何默认选中第一行，并添加背景色
table配置 <Tablecolumns={this.state.columns}dataSource={this.state.tableData}bordered// loadingrowC ...
antd radio设置默认选中_单选框radio总结（获取值、设置默认选中值、样式）
单选框 radio 是否 1.获取值 $("input[name='killOrder']:checked").val(); $('input:radio:checked').v ...
antd select 设置默认选中
select 的数据是从后台获取的,用v-model做了绑定,获取数据后给绑定值设置了值,也实现了默认选择,但是却不能再选择了,始终都是设置的那个值,在绑定对象中加了设置初始值后才能正常选择 < ...
el-table默认选中
最近开发,记录下el-table组件默认选中数据的方式,后台返回的数据不尽相同,代码里面有注释,可以自己根据不同的值换成自己需要的对应的key 场景1:根据用户选择的不同的id去请求渲染的数据,在渲染 ...
antd的Radio设置默认选中
当时用antd组件库的Radio单选框时,设置默认选中 const Demo = () => {return (<Formname="validate_other"{. ...
antd 中 Tree 的使用-默认选中问题
在使用antd的Tree 控件的控件的时候,数据回显的时候发现所有的都选中了,很奇怪 <Tree checkable ={true}showLine = {true}multiple={true ...
antd checkbox 默认选中_antd + select 默认选中问题？
题目描述 react + antd select 默认选中问题题目来源及自己的思路我是通过 const { getFieldDecorator } = this.props.form;来设置他们的 ...

antd Card组件默认选中

antd Card组件默认选中相关推荐

最新文章

热门文章