Udesk工单SDK的主题（参数theme）

最新推荐文章于 2021-05-25 17:00:01 发布

原创最新推荐文章于 2021-05-25 17:00:01 发布 · 526 阅读

CC 4.0 BY-SA版权

文章标签：

7 篇文章

订阅专栏

本文介绍了如何理解和使用Udesk工单SDK的主题（theme）功能。当传递theme值时，SDK会在最外层div添加对应class，允许开发者自定义样式。通过设置theme参数并观察页面元素，可以实现对工单SDK界面的个性化定制。

作者：张振琦

最近接到了一个客户咨询，咨询工单SDK的主题怎么用，看了一下官网文档：
在这里插入图片描述
除了这个描述，也没有其他的了，这个确实是不太好理解。那本篇就来说说这个工单SDK的theme到底是什么，怎么用？

当我们转入这个theme值的时候，工单SDK的最外层的div就会添加一个class 名为 udesk-sdk-ticket-theme-xxx

我们还是使用之前介绍Udesk工单SDK用到的代码，传入 theme: “mytheme”，用开发人员工具，可以看到div添加了 udesk-sdk-ticket-theme-mytheme的class

在这里插入图片描述
这个就是给了我们一个自定义div的样式的接口

添加一下样式到代码里

 <style type="text/css">
	.udesk-sdk-ticket-theme-mytheme
	{
		background-color:#6495ED;
		border:3px dashed #000;
		margin-top:20px
	}
</style>

查看页面效果

在这里插入图片描述
更加丰富的效果样式，大家就可以自己去探索了。