微信小程序demo(新闻类)

最新推荐文章于 2024-08-09 08:35:49 发布

第九程序

最新推荐文章于 2024-08-09 08:35:49 发布

阅读量9.8k

点赞数 13

分类专栏：微信小程序开发微信小程序文章标签：小程序开发文档微信小程序开发微信小程序开发教程

本文链接：https://blog.csdn.net/qq_38125123/article/details/76049144

版权

微信小程序demo新闻类开发教程：
包含四个页面:news.js/news.wxss/news.json/news.wxml

1.news.wxml：

<scroll-view class="news_banner">
    <!-- wx:for类似于el表达式 -->
    <view wx:for="{
   {selections}}" wx:for-index="idx" data-idx="{
   {idx}}" class="news_banner_text {
    {item.show?'select':''}}" data-cid="{
   {item.cateid}}" bindtap="bannerClick" >
        <text>{
   {item.catename}}</text>
    </view>
</scroll-view>
<view class="news">
    <!-- data-* 保存数据的属性,组件触发事件时,会将数据发送给事件处理函数-->
    <!-- bind* 组件的事件,bindtap="newsClick"点击事件-->
    <view wx:for="{
   {newsList}}" class="news_list"