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>
  • 相关阅读:
    SpringBoot笔记(一)
    线程同步(JAVA笔记-线程基础篇)
    图解JAVA线程的几个状态(JAVA笔记-线程基础篇)
    四种线程池的使用(JAVA笔记-线程基础篇)
    三种使用线程的方法(JAVA笔记-线程基础篇)
    图解数据结构——链表
    工作中Selenium常用方法汇总java版(工作笔记)
    【Spring】IoC容器
    【Spring】IoC容器
    【Spring】IoC容器
  • 原文地址:https://www.cnblogs.com/Mvloveyouforever/p/9439705.html
Copyright © 2011-2022 走看看