(14条消息) 微信小程序如何实现列表数据的详情页功能

<!--pages/detail/detail.wxml--> <view class="detailContainer"> <image class="headImg" src="{{detailObj.detail_img}}"></image> <image catchtap="handleMusicPlay" class="musicImg" src="{{isMusicPlay ? '/images/music/music-start.png' : '/images/music/music-stop.png'}}"></image> <view class="avatar_date"> <image src="{{detailObj.avatar}}"></image> <text>{{detailObj.author}}</text> <text>发布于</text> <text>{{detailObj.date}}</text> </view> <text class="company">{{detailObj.title}}</text> <view class="collection_share_container"> <view class="collection_share"> <image catchtap="handleCollection" wx:if="{{!isCollected}}" src="/images/icon/collection-anti.png"></image> <image catchtap="handleCollection" wx:if="{{isCollected}}" src="/images/icon/collection.png"></image> <image catchtap="handleShare" src="../../images/icon/share.png"></image> </view> <view class="line"></view> </view> <button open-type="share">转发文章</button> <text class="content">{{detailObj.detail_content}}</text> </view>

(0)

相关推荐

  • 技术提升必学的HTML用法

    现在这个社会最害怕的是什么,无非是纸上谈兵这样的人,你对问题的见解,你对事情的看法都有很多独到的解释,但是真正地让你带一个项目,写一行代码的时候,短板就开始暴露,所以对于这样的情况一定要避免.以下内容 ...

  • (14条消息) 微信小程序实战篇

    哈喽,大家好,今天要进入新篇章啦,商品详情页,这个可是个大模块,要分好几次才能讲解清楚,现在我们先进行第一讲,老规矩,先上效果图 有木有很酷炫啊,下面由代码君教你如何实现. 详情页布局 看效果图,可以 ...

  • (14条消息) 微信小程序入门学习,借助云开发动态更换swiper图片数据,小程序轮播图动态更新

    其实思路很简单 1,小程序里定义swiper组件 2,动态请求swiper要显示的图片资源 3,把图片资源组装成数组,并把数据绑定到swiper轮播图组件里. 我们这里的数据获取,可以自己服务器后台配 ...

  • (14条消息) 微信小程序

    前提: 类似一个商城界面,从云数据库拉取信息展示,用户点击某一个商品后,实现从数据库查询该商品的id,实现跳转. 商城界面展示 (mall) 详情界面展示 (re-datail) 数据库: 基本思路: ...

  • (1条消息) 微信小程序云开发CMS中WebHook功能的使用方法

    微信小程序云开发CMS中WebHook功能的使用方法 官方文档 Webhook 是什么呢,翻译过来就是网页钩子.它的用处是,当我们在CMS进行增添查改的操作后,会自动回调webhook函数,我们就可以 ...

  • (1条消息) 微信小程序云开发实践

    概述 : 开发者可以使用云开发开发微信小程序.小游戏,无需搭建服务器,即可使用云端能力. 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发 ...

  • (1条消息) 微信小程序

    微信小程序–云开发静态网站h5跳小程序 静态网站h5跳小程序 ----首先需要开通小程序的静态网站功能 1.开通静态网站.绑定自定义域名,需要在「微信开发者工具 - 云开发 - 更多 - 静态网站」里 ...

  • 微信小程序云开发修改数据学习心得

    根据要修改的ID定位到那条数据,然后用update方法修改数据. 微信小程序中代码如下 Index.xwml <!-- 修改数据 --> <input placeholder=&qu ...

  • 微信小程序云开发删除数据学习心得

    根据要删除的ID定位到那条数据,然后用remove方法删除数据. 微信小程序中代码如下 Index.xwml <!-- 删除数据 --> <input placeholder=&qu ...

  • 微信小程序云开发查询数据学习心得

    点击查询出所有数据 微信小程序中代码如下 Index.xwml <button bindtap="getData" type="primary">查 ...