爆米花popcorn源码-蒲公英云

爆米花popcorn源码

源码下载
无极低码-三维可视化,免费资源下载,气象数据,编程技术,java开发,素材下载,大数据,解决方案,方案,ppt,5G,数字孪生

<!--主页-->
<swiper class="swiper-style" indicator-dots="{
   {indicatorDots}}"
  autoplay="{
   {autoplay}}" interval="{
   {interval}}" duration="{
   {duration}}">
  <block wx:for="{
   {imgUrls}}">
    <swiper-item bindtap="isShowToast">
      <image src="{
   {item}}"/>
    </swiper-item>
  </block>
</swiper>
<toast hidden="{
   {isHiddenToast}}" stytle="display:flex  width:100rpx" duration="1000" bindchange="toastChange">
    程序猿努力搬砖中...
</toast>
<view>
<text class="font-style">欧美剧</text>
</view>
<view class="row-view" style="flex-direction:row;">
  <view bindtap="showDetails">
    <image class="image-style" src="/image/westworld.jpg"/>
  </view>
  <view bindtap="isShowToast">
    <image class="image-style" src="/image/shield.jpg"/>
  </view>
</view>
<view>
<text class="font-style">港台剧</text>
</view>
<view class="row-view" style="flex-direction:row;">
  <view bindtap="isShowToast">
    <image class="image-style" src="/image/ywlyj.jpg"/>
  </view>
  <view bindtap="isShowToast">
    <image class="image-style" src="/image/lzqr.jpg"/>
  </view>
</view>
<view>
<text class="font-style">大陆剧</text>
</view>
<view class="row-view" style="flex-direction:row;">
  <view bindtap="isShowToast">
    <image class="image-style" src="/image/zxqyz.jpg"/>
  </view>
  <view bindtap="isShowToast">
    <image class="image-style" src="/image/jhzblr.jpg"/>
  </view>
</view>
<view>
<text class="font-style">影评</text>
</view>
<!--<view class="row-view" style="flex-direction:row;">
  <button type="primary">想看</button>
  <button type="warn">不想看</button>
</view>-->
<button>马上进入</button>
// 主页
Page({
  data: {
    imgUrls: [
      '/image/westworld.jpg',
      '/image/got.jpg',
      '/image/shield.jpg'
    ],
    isHiddenToast:true,
    indicatorDots: true,
    autoplay: true,
    interval: 5000,
    duration: 1000
  },
  // changeIndicatorDots: function(e) {
  //   this.setData({
  //     indicatorDots: !this.data.indicatorDots
  //   })
  // },
  // changeAutoplay: function(e) {
  //   this.setData({
  //     autoplay: !this.data.autoplay
  //   })
  // },
  // intervalChange: function(e) {
  //   this.setData({
  //     interval: e.detail.value
  //   })
  // },
  // durationChange: function(e) {
  //   this.setData({
  //     duration: e.detail.value
  //   })
  // }
showDetails:function(){
  wx.navigateTo({
    url: '../info/info'
  })
},
isShowToast:function(){
  this.setData({
    isHiddenToast:false
  })
},
toastChange:function(){
  this.setData({
    isHiddenToast:true
  })
}
})