要求:修改vant dialog title 中的日期样式。本来是用dialog组件的title属性,一改就会把整个title的样式改掉。
页面效果
解决:使用slot
代码
<van-dialog v-model="dateTimePickerShow" show-cancel-button>
<slot name="title"><span style="margin:30px;height:20px;display:block;font-size:17px">选择时间:<span style="color:blue;padding-left:5px">{{ datepickerTitle }}</span></span></slot>
<van-divider />
<van-datetime-picker
v-model="currentDate"
:show-toolbar="false"
type="datetime"
/>
</van-dialog>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。