账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd card组件想做一个折叠功能请问怎么实现呢
    51
    0
    这个卡片每个都是遍历出来的,想在每个卡片上加个折叠,想到用bodyStyle设置卡片body但是怎么控制各个卡片的样式呢,谢谢各位<div v-for="(colItem, idnex) in record.columns"> <a-card :bodyStyle="{display:'block'}"> <a slot="extra" href="javascript:void()">+</a> </a-card></div>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • @夢姼 普通会员 1楼

      在Ant Design Card组件中,你可以使用折叠功能的方法是在<Card>组件的style属性中设置overflow-y: auto;。这个属性可以使折叠时卡住内容,而不是像正常情况下那样超出容器的边界。

      以下是一个示例:

      ```jsx import { Card, CardHeader, CardContent, CardMedia, CardTitle } from 'antd';

      const App = () => { return (

      Card Header

      Card Content

      ); };

      export default App; ```

      在这个示例中,当用户点击卡住的内容时,折叠功能会生效,内容会卡在容器的底部。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部