qq_33256701的博客

主要是使用css实现，做成一个圆形轮播，每个卡片4度，共可以循环90个卡片，循环的卡片数量需要能被90整除，否则需要重新划分卡片旋转度数。缺点是没有显示在可见范围内的卡片数量很多，可能需要用虚拟列表方式优化，有知道怎么优化的小伙伴吗。

2. tailwind.config.js 文件中的content是你需要使用tailwind的文件路径。这样就能在vue2中使用tailwind了。打包后是否生效还未测试（待更新）2. 每次修改完tailwind.config.js，需要重启监听命令。4. 根据你的tailwind.css 文件生成output文件。5. 将output.css 文件引入你的main.js。3. 新建tailwind.css文件。查看官方文档，不要去看过时的文章！1. 安装tailwind的包。

uni中目前还是使用vue2自上而下的过渡效果：/** * 从底部飞入 */.fly-in-from-bottom { // 进入过渡生效，离开过渡生效 &-enter-active, &-leave-active { transition: transform .3s; } &-enter, &-leave-to { transform: translate3d(0, 100%, 0); }}注意：1、背景不跟着产生过渡效果的原

在做H5的横向滑动时需要设置子元素为行内元素，同时又需要用flex 来做垂直居中显示，发现display有个inline-flex属性.x-scroll { overflow: scroll; white-space: nowrap; .item { display: inline-flex;//将inline-block改为这个 } &::-webkit-scrollbar { display: none; }}...

1、布局为淘宝型居中对齐的div { width: 600px; height: 400px; background-color: pink; /*让块级盒子居中对齐水平 1. 必须有宽度 2. 左右外边距设置为auto*/ margin: 0 auto; }解决办法： html{ margin-left:calc(100vw - 100...