zoukankan      html  css  js  c++  java
  • 微信小程序两种滑动方式

    竖向滑动:

    <scroll-view scroll-y="true" style="height: 200rpx;">
    <view style="background: red;  200px; height: 100px; display: inline-block" ></view>
    <view style="background: green;  200px; height: 100px; display: inline-block"></view>
    <view style="background: blue;  200px; height: 100px; display: inline-block"></view>
    <view style="background: yellow;  200px; height: 100px; display: inline-block"></view>
    </scroll-view>
    

      

    横向滑动:
    <!-- white-space
    normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
    pre: 保持HTML源代码的空格与换行,等同与pre标签
    nowrap: 强制文本在一行,除非遇到br换行标签
    pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
    pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
    inherit: 继承
    -->

    <!--水平滚动-->
    <!--<scroll-view scroll-x="true" style=" white-space: nowrap; display: flex" >
    <view style="background: red;  200px; height: 100px; display: inline-block" ></view>
    <view style="background: green;  200px; height: 100px; display: inline-block"></view>
    <view style="background: blue;  200px; height: 100px; display: inline-block"></view>
    <view style="background: yellow;  200px; height: 100px; display: inline-block"></view>
    </scroll-view>-->
    

      

  • 相关阅读:
    eclipse的web项目热部署
    JAVA字符串转日期或日期转字符串
    右下角弹出框
    div拖拽
    js的富文本框与日期插件
    slected多选框的转移
    判断当前日期是否是当月数据
    java常见面试题(二)
    静态代理和动态代理
    java常见面试题(一)
  • 原文地址:https://www.cnblogs.com/simba-lkj/p/6273398.html
Copyright © 2011-2022 走看看