h5 mint-ui 手机页面 用了 Datetime picker组件，怎么在头部中间位置加上‘选择日期’文案？？

作者站长头像
站长
· 阅读数 4
<mt-datetime-picker
    ref="datetimePicker"
    v-model="date"
    type="date"
    @confirm="dateConfirmed"
    @cancel="dateCancel">
</mt-datetime-picker>

h5 mint-ui 手机页面 用了 Datetime picker组件，怎么在头部中间位置加上‘选择日期’文案？？

回复
1个回答
avatar
test
2024-06-25

使用伪元素加下就行了

.picker-toolbar:before {
    content: '选择日期';
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%);
    color: red;
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容