安卓前端开发中的几种常用框架
1.效果图
SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
2.代码的实现
.wxml
<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">全部</view> <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">正在拍</view> <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">我拍中</view> <view class="swiper-tab-list {{currentTab==3 ? 'on' : ''}}" data-current="3" bindtap="swichNav">待付款</view> </view> <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 31}}px" bindchange="bindChange"> <swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item><swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item>
<swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item> <swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item> </swiper> .wxss <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">全部</view> <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">正在拍</view> <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">我拍中</view> <view class="swiper-tab-list {{currentTab==3 ? 'on' : ''}}" data-current="3" bindtap="swichNav">待付款</view> </view> <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 31}}px" bindchange="bindChange"> <swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item>
<swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item>
<swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item> <swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item> </swiper> .js <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">全部</view> <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">正在拍</view> <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">我拍中</view> <view class="swiper-tab-list {{currentTab==3 ? 'on' : ''}}" data-current="3" bindtap="swichNav">待付款</view> </view> <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 31}}px" bindchange="bindChange"> <swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item>
<swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item>
<swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item> <swiper-item> <view> <image src='{{image}}' class='img'></image> </view> </swiper-item> </swiper>
更多精彩
