轮播图自由标注

1.添加 数组标注

1%26%23xFF09%3B.%26%23x8FDB%3B%26%23x5165%3B%26%23x9875%3B%26%23x9762%3B%26%23x7F16%3B%26%23x8F91%3B%26%23x754C%3B%26%23x9762%3B%26%23xFF0C%3B%26%23x70B9%3B%26%23x51FB%3B%26%23x5DE6%3B%26%23x4E0A%3B%26%23x65B9%3B%26%23x7684%3B%26%23x6E90%3B%26%23x7801%3B%26%23xFF0C%3B%26%23x5728%3B%26%23x5FAA%3B%26%23x73AF%3B%26%23x4F53%3B%26%23x5143%3B%26%23x7D20%3B%26%23x7684%3B%26%23x524D%3B%26%23x9762%3B%26%23x548C%3B%26%23x540E%3B%26%23x9762%3B%26%23x5206%3B%26%23x522B%3B%26%23x6DFB%3B%26%23x52A0%3B%26%23x6570%3B%26%23x7EC4%3B%26%23x6807%3B%26%23x6CE8%3B%26%23xFF1A%3B%0A%20%20%20%20%20%20%20%20%3Cspan%3E%26%23xA0%3B%3C/span%3E%26lt%3B%21--%7B%7B%7Eit.Array%20%3Avalue%3Aindex%7D%7D--%26gt%3B%26%23x548C%3B%26lt%3B%21--%7B%7B%7E%7D%7D--%26gt%3B%26%23xFF0C%3B%26%23x5143%3B%26%23x7D20%3Bclass%26%23x4E3A%3B%26%23x201C%3Bswiper-slide%26%23x201D%3B%26%23x7684%3BDIV%26%23x8868%3B%26%23x793A%3B%26%23x4E00%3B%26%23x4E2A%3B%26%23x8F6E%3B%26%23x64AD%3B%26%23xFF0C%3B%26%23x5185%3B%26%23x5BB9%3B%26%23x53EF%3B%26%23x4EFB%3B%26%23x610F%3B%26%23x7F16%3B%26%23x8F91%3B%28%26%23x4EE5%3B%26%23x8F6E%3B%26%23x64AD%3B%26%23x56FE%3B%26%23x7247%3B%26%23x4E3A%3B%26%23x4F8B%3B%29.%26%23x5176%3B%26%23x4E2D%3B%26%23xFF1A%3BArray%26%23x4E3A%3B%26%23x8FD4%3B%26%23x56DE%3B%26%23x6570%3B%26%23x7EC4%3B%26%23x7684%3Bkey%26%23xFF0C%3Bvalue%26%23x4E3A%3B%26%23x6570%3B%26%23x7EC4%3B%26%23x4E2D%3B%26%23x5BF9%3B%26%23x5E94%3B%26%23x6BCF%3B%26%23x4E2A%3B%26%23x4E0B%3B%26%23x6807%3B%26%23x7684%3B%26%23x503C%3B%26%23xFF0C%3Bindex%26%23x4E3A%3B%26%23x6570%3B%26%23x7EC4%3B%26%23x4E2D%3B%26%23x5BF9%3B%26%23x5E94%3B%26%23x7684%3B%26%23x4E0B%3B%26%23x6807%3B%26%23x3002%3B%20%26%23x5982%3B%26%23x4E0B%3B%26%23xFF1A%3B%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%20class%3D%26quot%3Bswiper-wrapper%26quot%3B%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Ccode%20class%3D%22hljs%20xml%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%7B%7B%7Eit.array%3Avalue%3Aindex%7D%7D--%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%20class%3D%26quot%3Bswiper-slide%26quot%3B%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%7B%7B%7E%7D%7D--%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%3C/code%3E%0A

2.%26%23x53F3%3B%26%23x952E%3B%26%23x70B9%3B%26%23x51FB%3B%26%23x56FE%3B%26%23x7247%3B%26%23x9009%3B%26%23x62E9%3B%26%23x56FE%3B%26%23x50CF%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x8BBE%3B%26%23x7F6E%3BURL%26%23x4E3A%3B%7B%7B%3Dvalue.src%7D%7D%20%26%23x5982%3B%26%23x4E0B%3B%26%23x56FE%3B%26%23xFF1A%3B

%0A%20%20%20%20%20%20%20%20%20%3Cimg%20class%3D%22img-responsive%22%20src%3D%22/img/biaoz1.png%3F_945f%22%20data-original%3D%22/img/biaoz1.png%3F_945f%22%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%20class%3D%26quot%3Bswiper-wrapper%26quot%3B%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Ccode%20class%3D%22hljs%20xml%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%7B%7B%3C/span%3E%3Cspan%20style%3D%22color%3A%20rgb%28136%2C%20136%2C%20136%29%3B%22%3E%7E%3C/span%3E%3Cspan%20style%3D%22color%3A%20rgb%28136%2C%20136%2C%20136%29%3B%22%3Eit.array%3Avalue%3Aindex%3C/span%3E%3Cspan%20style%3D%22color%3A%20rgb%28136%2C%20136%2C%20136%29%3B%20font-size%3A%20inherit%3B%22%3E%7D%7D--%26gt%3B%3C/span%3E%3C/code%3E%3Ccode%20class%3D%22hljs%20xml%22%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%20class%3D%26quot%3Bswiper-slide%26quot%3B%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C/span%3E%20src%3D%26quot%3B%7B%7B%3Dvalue.src%7D%7D%26quot%3B%20/%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%7B%7B%7E%7D%7D--%26gt%3B%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%3C/code%3E

