通用MIP小说接入文档

通用MIP小说接入

完整的通用MIP接入可参考官网的文档，这里主要说明一下通用MIP小说接入时的一些注意点。

定制化内容的显示

1. 除了常规的 mip 组件，定制化内容的显示还需引入特殊的 mip 组件：mip-custom 和 mip-mustache

<script src="https://c.mipcdn.com/static/v2/mip-mustache/mip-mustache.js"></script>
<script src="https://c.mipcdn.com/static/v2/mip-custom/mip-custom.js"></script>

2. mip-custom 组件的用法示例如下，这个标签上的 novel 属性是必须要加的，accid是固定的 16 个字母 f，title 字段一般是小说标题，然后这个标签一般是插入到小说阅读页的底部。另外 mip-mustache 只需引入即可，无需其他操作。

<mip-custom novel>
    <script type="application/json">
        {
          "accid": "ffffffffffffffff",
          "title": "%E8%BF%99%E9%87%8C%E6%98%AF%E6%A0%87%E9%A2%98"
        }
    </script>
</mip-custom>

3. 阅读页的内容需要由 p 标签组成，并且所有的这些 p 标签一般包含在一个 div 标签中，需要在这个 div 标签中的 class 增加 mip-shell-xiaoshuo-container,示例如下

<div class="cc mip-shell-xiaoshuo-container">
    <p>xxxxx</p>
    <p>xxxxx</p>
    <p>xxxxx</p>
    <p>xxxxx</p>
</div>