uni-app+uview使用Calendar 日历

uni-app+uview使用Calendar 日历

1.开发环境 uni-app+uview
2.电脑系统 windows10专业版
3.在使用uni-app+uview开发的过程中使用Calender日期组件遇到的坑,下面是我做的分享,希望对你有帮助!
4.uni-app+uview使用Calendar 日历遇到的坑,样式错乱,效果如下:

遇到问题不要怕,没有什么解决不了的,要相信自己!我简单的分享一下我的方法,看看渲染的dom结构,看看css样式是否生效,希望对你有多帮助!
这个错乱的效果是因为,日历组件的 弹性盒子的样式没有生效,所以到导致了页面错乱。

5.解决方法,在css样式中添加如下代码:

  /deep/ .u-calendar__action{
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

6.效果如下:

7.本期的分享到了这里就结束啦,是不是很nice,希望对你有所帮助,让我们一起努力走向巅峰!