安卓前端开发中的几种常用框架

   1.效果图

2.代码的实现

.wxml

  全部

  正在拍

  我拍中

  待付款

 

   

     

   

 

 

   

     

   

 

 

   

     

   

 

 

  

     

   

 

 

 

 

 

.wxss

Page {

 

}

.swiper-tab {

  background-color: #fff;

 

  width: 100%;

  text-align: center;

  line-height: 60rpx;

}

.swiper-tab-list {

  font-size: 27rpx;

  display: inline-block;

  width: 25%;

}

.on {

  color: #FF8600;

  border-bottom: 5rpx solid #ff7300;

}

.swiper-box {

  display: block;

  height: 100%;

  width: 100%;

  overflow: hidden;

}

.img {

  width: 200rpx;

  height: 200rpx;

  position: relative;

  top: 300rpx;

  left: 270rpx;

}

.js

 

Page({

  data: {

    winWidth: 0,

winHeight: 0,

currentTab: 0,

    image: "../../images/touxiang.png",

  },

  onLoad: function (options) {

  },

  onReady: function () {

    var that = this;

    wx.getSystemInfo({

      success: function (res) {

        that.setData({

          winWidth: res.windowWidth,

winHeight: res.windowHeight

        });

      }

    });

  },

  // 滑动切换tab

  bindChange: function (e) {

    var that = this;

    that.setData({

      currentTab: e.detail.current

    });

  },

  // 点击tab切换

  swichNav: function (e) {

    var that = this;

    if (this.data.currentTab === e.target.dataset.current) {

      return false;

    } else {

      that.setData({

        currentTab: e.target.dataset.current

      })

    }

  },

  onShow: function () {

  },

  onHide: function () {

  },

  onUnload: function () {

  },

})

 

 

转载于:https://www.cnblogs.com/1322957664qqcom/p/10827475.html