点微抖音小程序公告栏 增加跳转能力
//源文件
<view class="index-toutiao pt10 pb10 flex">
<view class="ml10"><image class="logo" mode="scaleToFill" src="/images/gonggao.png"></image></view>
<view class="ml10">
<swiper class="swiper-container" autoplay="false" vertical="true" circular="true" interval="5000" duration="1000">
<block tt:for="{{topnews}}" tt:for-item="item" tt:key="id">
<swiper-item class="swiper-item"> <text class="text">{{item.time}} {{item.nickname}}发布了便民信息</text></swiper-item>
</block>
</swiper>
</view>
</view>
// 修改后
<view class="index-toutiao pt10 pb10 flex">
<view class="ml10"><image class="logo" mode="scaleToFill" src="/images/gonggao.png"></image></view>
<view class="ml10">
<swiper class="swiper-container" autoplay="false" vertical="true" circular="true" interval="5000" duration="1000">
<block tt:for="{{topnews}}" tt:for-item="item" tt:key="id">
<swiper-item class="swiper-item" catchtap="onNavigateTap" data-url="../fenlei/detail?tongcheng_id={{item.id}}"><text class="wenzi">{{item.userInfo.nickname}}</text><text class="w">发布了</text><text class="wen">[{{item.modelInfo.name}}]</text><text class="w">信息</text></swiper-item>
</block>
</swiper>
</view>
</view>
class 文件 自定义 文字大小 颜色 等等
需要修改后端接口文件 有需要的可以联系qq:607727
效果图:
<view class="index-toutiao pt10 pb10 flex">
<view class="ml10"><image class="logo" mode="scaleToFill" src="/images/gonggao.png"></image></view>
<view class="ml10">
<swiper class="swiper-container" autoplay="false" vertical="true" circular="true" interval="5000" duration="1000">
<block tt:for="{{topnews}}" tt:for-item="item" tt:key="id">
<swiper-item class="swiper-item"> <text class="text">{{item.time}} {{item.nickname}}发布了便民信息</text></swiper-item>
</block>
</swiper>
</view>
</view>
// 修改后
<view class="index-toutiao pt10 pb10 flex">
<view class="ml10"><image class="logo" mode="scaleToFill" src="/images/gonggao.png"></image></view>
<view class="ml10">
<swiper class="swiper-container" autoplay="false" vertical="true" circular="true" interval="5000" duration="1000">
<block tt:for="{{topnews}}" tt:for-item="item" tt:key="id">
<swiper-item class="swiper-item" catchtap="onNavigateTap" data-url="../fenlei/detail?tongcheng_id={{item.id}}"><text class="wenzi">{{item.userInfo.nickname}}</text><text class="w">发布了</text><text class="wen">[{{item.modelInfo.name}}]</text><text class="w">信息</text></swiper-item>
</block>
</swiper>
</view>
</view>
class 文件 自定义 文字大小 颜色 等等
需要修改后端接口文件 有需要的可以联系qq:607727
效果图: