随笔分类 -  css

scroll-view 滚动在安卓机无效，在ios可以
摘要：<scroll-view class="VerticalNav nav" scroll-y scroll-with-animation :scroll-top="verticalNavTop" style > <view class="cu-item" :class="item.id == sele 阅读全文
posted @ 2020-07-20 14:18 假装学习 阅读(683) 评论(0) 推荐(0)
H5页面 绝对定位元素被 软键盘弹出时顶起
摘要：软键盘弹出时顶起 底部按钮，tab 个人解决方案 取到屏幕高度 减 去 所需的按钮位置 决对定位到这个高度不会 弹起按钮 <cube-tab-bar class="base-tabbar" v-model="selectedLabelDefault" :data="tabs" @click="cli 阅读全文
posted @ 2020-03-12 10:00 假装学习 阅读(1586) 评论(0) 推荐(0)
CSS3 ,fill-available、max-content、min-content、fit-content,自适应
摘要：自适应： 撑满空闲空间与收缩到内容尺寸。 CSS3将这两种情况分别定义为'fill-availabel'和'fit-content'。 除此之外 ，还新增了更细粒度的'min-content'和'max-content'。这四个关键字可用于设置宽高属性。本文将详细介绍CSS3中的这四个自适应关键字 阅读全文
posted @ 2019-09-27 16:49 假装学习 阅读(484) 评论(0) 推荐(0)
弹性FLEX布局
摘要：页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行，CSS3引入了更加灵活的弹性布局模型 flex弹性布局 使用弹性布局可以有效的分配一个容器的空间 即使我们 阅读全文
posted @ 2019-05-27 18:21 假装学习 阅读(569) 评论(1) 推荐(1)
css3图片展示方式
摘要：<view class='img_block' id='mjltest'> <view class='text_view'> <view class='{{cell_class}}'> <image src='http://192.168.31.193/images/img0_4_1.png'></ 阅读全文
posted @ 2018-07-19 20:08 假装学习 阅读(430) 评论(0) 推荐(0)
css3小球跳动
该文被密码保护。
posted @ 2018-07-19 20:04 假装学习 阅读(1) 评论(0) 推荐(0)