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

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 人点赞