关于修改datav 轮播表背景图

例：datav中轮播表组件只支持修改表头，内容的背景颜色，需求是需要改为使用背景图

官方文档

config属性

|

属性

|

说明

|

类型

|

可选值

|

默认值

|
|

header

|

表头数据

|

Array

|

---

|

[]

|
|

data

|

表数据

|

Array

|

---

|

[]

|
|

rowNum

|

表行数

|

Number

|

---

|

5

|
|

headerBGC

|

表头背景色

|

String

|

---

|

'#00BAFF'

|
|

oddRowBGC

|

奇数行背景色

|

String

|

---

|

'#003B51'

|
|

evenRowBGC

|

偶数行背景色

|

String

|

---

|

0A2732

|
|

waitTime

|

轮播时间间隔(ms)

|

Number

|

---

|

2000

|
|

headerHeight

|

表头高度

|

Number

|

---

|

35

|
|

columnWidth

|

列宽度

|

Array

|

[1]

|

[]

|
|

align

|

列对齐方式

|

Array

|

[2]

|

[]

|
|

index

|

显示行号

|

Boolean

|

true|false

|

false

|
|

indexHeader

|

行号表头

|

String

|

|

'#'

|
|

carousel

|

轮播方式

|

String

|

'single'|'page'

|

'single'

|
|

hoverPause

|

悬浮暂停轮播

|

Boolean

|

---

|

true

|

官方组件相关代码

由此可看出通过配置config将背景色绑定到了style中，这就导致我们在页面中无法覆盖样式

错误覆盖样式代码：

正确覆盖样式代码：

去掉 scoped 关键字，因为scoped是对当前文件生效的，而引入的组件并不在此文件内，所以导致样式无法覆盖

关于 定制元素 只能使用html标签，不能引入Vue组件

var item = [i, '五常西溪风情', '98/45',''] var item = [i, '五常西溪风情', '98/45',] 无法显示

可选用第一种，在中定义样式

例：