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>
  • 相关阅读:
    flutter 3des
    flutter踩坑记
    【OS_Windows】彻底关闭windows10自动更新
    使用 httpclient 上传下载文件
    git操作
    jmeter在Windows下请求https的接口
    python xlsxwriter简单使用
    asp.net core webapi 文件下载实现
    使用微信小程序连接到 MQTT 云服务
    MQTT.js 入门教程
  • 原文地址:https://www.cnblogs.com/Mvloveyouforever/p/9439705.html
Copyright © 2011-2022 走看看