收藏
回答

cover-view的子节点溢出被剪切,怎么办?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 cover-view 客户端 7.0.0 2.5.0

- 需求的场景描述(希望解决的问题)

自定义tabBar,第3项icon比较大,需要溢出tabBar。

把cover-view缓冲view,可行,但cover-image设置为image的icon不显示,

如果直接使用view加cover-image组合cover-image无法固定在tabBar里,会跟随页面滑动。

- 希望提供的能力

溢出无效,直接被剪切,

演示代码如下

<cover-view class="class1">

  <cover-view class="class2"/>

</cover-view>

.class1 {

  width: 200rpx;

  height: 200rpx;

  border: 2rpx solid #f0f;

  margin: 0 auto;

}

.class2 {

  width: 100rpx;

  height: 300rpx;

  border: 2rpx solid coral;

  margin: 10rpx 20rpx;

}


回答关注问题邀请回答
收藏

3 个回答

  • 王亚超@专注软件开发11年
    王亚超@专注软件开发11年
    2020-05-11

    求分享解决方案

    2020-05-11
    有用
    回复 3
    • 2020-05-25
      不溢出就OK了。通过样式,让看起来溢出了,实际没有溢出。
      2020-05-25
      回复
    • 周周周周
      周周周周
      2020-12-10回复
      做自定义tabbar 的时候遇到了 能贴一下具体的解决方案吗?
      2020-12-10
      回复
    • 2021-01-08回复周周周周
      搞定了吗?没搞定可以加微信和你说详细的。
      2021-01-08
      回复
  • 2019-01-21

    搞定了

    2019-01-21
    有用
    回复 5
    • 小醉月思
      小醉月思
      2019-08-14
      您好,请问要怎么改布局?才能解决这个给问题?
      2019-08-14
      回复
    • 2019-08-14回复小醉月思
      不溢出就可以了。线条这些都用元素写出来。
      2019-08-14
      回复
    • 小醉月思
      小醉月思
      2019-08-14
      还有别的解决方案吗?我现在的需求需要图标一半溢出。
      2019-08-14
      回复
    • 2019-08-14回复小醉月思
      唯一办法。
      2019-08-14
      回复
    • 2019-08-14回复小醉月思
      布局能解决的都是小问题。
      2019-08-14
      回复
  • You can you up
    You can you up
    2019-01-21

    同样的问题

    2019-01-21
    有用
    回复 3
    • 2019-01-21

      改变下布局搞定了。

      2019-01-21
      回复
    • You can you up
      You can you up
      2019-01-21回复

      恩  我也改了

      2019-01-21
      回复
    • 小醉月思
      小醉月思
      2019-08-14
      您好,请问要怎么改布局?才能解决这个给问题?
      2019-08-14
      回复
登录 后发表内容