![](https://img-blog.csdnimg.cn/20210107154819204.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css 部分快捷键
艾米家的猫儿(傻钢)
talk is cheap, show me the code(甭废话,把你的程序(code)给我看)
展开
-
小程序视频是否全屏显示
data中openFullVideo: ‘’, // 1放大 2缩小视频加点击事件// 点击视频预览 openFullVideo ‘’ 啥也不干且赋值全屏 = 1 1 点击全屏 2 点击不全屏seeVideo() {let openFullVideo = this.data.openFullVideolet videoContext = wx.createVideoContext(‘swiperVideo’, this)if (openFullVideo === ‘’) {this.set原创 2021-08-06 19:29:33 · 598 阅读 · 0 评论 -
css 三角形
&::after {content: ‘’;position: absolute;width: 0;height: 0;border-top: 30rpx solid #fff;border-left: 30rpx solid transparent;transform: rotate(-45deg);top: -15rpx;left: 50%;margin-left: -15rpx;}原创 2021-08-06 10:22:13 · 51 阅读 · 0 评论 -
小程序自定义底部导航。。。干货。。。custom-tab-bar得使用
1、首先 app.json文件 找到 tabBar 添加 “custom”: true 开启自定义tabBar2、根目录下新建custom-tab-bar目录 新建index(Component组件)**必须是index命名2.1 wxml 文件<cover-view class="tab-bar"> <cover-view class="tab-bar-border"></cover-view> <cover-view wx:for="{{原创 2021-07-30 14:18:56 · 1349 阅读 · 0 评论 -
动态三个点 请求中加载中...
动态…请求中或加载中显示html代码<span class="dotting"></span>css代码.dotting { display: inline-block; min-width: 2px; min-height: 2px; box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; /* for IE9+, ..., 3个点 */ animation: dot 4s原创 2021-07-27 11:44:36 · 474 阅读 · 0 评论 -
常用css 自己封装
小姐姐超级懒常用css封装一个文件夹里/** * 微博:艾米的猫儿 * 趁时光不老,努力活成自己想要的样子 * wchat/qq:731335498 */.flexrow { display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box;}.flexcolumn { display: flex; flex-dir...原创 2021-01-07 15:51:26 · 1581 阅读 · 2 评论 -
css控制超出多行隐藏
超出部分只要控制 数字()即可//超出3行隐藏overflow: hidden;display: -webkit-box;//将元素设为盒子伸缩模型显示-webkit-box-orient: vertical;//伸缩方向设为垂直方向-webkit-line-clamp: 3;//超出3行隐藏,并显示省略号//超出2行隐藏 overflow: hidden;display: -webkit-box;//将元素设为盒子伸缩模型显示-webkit-box-orient: verti.原创 2021-01-07 15:47:36 · 372 阅读 · 0 评论