1***@qq.com
1***@qq.com
  • 发布:2025-09-15 14:32
  • 更新:2025-09-15 14:33
  • 阅读:31

APP端的cover-image 不能设置圆角吗?

分类:uni-app

cover-image 设置了border-radius:50%或者9999rpx都没效果

2025-09-15 14:32 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

使用哪个版本的hbuilderx?运行到哪个平台出现的问题?

  • 1***@qq.com (作者)

    最新版 vue3 安卓端

    2025-09-15 14:38

  • DCloud_UNI_yuhe

    回复 1***@qq.com: 试过 ios 吗?发一下一个能运行的代码片段看看

    2025-09-15 14:39

  • 1***@qq.com (作者)

    回复 DCloud_UNI_yuhe:


    <template>  
    <view class="content">
    <video src="https://test-streams.mux.dev/x36xhzz/url_2/193039199_mp4_h264_aac_ld_7.m3u8"></video>
    <!-- <image class="logo"
    src="https://img0.baidu.com/it/u=1588821051,81444307&fm=253&fmt=auto&app=120&f=JPEG?w=593&h=500"></image> -->
    <cover-image class="logo"
    src="https://img0.baidu.com/it/u=1588821051,81444307&fm=253&fmt=auto&app=120&f=JPEG?w=593&h=500"></cover-image>
    </view>
    </template>

    <script>
    export default {
    data() {
    return {
    title: 'Hello'
    }
    },
    onLoad() {

    },
    methods: {

    }
    }
    </script>

    <style>
    .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }

    .logo-wrapper {
    position: absolute;
    top: 10px;
    height: 80rpx;
    width: 80rpx;
    border-radius: 250px;
    overflow: hidden;
    }

    .logo {
    position: absolute;
    top: 10px;
    height: 80rpx;
    width: 80rpx;
    border-radius: 9999rpx;
    }

    .video {
    width: 100%;
    height: 320px;
    }
    </style>

    2025-09-15 14:49

  • 1***@qq.com (作者)

    回复 DCloud_UNI_yuhe: ios 不清楚,h5 正常,Android就是没有圆角

    2025-09-15 14:54

  • DCloud_UNI_yuhe

    回复 1***@qq.com: app上由于 Plus 的 api 限制,还不能够设置圆角

    2025-09-15 17:11

要回复问题请先登录注册