TaTaPark的博客

实际项目中，页面渲染总会遇到数字与汉字居中对齐问题解决方案：（偷巧的解决方式）把汉字字号小数字字号一像素 用flex align-items：center 即可

column-count：3

样式命名比较苦恼，推荐一个样式命名网站：https://unbug.github.io/codelf/

样式：.class{ position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%)}

推荐一个定位属性position: sticky;需：1、父级overflow 属性必须是 visible，否则position:sticky不会生效2、指定 top, right, bottom 或 left 其中之一，才可使粘性定位生效。否则其行为与相对定位相同。...

一、wxml 通过循环画星星容器<view class="score"> <text wx:for="{{ [0, 1, 2, 3, 4] }}" wx:key="{{index}}" class="{{ shop.score >= (index + 1) ? 'bg_color' : '' }} v v-st...

1、页面添加事件点击事件触发动效标识 aFlag ： true2、动画容器根据aFlag 显隐3、样式.heart{position:absolute;z-index:10;height:16rpx;width:16rpx;top:0; background-image:url('https:../images/hea...

一、小程序本地内存较小建议图片压缩之后上传远程终端、压缩有介绍（https://blog.youkuaiyun.com/TaTaPark/article/details/99547432）二、通过.wxss 背景属性background.wxss 中 通过 background-image:url('../images/heart.png'); 获取不到本地图片的解决方式backgr...

css 实现 文本展示最大行数display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;其中-webkit-line-clamp: 3; 是核心配置 ‘3’代表 展示3行...

一、实现文本按内容宽度展开不换行 核心样式 { white-space: nowrap; }二、超出屏幕部分隐藏可滚动 配套样式{display: flex;flex-wrap: nowrap;overflow: hidden;flex: none;white-space: nowrap;padding: 0 0 30rpx ...

一、推荐一款图片低损高压缩比网站。https://tinypng.com/可压缩55%左右，亲测高效好用，直接拖拽图片即可使用。

一、实现&nbsp; 空格功能，text替换掉 view 布局<text class="size28"> 某某信用卡 再减 </text> <text class="size36" decode="{{true}}"> &nbsp;15元 </text>其中 使用 text的decode...

最近接到任务，解决nuxt 项目首屏加载全部js问题，百思不得其解，折磨得死去活来哈哈，今天灵光一闪，解决了，不说废话，上图！！1、看下官方文档第三个红圈是重点，你的路由页面太多就不适合默认‘true’！！！！隐藏的地雷2、在nuxt.config.js 配置中修改默认值module.exports = { render: { ...

移动端开发，经常会实现文字缩进效果。废话不多说，看图例展示。