%0A%20%20%20%20%20%20%20%20%3Cfont%20face%3D%22Menlo%2C%20Monaco%2C%20Consolas%2C%20Courier%20New%2C%20monospace%22%3E%0A%20%20%20%20%20%20%20%20%20%3Cspan%3E%26%23x5982%3B%26%23x679C%3B%26%23x8F6E%3B%26%23x64AD%3B%26%23x4FE1%3B%26%23x606F%3B%26%23x70B9%3B%3C/span%3E%0A%20%20%20%20%20%20%20%20%3C/font%3E%26%23x5185%3B%26%23x5BB9%3B%26%23x4E3A%3B%26%23x5176%3B%26%23x4ED6%3B%26%23x7C7B%3B%26%23x578B%3B%26%23x65F6%3B%26%23xFF0C%3B%26%23x53EF%3B%26%23x53C2%3B%26%23x8003%3B%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22http%3A//www.wware.org/server/valuation.html%22%20style%3D%22background-color%3A%20rgb%28255%2C%20255%2C%20255%29%3B%20color%3A%20rgb%2882%2C%20189%2C%20150%29%3B%20transition%3A%20all%200.2s%3B%20font-family%3A%20%26quot%3BHelvetica%20Neue%26quot%3B%2C%20Helvetica%2C%20Arial%2C%20STHeiti%2C%20%26quot%3BMicrosoft%20Yahei%26quot%3B%2C%20sans-serif%3B%20font-size%3A%2013px%3B%20letter-spacing%3A%200.1px%3B%22%3E%26%23x8D4B%3B%26%23x503C%3B%26%23x6807%3B%26%23x6CE8%3B%3C/a%3E%26%23x3002%3B

3.返回数据

1).打开页面后端，返回数据中返回所查到的数据(注：返回数据时与success为同级)如下图：

4.当轮播内容为数组时：标注实例如下：%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%20class%3D%26quot%3Bswiper-wrapper%26quot%3B%3C/span%3E%26gt%3B%3C/span%3E%0A%0A%3Ccode%20class%3D%22hljs%20xml%22%3E%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%7B%7B%7Eit.array%3Avalue%3Aindex%7D%7D--%26gt%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/span%3E%0A%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%20class%3D%26quot%3Bswiper-slide%26quot%3B%3C/span%3E%26gt%3B%0A%3C/span%3E%0A%3C/code%3E%3Cspan%20style%3D%22color%3A%20rgb%28136%2C%20136%2C%20136%29%3B%20font-family%3A%20Menlo%2C%20Monaco%2C%20Consolas%2C%20%26quot%3BCourier%20New%26quot%3B%2C%20monospace%3B%20font-size%3A%2013px%3B%20white-space%3A%20pre-wrap%3B%20background-color%3A%20rgb%28240%2C%20240%2C%20240%29%3B%22%3E%20%26lt%3B%21--%7B%7Bit.array1%3C/span%3E%3Cspan%20style%3D%22color%3A%20rgb%28136%2C%20136%2C%20136%29%3B%20font-family%3A%20Menlo%2C%20Monaco%2C%20Consolas%2C%20%26quot%3BCourier%20New%26quot%3B%2C%20monospace%3B%20font-size%3A%2013px%3B%20white-space%3A%20pre-wrap%3B%20background-color%3A%20rgb%28240%2C%20240%2C%20240%29%3B%22%3E%3Avalue%3Aindex1%7D%7D--%26gt%3B%0A%0A%3C/span%3E%3Ccode%20class%3D%22hljs%20xml%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B%3Cspan%20class%3D%22hljs-name%22%3Eimg%3C/span%3E%20src%3D%26quot%3B%7B%7B%3Dvalue.src%7D%7D%26quot%3B/%26gt%3B%3C/span%3E%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%0A%3C/span%3E%0A%3C/code%3E%3Cspan%20style%3D%22color%3A%20rgb%28136%2C%20136%2C%20136%29%3B%20font-family%3A%20Menlo%2C%20Monaco%2C%20Consolas%2C%20%26quot%3BCourier%20New%26quot%3B%2C%20monospace%3B%20font-size%3A%2013px%3B%20white-space%3A%20pre-wrap%3B%20background-color%3A%20rgb%28240%2C%20240%2C%20240%29%3B%22%3E%20%26lt%3B%21--%7B%7B%7E%7D%7D--%26gt%3B%0A%3C/span%3E%3Ccode%20class%3D%22hljs%20xml%22%3E%3Cspan%20class%3D%22hljs-tag%22%3E%0A%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%0A%3C/span%3E%0A%3Cspan%20class%3D%22hljs-comment%22%3E%26lt%3B%21--%7B%7B%7E%7D%7D--%26gt%3B%0A%3C/span%3E%0A%3Cspan%20class%3D%22hljs-tag%22%3E%26lt%3B/%3Cspan%20class%3D%22hljs-name%22%3Ediv%3C/span%3E%26gt%3B%3C/span%3E%3C/code%3E%0A

5.注意事项

1).如果出现图片闪烁,可使用如下自由标注代码(添加一个判断,只显示第一张图,其他添加hidden类名,轮播图元素会去除掉该类名)