微信小程序-账单页面月份悬浮替换

实现效果如图所示,废话不多说下拉看代码
效果展示

  1. 首先,在wxml文件中进行数据遍历渲染,并添加定位view(最为关键,如果不使用dom操作定位,会导致不同手机高度不同从而效果出现差异)
<view class="container">
    <!-- 悬浮窗内容 -->
    <view class="item_top suspension" wx:if="{
   
   {is_suspension}}">
        <picker mode="date" value="{
   
   {m.formattingDate(list[suspension_index].date)}}" end="{
   
   {nowDate}}" bindchange="changeDate" fields="month">
            <text>{
   
   {
   
   list[suspension_index].date}}</text>
            <text class="toDown"></text>
        </picker>
        <view class="item_total">已提现¥{
   
   {
   
   list[suspension_index].total}}</view>
    </view>
    
    <!-- 列表内容 -->
    <view wx:for="{
   
   {list}}" wx:key="unique">
        
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值