收藏
回答

问题答疑,点击显示,再次点击闭合,请问怎么实现啊?如图

问题模块
API和组件

实现如图效果,请多多指教

最后一次编辑于  2017-08-23
回答关注问题邀请回答
收藏

6 个回答

  • FAO
    FAO
    2017-08-24

    js 里 好像加不了。。。

    2017-08-24
    赞同
    回复
  • 静如止水
    静如止水
    2017-08-24

    原来我知道的真少。。请问在js里怎么添加wxss样式?

    2017-08-24
    赞同
    回复
  • FAO
    FAO
    2017-08-23

    这是 es6 的 写法

    等同于 es5

    detailArr: this.data.detailArr.map(function(item) {
            if (item.id == e.currentTarget.id) {
              item.active = !item.active;
            }
     
            return item;
          })


    2017-08-23
    赞同
    回复
  • 静如止水
    静如止水
    2017-08-23

    谢谢,果然有效。。。

      detailArr: this.data.detailArr.map(item => {

            if (item.id == e.currentTarget.id) {

              item.active = !item.active;

            }


            return item;

          })

    关键点在这,item =>   请问这个表示什么?

    2017-08-23
    赞同
    回复
  • FAO
    FAO
    2017-08-23

    页面 index.wxml:

    <block
        wx:for="{{detailArr}}"
        wx:key="{{item.id}}">
        <view
            id="{{item.id}}"
            bindtap="showDetail">{{item.name}}</view>
        <view wx:if="{{item.active}}">{{item.detail}}</view>
    </block>

    代码 index.js

    const app = getApp();
     
    Page({
        data: {
            detailArr: [{
                id: 1,
                name: '点我出现详情1',
                detail: '详情1',
                active: false,
            }, {
                id: 2,
                name: '点我出现详情2',
                detail: '详情2',
                active: false,
            }, ],
        },
        showDetail(e) {
            this.setData({
                detailArr: this.data.detailArr.map(item => {
                    if (item.id == e.currentTarget.id) {
                        item.active = !item.active;
                    }
     
                    return item;
                })
            });
        },
        onLoad(options) {
     
        },
        onReady() {
     
        },
        onShow() {
            
        },
        onHide() {
     
        },
        onUnload() {
     
        },
        onPullDownRefresh() {
     
        },
        onReachBottom() {
     
        },
    })


    2017-08-23
    赞同
    回复
  • 静如止水
    静如止水
    2017-08-23

    求大神指点。。有想法的可以说说

    2017-08-23
    赞同
    回复