Miniprogramm zur Implementierung einer einfachen Listenfunktion

<block wx:for="{{yetinglist}}"> 
  <view class='waibian' bindtap="readDetail" data-id="{{item.title}}">
   <image src="{{item.smallLogo}}" Klasse='leftimagecss'></image>

   <Ansichtsklasse='righttextcss'>

     <text class='titlecss'>【Nachthören】{{item.title}}</text>


    <text class='nicenamecss'>{{item.nickname}}</text>

        <Ansichtsklasse='timecss'>
          <text class='playcunnter'>Spielzeiten:{{item.playtimes}}</text>
          <text class='time'>Sammlung:{{item.likes}}</text>
        </Ansicht>

   </Ansicht>
 </Ansicht>
 </block>

Seite({

  Daten: {
yetinglist:[],

}
//Liste Klickereignis readDetail: function(e) {
    //Zu anderen Seiten springen wx.navigateTo({
      URL: '../twoVC/twovc?id='+e.currentTarget.dataset.id
    })
   // console.log(e.currentTarget.dataset.id);
  },

//Das Laden einer Seite wird einmalig aufgerufen onLoad: function () {
    var das = dies;
   //Netzwerkanalyse wx.request({ url:'http://mobile.ximalaya.com/mobile/v1/album/track/ts-1499312754612?albumId=260769&device=iPhone&isAsc=true&pageId=1&pageSize=20&',
      Erfolg:Funktion(res) {
        Konsole.log(res.data.data.list)
         dass.setData({
           yetinglist:res.data.data.list,

        })

      }
    })

}


})

.waibian{


    Anzeige: -webkit-flex; /* Safari */
    -webkit-justify-content: initial; /* Safari 6.1+ */
    Anzeige: Flex;
    Inhalt ausrichten: initial;
}
.leftimagecss{
  Rand links: 5px;
  Rand oben: 5px;
  Rand unten: 5px;

  Breite: 40 %;
  Höhe: 110px;
  Rahmenradius: 10px;
}
.righttextcss{
  Rand links: 10px;
  Höhe: 110px;
  Breite: 70%;


  Flex-Wrap: Umwickeln;
  Anzeige: Flex;
 Inhalt ausrichten: Abstand herum;
}
.titlecss{

  Höhe: 40px;
  Breite: 100 %;
  Rand oben: 5px;
 Schriftgröße: mittel;
  Textüberlauf: -o-Ellipse-letzte Zeile;
  Überlauf: versteckt;
  Textüberlauf: Auslassungspunkte;
  Anzeige: -webkit-box;
  -Webkit-Leitungsklemme: 2;
  -webkit-box-orient: vertikal;


}
.nicenamecss{
  Breite: 100 %;
  Höhe: 30px;
  Schriftgröße: klein;
  -webkit-text-fill-color: hellgrau;


}
.timecss{
 Höhe: 20px;
 Breite: 100 %;

 Anzeige: Flex;
  Inhalt ausrichten: Abstand dazwischen;
}
.playcunnter{
 Schriftgröße: klein;
  -webkit-text-fill-color: blauviolett;

}
.Zeit{
  Rand rechts: 10px;
  Schriftgröße: klein;
  -Webkit-Text-Füllfarbe: Rasengrün;
}