//html
<div class="myMenu-button" @tap="appurl('../gbook/index')">
<div class="button-icon liu-bg-color"> <text class="Myicon myMenu-icon liu-text-color"></text></div>
<text class="button-text ">留言</text>
</div>
//css
.button-icon{
background-image: linear-gradient(to right, rgb(0, 238, 255),rgb(0, 193, 252));
border-radius: 50rpx;
height: 65rpx;
padding-left: 20rpx;
padding-right: 20rpx;
overflow: hidden;
}
.myMenu-icon{
font-size: 50rpx;
padding-top: 8rpx;
border-radius: 50rpx;
overflow: hidden;
}
- 发布:2020-10-25 19:55
- 更新:2020-12-10 14:04
- 阅读:1961
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 64位家庭版
HBuilderX类型: Alpha
HBuilderX版本号: 2.9.5
手机系统: Android
手机系统版本号: Android 11
手机厂商: 小米
手机机型: 红米Note7
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
运行就出现
运行就出现
预期结果:
支持border-radius圆角
支持border-radius圆角
实际结果:
不支持
不支持
最佳回复
收到在检测 不过红米Note7 与android11你确定? 哪个准确的?
更新了最新版本,之前写的圆角代码都不能使用了,手机mate30
.circle {
width: 120px;
height: 120px;
background-color: #7fee1d;
border-radius:60px;
}
我经过再三测试,问题还是可以出现,虽然有解决方案,但是终归和ios是有区别的;
<template>
<view class="container">
<view class="red">
<view class="green">
</view>
</view>
</view>
</template>
<style >
.red{
border-radius: 25px;
width: 50px;
height: 50px;
background-color: red;
overflow:hidden;
}
.green{
border-top-left-radius: 25px;
width: 50px;
height: 50px;
background-color: green;
}
.container{
justify-content: center;
align-items: center;
flex:1;
}
</style>
上面的代码中,如果red和green两个view单独展示,圆角都没有问题,有嵌套的时候就不能正常显示了
-
回复 DCloud_Android_ST: 嗯
这个https://ask.dcloud.net.cn/question/112969 问题解疑一下,我有些疑惑2020-12-10 15:05
寂正
正式版的hx出现image组件 出现bug 如果图片其他地方没有铺满会被填充红色背景 ,所以尽快修复吧,没一个版本都有bug
2020-10-29 09:28