zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    算法打基础——符号&递归解法
    算法打基础——算法基本分析
    最小生成树——Kruskal算法
    最小生成树——Prim算法
    物理DG主备库切换时遇到ORA-16139: media recovery required错误
    Dataguard 主库与备库的Service_Name 不一致时,如何配置客户端TNSName
    oracle 11g RAC 在Windows 7下安装
    关于存储大小的计量单位
    老家的亲戚关系
    Unity3D学习笔记——NGUI之UIInput
  • 原文地址:https://www.cnblogs.com/Mvloveyouforever/p/9439705.html
Copyright © 2011-2022 走看看