.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. Leetcode 131

    class Solution { public: vector<vector<string>> partition(string s) { vector<string&g ...

  2. php + mysql 分布式事务

    事务(Transaction)是访问并可能更新数据库中各种数据项的一个程序执行单元: 事务应该具有4个属性:原子性.一致性.隔离性.持续性 原子性(atomicity).一个事务是一个不可分割的工作单 ...

  3. Notes for 'Making elephants fly'

    1. 技术陷阱:应是需求导向, 而不是技术导向. 2. 时机最重要:而不是创造力,团队,客户,产品,或技术. 3. 模仿:能模仿就模仿,不能模仿就创新.巧匠摹形,大师窃意. good artists ...

  4. [CodeForces - 614C] C - Peter and Snow Blower

    C - Peter and Snow Blower Peter got a new snow blower as a New Year present. Of course, Peter decide ...

  5. ASP.NET controller TO view 数据传递

    https://stackify.com/viewbag/ In the case of ASP.NET MVC, you have three ways to pass data from the ...

  6. Python3+ssl实现加密通信

    一.说明 1. python标准库ssl可实现加密通信 2. ssl库底层使用openssl,做了面向对像化改造和简化,但还是可以明显看出openssl的痕迹 3. 本文先给出python实现的soc ...

  7. oracle配置访问白名单教程

    出于提高数据安全性等目地,我们可能想要对oracle的访问进行限制,允许一些IP连接数据库或拒绝一些IP访问数据库. 当然使用iptables也能达到限制的目地,但是从监听端口变更限制仍可生效.只针对 ...

  8. 套接字编程，建立连接connect，绑定套接字bind

    1.建立连接 int connect(int sockfd, const struct sockaddr *addr, socklen_t addrlen); 参数sockfd是由函数socket创建 ...

  9. 开发Web应用（2）（二十一）

    在完成配置之后,举一个简单的例子,在快速入门工程的基础上,举一个简单的示例来通过Thymeleaf渲染一个页面. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1 ...

  10. 整合SpringDataJPA

    JPA:ORM(Object Relational Mapping); 1).编写一个 实体类(bean)和数据表进行映射,并且配置好映射 关系: /** * Created by windMan o ...