乐趣区

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

退出移动版