• wx小程序横向滚动


    .subOper>scroll-view{
      margin-bottom: 22rpx;
       100%;
      white-space: nowrap;
    }
    
    /*  subClass 是scroll-view的子容器,有多个 */
    .subClass:first-child{
      /* margin-right: 25rpx; */
      margin-left: 25rpx;
    }
    .subClass{
      margin: 0 25rpx 0 0;
      display: inline-block;
      height: 88rpx;
      min-width: 230rpx;
      border: 3rpx solid #d5d4d4;
      border-radius: 5rpx;
    }
    <scroll-view scroll-x="true" >
            <view class='subClass' >
              <view class='classContainer' >
                <view class='classLab' >
                  <view class='cLabDay' >
                    <label>08/05</label>
                    <label>周一</label>
                  </view>
                  <view class='cLabTime' >
                    11:80-12:30
                  </view>
                </view>
                <text class="iconfont icon-guanbi"></text>
              </view>
            </view>
    
            <view class='subClass' >
              <view class='classContainer' >
                <view class='classLab' >
                  <view class='cLabDay' >
                    <label>08/05</label>
                    <label>周一</label>
                  </view>
                  <view class='cLabTime' >
                    11:80-12:30
                  </view>
                </view>
                <text class="iconfont icon-guanbi"></text>
              </view>
            </view>
    
            <view class='subClass' >
              <view class='classContainer' >
                <view class='classLab' >
                  <view class='cLabDay' >
                    <label>08/05</label>
                    <label>周一</label>
                  </view>
                  <view class='cLabTime' >
                    11:80-12:30
                  </view>
                </view>
                <text class="iconfont icon-guanbi"></text>
              </view>
            </view>
            
            <view class='subClass' >
              <view class='classContainer' >
                <view class='classLab' >
                  <view class='cLabDay' >
                    <label>08/05</label>
                    <label>周一</label>
                  </view>
                  <view class='cLabTime' >
                    11:80-12:30
                  </view>
                </view>
                <text class="iconfont icon-guanbi"></text>
              </view>
            </view>
    
            <view class='subClass' >
              <view class='classContainer' >
                <view class='classLab' >
                  <view class='cLabDay' >
                    <label>08/05</label>
                    <label>周一</label>
                  </view>
                  <view class='cLabTime' >
                    11:80-12:30
                  </view>
                </view>
                <text class="iconfont icon-guanbi"></text>
              </view>
            </view>
          </scroll-view>
  • 相关阅读:
    (转)NandFlash详述
    (转)Redhat Linux 硬盘挂载方法!!!
    为Linux虚拟机挂载SD卡!
    DECLARE_GLOBAL_DATA_PTR 作用
    NAND FLASH ECC校验原理与实现
    Ehcache学习笔记(三) 与Spring集成
    ExtJs ComponentQuery 组件选择器
    好记性不如烂博客之 Quartz HowTo: Update an existing job
    使用WeakReference 与 ReferenceQueue 简单实现弱引用缓存
    Ehcache学习笔记(四) Web Caching 页面级别缓存
  • 原文地址:https://www.cnblogs.com/Mvloveyouforever/p/9439705.html
Copyright © 2020-2023  润新知