小程序首页栏目区域设置
<p>可通过后台插件直接设置需要在首页显示的各种栏目(比如文章精选,媒体库,其他页面链接等等)及显示的样式效果</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/53.png" alt="" /></p>
<p><strong>该栏目区域显示名称</strong>:
小程序前端栏目区域的显示名称</p>
<p><strong>显示样式</strong>: 目前提供5种样式可供选择,具体效果可扫码打开demo小程序,组件预览里参考
样式一(横向滑动)
样式二(每行3列)
样式三(每行4列)
样式四(矩阵排列)
样式五(矩阵排列)</p>
<p><strong>标题覆盖图片</strong>:
是:项目标题将覆盖在项目图片上面显示(类似蒙版效果)
否:项目标题在项目图片下方显示
PS:如果显示样式选择 样式四 和 样式五,该选项设置无效</p>
<hr />
<h4>栏目区域下显示栏目(项目)设置说明:</h4>
<p>可在一个栏目区域下增加若干个显示的栏目(项目)
但
样式4支持项目数量为3,4,6,7,8
样式5支持项目数量为2,3,4,5,6</p>
<p>栏目(项目)设置参数说明:
<strong>name</strong>:
为栏目(项目)显示名称</p>
<p><strong>url</strong>:
为小程序APP内跳转页面路径,路径详细列表可参考文档 <a href="https://www.showdoc.cc/wpapp?page_id=3867944244269045" title="小程序页面路径说明">小程序页面路径说明</a></p>
<p><strong>image</strong>:
为图像地址(http 或 https 开头的地址),为栏目(项目)添加一个图片</p>
<p><strong>bg_color</strong>:
可选设置,可在栏目(项目)的图像上增加一层颜色遮盖层,值示例: rgba(0,0,0,0.3)
关于bg_color设置的rgba值,若不了解,参考文档 <a href="https://www.showdoc.cc/wpapp?page_id=3880359231519132" title="背景颜色rgba设置">背景颜色rgba设置</a></p>
<p><strong>color</strong>:
可选设置,名称字体颜色,值示例: #333333</p>
<p>设置示例:</p>
<pre><code class="language-json">{name:'某篇文章',url:'/pages/...',image:'http://...'}
{name:'图片库',url:'/pages/...',image:'http://...',bg_color:'rgba(0,0,0,0.2)',color:'#333333'}
{name:'某个分类',url:'/pages/...',image:'http://...'}</code></pre>
<p><strong>设置时,每个项目以新行开始,同一个项目{大括号}之间不可以换行</strong></p>
<p>每个项目可分别设置不同的 bg_color 和 color 值,满足多样性,个性化需求,以下是部分设置案例:</p>
<p><img src="https://wpapp-cdn.wp-autoblog.net/manual/54.png" alt="" /></p>