a-range-picker 弹窗移动端响应式布局样式

2024-07-18 11:43:58 浏览数 (2)

vue组件模板

代码语言:html复制
<div class='card-top-panel'>
    <div class='card-echarts-title'>月耗电趋势</div>
    <a-range-picker style="width: calc(100% - 80px); max-width: 350px;" :value='queryParam.currentMonth' @change='handleChangeMonth' :allowClear='false' />
</div>

时间选择弹窗渲染到body下,所以样式表不能添加scoped属性

代码语言:html复制
<style lang="less">
.ant-calendar{
  width: 100vw !important;
  max-width: 430px;
}
</style>

0 人点赞