培根芝士的专栏

本来想用uni.createAnimation创建一个旋转动画，发现转完一圈后就不动了，没法循环旋转，最后采用了下面的这种方式，直接用CSS来实现循环旋转动画。

<view class="pointer-events:none;" bindtap="tapAddCart"></view>pointer-eventsCSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的target。/* Keyword values */pointer-events: auto;pointer-events: none;pointer-events: visiblePainted; /* SVG only */po..

word-break：word-break 属性规定自动换行的处理方法。word-break: normal|break-all|keep-all;值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 word-wrap：word-wrap 属性允许长单词或 URL 地址换行到下一行。word-wrap: normal|break-word;值 描

opacityopacity属性的意思是设置一个元素的透明度。它不是为改变元素的边界框（bounding box）而设计的。这一位着将opacity设置为0只能从视觉上隐藏元素。而元素本身依然占据它自己的位置并对网页的布局起作用，它也将响应用户交互。visibility第二个要说的属性是visibility。将它的值设为hidden将隐藏我们的元素。如同opacity属性，被隐藏的元素依然会对我们的网页布局起作用。与opacity唯一不同的是它不会响应任何用户交互。此外元素在读屏软件中会被隐藏注

font-weight 属性设置文本的粗细。值 描述 normal 默认值。定义标准的字符。相当于400 bold 定义粗体字符。相当于700 bolder 定义更粗的字符。 lighter 定义更细的字符。 100 200 300 400 500 600 700 800 900 定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。 in

box-shadow属性可以设置一个或多个下拉阴影的框。box-shadow: 10px 10px 5px #888888;box-shadow:h-shadow v-shadow blur spread colorinset;值 说明 h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离 spread 可选。阴影的大小 color 可选。阴影的颜色。 ..

text-decoration属性允许对文本设置某种效果，如加下划线。如果子元素没有自己的装饰，父元素上设置的装饰会“延伸”到子元素中。值 描述 none 默认。定义标准的文本。 underline 定义文本下划线。 overline 定义文本顶部的一条线。 line-through 定义文本删除线。 blink 定义闪烁的文本。 inherit 规定应该从父元素继承 text-decoration 属性的值。 示例：文字排版--

margin：外边距；设置对象四边的外延边距。margin: 20rpx 10rpx 25rpx 10rpx ：如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。margin：20rpx：如果只提供一个，将用于全部的四边。margin：20rpx 20rpx：如果提供两个，第一个用于上、下，第二个用于左、右。margin：20rpx 20rpx 10rpx：如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。某些相邻的margin会发生合并，称之为margin折叠，具体的现象就

display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。隐藏元素 - display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。visibility:hidden 可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。h1.hidden {visibility:hidden;}dis

单行文本溢出显示省略号overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本溢出显示省略号display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;