京东通天塔怎么装修?怎么设置自定义模块？-开淘网

京东通天塔怎么装修?怎么设置自定义模块？

2018-03-29 17:30:47

　　通天塔是主要为京东直投制作活动页的工具，为了满足不同店铺的需求，提供了很多种模板，同时为了满足个性化定制，专门提供了自定义模板，那么具体怎么设置呢?开淘小编整理了一份操作手册，接下来一起去看看吧!

　　一般的通天塔组件同时支持原生和H5页面，包含自定义代码模块的页面只支持H5，不支持原生;

　　后台简单示意图

　　1. 进入通天塔后台

　　2. 创建一个“活动”

　　3. 选择“进入运营”

　　4. 点击左侧模版：“自定义模块”：

　　(1)在“开发区域”填写“html”文件代码

　　(2)在“上传素材” 上传js，css，图片文件

　　5. 代码中引用资源时，若使用相对路径，后台会替换路径为CDN绝对地址。详见下方“使用者规范”说明

　　6. 活动列表中的预览按钮，可以查看到相关活动的UR。

　　使用者规范

　　代码文件参考如下

　　1、 project文件夹下，可以包含4个子文件夹，"img”,"js" ,"css", "plugin"

　　2、 "img"下存放所有图片，不包含子文件夹

　　3、 "js"下存放所有js文件，不包含子文件夹

　　4、 "css"下存放所有css文件，不包含子文件夹

　　5、注意所有文件：包括图片，css，js等这些文件的文件名，请确保只包含这些字符:字母、数字、下划线(_)、中划线(-)、中文、目录分隔符(/)以及点号(.)组成

　　引用资源写法

　　上传的的资源会放到CDN服务器上，引用资源的相对路径会由后台替换成CDN地址。为使后台能正确匹配出待替换的资源，约定如下：

　　1、 “资源”的定义主要指js、css、图片三类

　　2、引用资源时，相对路径应包含”js/ || css/ || img/“字符，并包含在单引号或双引号中。

　　3、资源不要带时间戳，不要带任何后缀，只能以 .js || .css || .jpg || .jpeg || .gif || .png || .bmg结尾

　　4、代码中引用的资源路径要一次性写全，不要分开写。

　　正确写法：

　　var img = new Image(); img.src = "img/a.jpg";

　　错误写法：

　　var a = "img/"; var b = "a.jpg"; var img = new Image(); img.src = a + b;

　　在进行设置的时候，如果需要上传修改过的文件，那么就需要点击弹窗右上角和搭建页面右上角的两处保存最后才会生效。想要获取更多的精彩内容，大家就要多来逛一逛开淘网哦！