【报Bug】border-image-source 运行到真机无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.6.9

手机系统： Android

手机系统版本号： Android 11

手机厂商： OnePlus

手机机型： OnePlus 7 pro

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

.box1 {  
        border-top: 140rpx solid;  
        border-right: 26rpx solid;  
        border-bottom: 200rpx solid;  
        border-left: 26rpx solid;  
        border-color: transparent;  
        border-image-slice: 244 40 210 40 fill;  
        border-image: url('/static/servebg1.png');  
}

操作步骤：

代码如上

预期结果：

显示边框图片

实际结果：

无边框图片

bug描述：

border-image 运行到真机无效

2022-11-17 18:52 负责人:无分享

1 个回复

BoredApe - 有问题就会有答案。

使用小米测试正常。是在nvue中使用还是vue中呢？

小邱哈哈哈哈哈 (作者)

vue

2022-12-06 14:59

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

【报Bug】border-image-source 运行到真机无效

示例代码：

`.box1 { border-top: 140rpx solid; border-right: 26rpx solid; border-bottom: 200rpx solid; border-left: 26rpx solid; border-color: transparent; border-image-slice: 244 40 210 40 fill; border-image: url('/static/servebg1.png'); }`

操作步骤：

代码如上

预期结果：

显示边框图片

实际结果：

无边框图片

bug描述：

1 个回复

公告

相关问题

【报Bug】border-image-source 运行到真机无效

示例代码： .box1 { border-top: 140rpx solid; border-right: 26rpx solid; border-bottom: 200rpx solid; border-left: 26rpx solid; border-color: transparent; border-image-slice: 244 40 210 40 fill; border-image: url('/static/servebg1.png'); }

操作步骤： 代码如上

预期结果： 显示边框图片

实际结果： 无边框图片

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`.box1 { border-top: 140rpx solid; border-right: 26rpx solid; border-bottom: 200rpx solid; border-left: 26rpx solid; border-color: transparent; border-image-slice: 244 40 210 40 fill; border-image: url('/static/servebg1.png'); }`

操作步骤：

代码如上

预期结果：

显示边框图片

实际结果：

无边框图片