.subOper>scroll-view{

  margin-bottom: 22rpx;

  width: 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>

wx小程序横向滚动的更多相关文章

  1. 微信小程序横向滚动正确姿势

    <1>xml文件 <view> <scroll-view scroll-x class="scroll-header"> <view cl ...

  2. 微信小程序横向滚动

    <scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" > ...

  3. 微信小程序-通知滚动小提示

    代码地址如下:http://www.demodashi.com/demo/14044.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.co ...

  4. wx小程序获取用户位置信息

    wx小程序内置的接口只能获取用户的坐标,通过微信位置服务获取用户地址: http://lbs.qq.com/qqmap_wx_jssdk/index.html 注:需要在key的设置中打开webSer ...

  5. wx小程序初体验

    小程序最近太火,不过相比较刚发布时,已经有点热度散去的感觉,不过这不影响我们对小程序的热情,开发之前建议通读下官网文档,附链接:https://mp.weixin.qq.com/debug/wxado ...

  6. 微信小程序scroll-view滚动一次多次触发的问题解决方案

    最近使用微信小程序开发的时候,需要用scroll-view的bindscrolltolower事件,控制加载下一页的内容.但是发现在ios里,下拉滚动一次,事件触发两次,导致重复加载数据. 经过百度和 ...

  7. 微信小程序—picker(滚动选择器)

    官方api:https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html 上边是官网的api.小程序中,底部下拉滚动选择主要有这几种 ...

  8. wx小程序知识点（三）

    三.封装小程序的数据请求 (1)在根目录创建utils目录,创建config.js.base.js (2)在config.js中创建config类,并将请求路径配置给config的属性restUrl, ...

  9. wx小程序知识点（二）

    二.WXML和HTML的异同.WXSS和CSS的异同 (1)WXML和HTML 相同点:都是用来描述页面结构的,由标签.属性组成 不同点:标签名不一样,小程序标签名更少: 小程序多了 wx:if 这样 ...

随机推荐

  1. 【微信公众号开发】【10】JSJDK相关

    前言: 1,优点:官方提供的,会调用后还算使用方便,不用费劲了解各个原生组件 缺点:使用上有限制(如:上传文件有大小限制),很容易踩坑,部分安卓手机及电脑端不支持pjax 总结:上手容易,坑很多 2, ...

  2. 使用maven命令把jar包加入maven仓库

    命令:mvn install:install-file -Dfile=D:\jar包路径xxxx.jar -DgroupId=根目录文件夹名字  -DartifactId=子目录文件夹 -Dversi ...

  3. Zookeeper浏览器工具和Eclipse插件

    公司很多产品会使用zookeeper,比如Meta消息中间件,在测试的过程中,我们经常需要查询zookeeper里面的信息来精确定位问题.目前项目中有开发团队自己写的浏览器node-zk-browse ...

  4. 559. Maximum Depth of N-ary Tree C++N叉树的最大深度

    网址:https://leetcode.com/problems/maximum-depth-of-n-ary-tree/ 很简单的深度优先搜索 设定好递归返回的条件和值 /* // Definiti ...

  5. phpStorm中Structure窗口中的符号代表的意思

    参考:https://www.jetbrains.com/help/phpstorm/2016.3/symbols.html Icon   Description Class 类 Final clas ...

  6. Spring Cloud系列之客户端请求带“Authorization”请求头,经过zuul转发后丢失了

    先摆解决方案: 方法一: 方法二: zuul.routes.<routeName>.sensitive-headers= zuul.routes.<routeName>.cus ...

  7. 彻底理解MapReduce shuffle过程原理

    彻底理解MapReduce shuffle过程原理 MapReduce的Shuffle过程介绍 Shuffle的本义是洗牌.混洗,把一组有一定规则的数据尽量转换成一组无规则的数据,越随机越好.MapR ...

  8. [LeetCode] 201. Bitwise AND of Numbers Range ☆☆☆(数字范围按位与)

    https://leetcode.com/problems/bitwise-and-of-numbers-range/discuss/56729/Bit-operation-solution(JAVA ...

  9. Jquery的jqzoom插件的使用（图片放大镜）

    今天学习一下,图片放大镜功能,需要使用插件JQzoom 引入文件 <script type="text/javascript" src="js/jquery.min ...

  10. [POJ3416]Crossing

    Problem 给你n个点,m个询问,每个询问有x, y 问以(x,y)为原点建立的平面直角坐标系分割的第一象限和第三象限的点数和减去第二象限和第四象限的点数和 Solution 用2个树状数组维护一 ...