企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
# 一、概述 依据时间先后顺序,把活动节点串联起来。支持微信端和小程序端 # 二、授权安装启用插件 安装路径:总后台 -- 安装应用 -- 搜索“时间轴”,并安装 启用路径:总后台 -- 系统 -- 插件管理 -- 启用“时间轴”插件 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/ca7fae6215f7d9e1d91e5c1c780ef204.png)![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/edb21a581cceccfc48580bab8364c7e3.png) # 三、商城后台基础设置 ## (一)时间轴管理 -- 添加时间轴 自定义名称和描述,支持重新编辑 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/a0ab8b3e9af5e55798dec38c4f5bb5c3.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/00aa30e9b951fc1426c4c3dcd3e3a6e6.png)![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/143460bbec7fe301c0e89a082702ff10.png) ## (二)时间轴管理列表 1、根据时间轴名称搜索 2、记录时间轴ID、创建时间轴的时间、时间轴名称、对应事件数量、时间区间(事件的*开始点和结束点*)、显示方式(时间倒序、时间正序;默认时间倒序,可手动修改)、显示状态(开启/关闭) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/9ba1a9750d8f8f89dd71ade936f41623.png) 3、操作:获得H5和PC端的推广二维码和推广链接(注:不用必须搭配PC端插件一起用,如果没有PC端插件,获取H5链接推广即可)、创建和查看事件、删除。 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/6781f1540acd3d4d028eba198555718c.png) ## (三)时间轴管理 -- 事件列表 1、点击时间轴事件列表,添加事件 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/2e5a378af967af77e6af5c9920259c58.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/2e2d5196c16cef2e3837b7cf42cb6224.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/f542171e0f9244af82747206a8cf5cdc.png) 1、事件名称:编辑事件内容名称 2、名称颜色:自定义事件名称颜色,效果如下 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/e9ba9c5e1ebc9dcf926aa54dc2fdebab.png) 3、事件时间:时间选择年月日 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/d5367610a190cc5ad22d10e83370f582.png) 4、事件标签:可输入多个标签,标签之间用英文逗号(,)隔开。标签颜色默认4种,效果如下 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/b57b5b5816503355f5f2fa4b6e8e776e.png) 不能用中文逗号,否则无论输入多少标签都只是一个标签,效果如下 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/dff020c5958ee7d0a9a84094e9b872d6.png) 5、事件描述:描绘事件发生经过。 6、事件图片:建议尺寸200x200 7、H5链接、PC端链接:输入跳转页面链接,请以https://开头 8、小程序链接 (1)跳转自个内部小程序:输入小程序路径即可。若在小程序装修页面的组件里没获取到相关页面路径,可点击[“常见小程序页面路径”](https://www.yunzmall.com/plugins/shop_server/knowledge/knowledge_detail/358?i=10&base_id=8)查看获取 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/9ae81da3b6ef92fd05b78000a51ab4c6.png) (2)跳转外部小程序:输入外部小程序的APPID和小程序页面路径。 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/ba520f9055e1d16d1f3c05066ccd3492.png) ## (四)时间轴事件列表 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/8a11feabb369e3cb36e13ea7d6e66702.png) 1、根据事件名称搜索 2、记录事件ID、时间(即创建事件的时间,非事件对应的时间)、事件名称、事件状态、编辑和删除。 # 四、前端效果 时间轴不添加描述,效果如下: ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/19fc3c148006b45a9b0da07690829e6f.jpg)![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/118b899faee2f407d0c08758cb1807ad.jpg) pc端不做分页显示,一页显示20个事件,下拉加载更多. ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/6078234192853457cd640ee26bb6a589.png) 时间轴添加描述,效果如下 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/a8281bbedce5add7ee408c5e38726390.png)![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/92cb2c0d463c357bc0f1d02b894ae202.png) 时间轴若是禁用状态,前端无法浏览,提示时间轴关闭,如下图 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/ff3d94193303b870f2df19f1f806e09a.png) 时间轴事件若是禁用状态,前端只显示开启状态的事件,如下图 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/bf783872b3d47908c36c029f6348fc69.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/f68d29c69e93cb63e310a0ce80d2606b.png)![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/11/3db4b6ae26892e196f564d2c75355a26.png)