Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
d2ab73df
提交
d2ab73df
编写于
11月 09, 2022
作者:
glod-money-money
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update:更新
上级
ee10f192
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
44 行增加
和
10 行删除
+44
-10
app-rawitem-carousel.vue
...ement/media/app-rawitem-carousel/app-rawitem-carousel.vue
+44
-10
未找到文件。
src/components/layout-element/media/app-rawitem-carousel/app-rawitem-carousel.vue
浏览文件 @
d2ab73df
...
...
@@ -4,8 +4,8 @@
:interval=
"swipeConfig.interval"
>
<el-carousel-item
v-for=
"item in swipeData"
:key=
"item.key"
>
<div
class=
"carousel-img-item"
>
<img
class=
"app-carouse-img"
v-if=
"item.type === 'img'"
:src=
"item.
imgPath
"
@
error=
"imgError"
/>
<i
v-else-if=
"item.type === 'icon'"
:class=
"item.
iconClass
"
></i>
<img
class=
"app-carouse-img"
v-if=
"item.type === 'img'"
:src=
"item.
value
"
@
error=
"imgError"
/>
<i
v-else-if=
"item.type === 'icon'"
:class=
"item.
value
"
></i>
</div>
</el-carousel-item>
</el-carousel>
...
...
@@ -119,23 +119,57 @@ export default class AppCarousel extends Vue {
*/
@
Watch
(
'value'
,
{
immediate
:
true
,
deep
:
true
})
public
onValueChange
(
newVal
:
any
,
oldVal
:
any
)
{
//处理轮播图-静态数据
if
(
this
.
type
===
"STATIC_CAROUSEL"
)
{
this
.
handleSwipData
(
newVal
);
}
}
@
Watch
(
'data'
,
{
immediate
:
true
,
deep
:
true
})
public
onDataChange
(
newVal
:
any
,
oldVal
:
any
)
{
//处理轮播图-动态数据
if
(
this
.
type
===
"FIELD_CAROUSEL"
)
{
if
(
this
.
value
&&
typeof
this
.
value
===
'string'
)
{
const
swipeData
=
JSON
.
parse
(
this
.
value
);
this
.
handleSwipData
(
swipeData
);
const
tempData
=
newVal
[
this
.
name
]
if
(
tempData
)
{
if
(
typeof
tempData
===
'string'
)
{
const
swipeData
=
JSON
.
parse
(
this
.
value
);
this
.
handDynaSwipData
(
swipeData
);
}
else
if
(
tempData
instanceof
Array
)
{
this
.
handDynaSwipData
(
tempData
);
}
}
//处理轮播图-静态数据
}
else
if
(
this
.
type
===
"STATIC_CAROUSEL"
)
{
this
.
handleSwipData
(
this
.
value
);
}
}
//处理动态轮播图数据
private
handDynaSwipData
(
data
:
any
[]
=
[])
{
if
(
data
&&
data
.
length
>
0
)
{
this
.
swipeConfig
=
this
.
setSwipeConfig
(
data
);
const
tempData
=
data
.
filter
((
item
:
any
)
=>
{
return
!
Object
.
is
(
item
.
key
,
'autoplay'
)
&&
!
Object
.
is
(
item
.
key
,
'timespan'
);
})
this
.
swipeData
=
[];
tempData
.
forEach
((
item
:
any
)
=>
{
if
(
item
.
value
)
{
if
(
item
.
value
.
indexOf
(
'fa fa-'
)
<
0
)
{
if
(
!
item
.
type
)
{
item
.
type
=
'img'
;
}
}
else
if
(
!
item
.
type
)
{
item
.
type
=
'icon'
;
}
}
this
.
swipeData
.
push
(
JSON
.
parse
(
JSON
.
stringify
(
item
)));
})
}
}
/**
* @description 处理轮播图数据
* @description 处理
静态
轮播图数据
* @memberof AppCarousel
*/
private
handleSwipData
(
data
:
any
)
{
private
handleSwipData
(
data
:
any
[]
=
[]
)
{
if
(
data
&&
data
.
length
>
0
)
{
const
configItem
=
data
.
findIndex
((
item
:
any
)
=>
Object
.
is
(
item
.
key
,
"autoplay"
)
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录