微信小程序-订单页面——不可滑动（附源码）

最新推荐文章于 2023-06-01 09:03:48 发布

刺心疯

最新推荐文章于 2023-06-01 09:03:48 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_42363090/article/details/94430782

微信小程序专栏收录该内容

121 篇文章 ¥69.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在微信小程序中创建一个订单页面，确保页面内容不可滑动。分别提供了wxml、wxss和js代码段，通过这些代码可以实现页面的静态展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、wxml页面代码如下：

<view class="top-nav">
  <view class="top-nav-bar">
    <view class="{
  
  {current == 0 ? 'active' : ''}}" catchtap="switchSlider" data-index="0">全部</view>
    <view class="{
  
  {current == 1 ? 'active' : ''}}" catchtap="switchSlider" data-index="1">待付款</view>
    <view class="{
  
  {current == 2 ? 'active' : ''}}" catchtap="switchSlider" data-index="2">待发货</view>
    <view class="{
  
  {current == 3 ? 'active' : ''}}" catchtap="switchSlider" data-index="3">待收货</view>
    <view class="{
  
  {current == 4 ? 'active' : ''}}" catchtap="switchSlider" data-index="4">待评价</view>
  </view>
</view>
<view class="container" class="ma-top-120">
  &l