小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在同一个场景里,同一个滚动列表能不能添加不同类型的元素?比如文字和图片?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以啊。但是你的列表数据结构就得单独设计了,给每一条数据加一个标识。
list: [{ type: 'text', // 文本标识 key: 'title', value: '今天你们上课了' }, { type: 'image', // 图片标识 key: 'shareImage', value: 'https://qiniu-image.qtshe.com/0925_11.jpg' },{ type: 'text', // 文本标识 key: 'title', value: '今天你们上课了' }]
然后wxml:
<view wx:for="{{list}}" wx:key="index"> <view wx:if="{{item.type === 'text'}}">{{item.value}}</view> <image wx:if="{{item.type === 'image'}}" src="{{item.value}}" /> </view>
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以啊。但是你的列表数据结构就得单独设计了,给每一条数据加一个标识。
list: [{ type: 'text', // 文本标识 key: 'title', value: '今天你们上课了' }, { type: 'image', // 图片标识 key: 'shareImage', value: 'https://qiniu-image.qtshe.com/0925_11.jpg' },{ type: 'text', // 文本标识 key: 'title', value: '今天你们上课了' }]
然后wxml:
<view wx:for="{{list}}" wx:key="index"> <view wx:if="{{item.type === 'text'}}">{{item.value}}</view> <image wx:if="{{item.type === 'image'}}" src="{{item.value}}" /> </view>