收藏
回答

修改轮播图小点时,小点需要点击页面才能加载出来

问题模块 框架类型 问题类型 操作时间 AppID
管理后台 小程序 Bug 2019-06-24 wx3e41e5a85b744c29


初始加载



点击页面后


回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-06-24

    麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-06-24
    赞同
    回复 4
    • 镜像
      镜像
      2019-06-24

      const App = getApp()

      Page({

      data: {

      isLogin: false,

      isRegister: false,

      isInfoComplete: false,

      showUserDialog: false,

      showPop: false,

      locale: {},

      orders: [],

      order: null,

      product: null,

      selectedOrderIndex: null,

      stepImage: App.Config.OSSUrl + "/images/i18n/zh/main-process/default.png",

      info: [],

      imgurls: ['https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',],

      suspicions: [],

      mainInfo: [0, 0, 0, 0, 0],

      pageShow: true,

      currentSwiper:0,

      news: [{

      title: '免疫细胞-抗衰老卫士',

      summary: '衰老是一种自然的过程,生物分子自然交联学说对此做过比较系统的阐述,该学说在某杂志',

      image: 'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      }, {

      title: '免疫细胞-抗衰老卫士',

      summary: '衰老是一种自然的过程,生物分子自然交联学说对此做过比较系统的阐述,该学说在某杂志',

      image: 'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      }, {

      title: '免疫细胞-抗衰老卫士',

      summary: '衰老是一种自然的过程,生物分子自然交联学说对此做过比较系统的阐述,该学说在某杂志',

      image: 'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      }, {

      title: '免疫细胞-抗衰老卫士',

      summary: '衰老是一种自然的过程,生物分子自然交联学说对此做过比较系统的阐述,该学说在某杂志',

      image: 'https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/dental-cells-bg.png',

      }],

      imgs:["https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/banner/banner-switch-01.png","https://cell-wxapp.oss-cn-shenzhen.aliyuncs.com/images/banner/banner-switch-06.png",  ],

      },


      swiperChange(e) {

      let current = e.detail.current;

      // console.log(current, '轮播图')

      let that = this;

      that.setData({

      currentSwiper: current,

      })

      },


      /**

          * 生命周期函数--监听页面加载

          */

      onLoad: function () {

      App.MTA.Page.init();

      this.getProduct();

      },


      /**

          * 生命周期函数--监听页面显示

          */

      onShow: function () {

      this.setData({

      isLogin: App.globalData.isLogin,

      isRegister: App.globalData.userInfo != null && App.globalData.userInfo.wechatName != null && App.globalData.userInfo.avatarUrl != null,

      isInfoComplete: App.globalData.userInfo != null && App.globalData.userInfo.phone != null && App.globalData.userInfo.idType && App.globalData.userInfo.idNum && App.globalData.userInfo.address != null,

      pageShow: true

      });

      this.initBanner()

      this.getInfo()

      },


      /**

          * 生命周期函数--监听页面隐藏

          */

      onHide: function () {

      this.setData({

      pageShow: false

      });

      },


      /**

          * 页面初始化

          */

      initBanner: function () {

      //this.getProduct();

      /*if (this.data.isLogin && this.data.register && this.data.isInfoComplete) {

                 //用户登录获取订单

                 this.getHomeOrders();

             } else {

                 if (!this.data.isRegister || !this.data.isInfoComplete) {

                     //用户未注册或信息不完善时获取产品

                     this.getProduct();

                     return

                 } else {

                     App.login(() => {

                         this.getHomeOrders();

                     }, () => {

                         this.getProduct();

                     })

                 }

             }*/

      },


      /**

          * 重置首页订单信息,例如:取消唯一的订单时

          */

      resetOrder: function () {

      this.setData({

      orders: [],

      order: null,

      stepImage: App.Config.OSSUrl + `/images/i18n/zh/main-process/default.png?001`,

      })

      },


      /**

          *首页轮播图加载

          */

      getProduct:function(){

      App.MainHttpService.indexPic().then(res => {

      console.log("222222222");

      console.log(res.code);

      if(res.code === 2000){

      if(res.data.length > 0){

      res.data.forEach(item => {

      item.url = App.Tools.formatImage(App.Config.OSSUrl,App.Config.BaseImgURL,item.url);

      this.setData({

      imgurls: res.data

      })

      })

      }

      }else{

      App.Toast("获取产品信息失败");

      }

      }).catch(err => {

      console.log(err);

      App.Toast("获取产品信息失败");

      });

      },



      <view class="project-itme">

      <view class="project-banner">

      <view class="project-banner-image">

      <swiper indicator-dots="{{false}}" autoplay="{{true}}" current="{{currentSwiper}}" bindchange="swiperChange">

      <block wx:for="{{imgurls}}">

      <swiper-item>

      <image class="banner-image" src='{{item.url}}'></image>

      </swiper-item>

      </block>

      </swiper>

      <!--重置小圆点的样式  -->

      <view class="dots">  

      <block wx:for="{{imgurls}}">  

      <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>  

      </block>  

      </view>

      </view>

      </view>


      2019-06-24
      回复
    • 镜像
      镜像
      2019-06-24

      小点样式 是我自定义的


      2019-06-24
      回复
    • 社区技术运营专员-小柿子
      社区技术运营专员-小柿子
      2019-06-24回复镜像

      代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)这个格式的代码片段

      2019-06-24
      1
      回复
    • 镜像
      镜像
      2019-06-24

      现在项目不能完整的跑起来...已经有解决方案了,多谢

      2019-06-24
      回复
  • 不二臣
    不二臣
    2019-08-20

    我也有类似问题,请问是如何解决的

    2019-08-20
    赞同
    回复 1
    • 镜像
      镜像
      2019-09-17
      初始化的时候赋空的数据即可
      2019-09-17
      回复
登录 后发表内容