🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# **lit标签** * 作用:用于列表页调取列表 ## **说明** * 属性(必填):`$id`: 当前栏目id * 属性(非必):`$num`: 当前页面调取数量,每页展示条数,默认10 * 模板标签:`id`: 当前文章id,用于跳转 * 模板标签:`title`: 当前文章标题 * 模板标签:`keyword`: 当前文章关键字 * 模板标签:`desc`:当前文章简介 * 模板标签:`author`: 当前文章作者 * 模板标签:`pic`: 当前文章缩略图,可以设置默认图片 * 模板标签:`text`: 当前文章详情,一般不使用,如果使用请转换格式 * 模板标签:`state`: 当前文章是否推荐 * 模板标签:`click_wai`: 当前文章浏览量 * 模板标签:`time`: 当前文章发布时间,时间戳请用函数转换 * 模板标签:`laiyuan`: 当前文章来源 ## **详细说明:** ~~~ {volist name=":lit($id,10)" id="vo"} {$vo.id} {$vo.title} {$vo.keyword} {$vo.desc} {$vo.author} {$vo.pic} {$vo.text} {$vo.state} {$vo.click_wai} {$vo.time} {$vo.laiyuan} {/volist} ~~~ ## **详细说明:分页(默认使用 bootstrap 样式)** ~~~ {:lit($id,10)->render()} ~~~ ## **例:典型示例** ### 分页默认使用bootstrap 样式,请自己引入 ``` <ul> <!--多图模式 置顶设计--> {volist name=":lit($id,2)" id="vo"} <li> <h3 class="blogtitle"><a href="{:url('index/show',['id'=>$vo.id])}" target="_blank">{$vo.title}</a></h3> <span class="blogpic imgscale"><i><a href="{:url('index/show',['id'=>$vo.id])}">原创模板</a></i><a href="{:url('index/show',['id'=>$vo.id])}" title=""><img src="{$vo.pic|default='/static/moren.jpg'}" alt=""></a></span> <p class="blogtext">{$vo.desc}</p> <p class="bloginfo"><i class="avatar"><img src="{$system.touxiang}"></i><span>【<a href="{:url('index/show',['id'=>$vo.id])}">{$vo.author|default='佚名'}</a>】</span><span>{$vo.time|date='Y-m-d'}</span></p> <a href="{:url('index/show',['id'=>$vo.id])}" class="viewmore">阅读更多</a> </li> {/volist} </ul> <div id="fenye"> {:lit($id,2)->render()} </div> ```