关于uni-app:uniappuview使用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,心愿对你有所帮忙,让咱们一起致力走向巅峰!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理