小程序文章底部工具栏设置
<h1>基本设置</h1>
<p>可通过后台直接设置文章页面底部工具栏显示的组件和显示的样式,设置后前端小程序即时生效,无需重复上传前端代码再走审核流程。</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/59.png" alt="" /></p>
<p>预设项目包含如下5个可直接使用,这5个预设项目name的值为固定为comment_input,comment,favor,like,share不可更改,其他设置的值都可以按自己需求更改</p>
<pre><code class="language-json">{name:'comment_input',display:'说点什么...',icon:'write'}
{name:'comment',display:'评论',icon:'comment'}
{name:'favor',display:'收藏',icon:'favor',active_display:'已收藏',active_icon:'favorfill'}
{name:'like',display:'点赞',icon:'appreciate',active_display:'已点赞',active_icon:'appreciatefill'}
{name:'share',display:'分享',icon:'forward',active_icon:'forwardfill'}</code></pre>
<p><strong>设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行</strong></p>
<p><strong>name</strong>
用来区分项目
name值为<strong>comment_input</strong> 表示设置工具栏上的评论输入框
name值为<strong>comment</strong> 表示设置工具栏上的 “评论” 图标
name值为<strong>favor</strong> 表示设置工具栏上的 “收藏” 图标
name值为<strong>like</strong> 表示设置工具栏上的 “点赞” 图标
name值为<strong>share</strong> 表示设置工具栏上的 “分享” 图标</p>
<p>name为 <strong>favor</strong> 和 <strong>like</strong> 时,可单独设置激活后的显示文字active_display 和 激活后的显示图标 active_icon
name为 <strong>share</strong> 时,可单独设置激活后的显示图标 active_icon</p>
<p><strong>dispaly</strong>
为显示的文字</p>
<p><strong>icon</strong>
为显示的图标名称。(<strong>关于图标名称,可扫码打开demo小程序,“组件”菜单里查看所有图标样式及图标名称</strong>)</p>
<h1>样式设置</h1>
<p>小程序前端<strong>文章底部工具栏</strong>各种样式效果可自由组合,自由设置各元素颜色,背景颜色(含透明度),满足个性化需求,可扫码打开demo版小程序在组件预览处参考设置的轮播图效果,以下是部分设置案例参考:</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/60.png" alt="" /></p>