【报Bug】NVUE页面下border-bottom样式不生效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 18363

HBuilderX类型： Alpha

HBuilderX版本号： 2.8.3

手机系统： Android

手机系统版本号： Android 10

手机厂商：华为

手机机型： Mate10

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view style="height: 666upx;">  
        <view class="circle-box">  
            <view class="circle_process">  
                <view class="wrappers right-float">  
                    <view class="circle rightcircle" ref="rightcircle"></view>  
                </view>  
                <view class="wrappers left-float">  
                    <view class="circle leftcircle" ref="leftcircle"></view>  
                </view>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
            }  
        }  
    }  
</script>  
<style scoped>  
    .circle_process {  
        width: 159upx;  
        height: 200upx;  
    }  

    .wrappers {  
        width: 100upx;  
        height: 200upx;  
        position: absolute;  
        top: 0;  
    }  

    .right-float {  
        right: 0;  
    }  

    .left-float {  
        left: 0;  
    }  

    .circle {  
        width: 160upx;  
        height: 160upx;  
        border-width: 20upx;  
        border-style: solid;  
        border-color: transparent;  
        border-radius: 50%;  
        position: absolute;  
        top: 0;  
    }  

    .rightcircle {  
        border-top-width: 20upx;  
        border-top-style: solid;  
        border-top-color: lightblue;  
        border-right-width: 20upx;  
        border-right-style: solid;  
        border-right-color: lightblue;  
        right: 0;  

    }  

    .leftcircle {  
        border-bottom-width: 20upx;  
        border-bottom-style: solid;  
        border-bottom-color: lightblue;  
        border-left-width: 20upx;  
        border-left-style: solid;  
        border-left-color: lightblue;  
        background-color: #000000;  
        left: 0;  
    }  

</style>

操作步骤：

.leftcircle {border-bottom:20upx solid lightblue;}

预期结果：

.leftcircle {border-bottom:20upx solid lightblue;}

实际结果：

.leftcircle {border-bottom:none;}

bug描述：

border-bottom-width: 20upx;
border-bottom-style: solid;
border-bottom-color: lightblue;
样式不生效

2020-08-05 11:29 负责人:无分享

0 个回复

该问题目前已经被锁定, 无法添加新回复

【报Bug】NVUE页面下border-bottom样式不生效

操作步骤：

.leftcircle {border-bottom:20upx solid lightblue;}

预期结果：

.leftcircle {border-bottom:20upx solid lightblue;}

实际结果：

.leftcircle {border-bottom:none;}

bug描述：

0 个回复

公告

相关问题

【报Bug】NVUE页面下border-bottom样式不生效

操作步骤： .leftcircle {border-bottom:20upx solid lightblue;}

预期结果： .leftcircle {border-bottom:20upx solid lightblue;}

实际结果： .leftcircle {border-bottom:none;}

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

操作步骤：

.leftcircle {border-bottom:20upx solid lightblue;}

预期结果：

.leftcircle {border-bottom:20upx solid lightblue;}

实际结果：

.leftcircle {border-bottom:none;}