SWAN 视图这部分是每个智能小程序页面的展现模板,类似于 Web 开发中的 HTML ,SWAN 模板中使用的标签均为 SWAN 组件规定的标签。
<view s-for="item in items" class="single-item" bind:tap="oneItemClick" bind:touchstart="oneItemTouchStart" bind:touchmove="oneItemTouchmove" bind:touchcancel="oneItemTouchcancel" bind:touchend="oneItemTouchEnd">
<image src="/{{item.imgsrc}}" class="single-img"></image>
<view class="single-text-area">
<text class="single-title">
{{item.title}}
</text>
<view s-if="{{item.tags}}" class="tag-area">
<text s-for="tag in item.tags" class="{{tag.className}}">
{{tag.content}}
</text>
</view>
</view>
</view>
<view class="view-more" bind:tap="loadMore">
<text>点击加载更多</text>
</view>
阅读本文的人还可以阅读: