project init

components/grid/grid-item.wxss

@@ -0,0 +1,99 @@
+.t-float-left {
+  float: left;
+}
+.t-float-right {
+  float: right;
+}
+@keyframes tdesign-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.hotspot-expanded.relative {
+  position: relative;
+}
+.hotspot-expanded::after {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  transform: scale(1.5);
+}
+page {
+  --td-grid-item-bg-color: #ffffff;
+  --td-grid-item-text-color: rgba(0, 0, 0, 0.9);
+  --td-grid-item-description-color: rgba(0, 0, 0, 0.4);
+  --td-grid-item-hover-bg-color: #f2f3f5;
+}
+.t-grid-item {
+  box-sizing: border-box;
+  height: 100%;
+  float: left;
+}
+.t-grid-item--hover {
+  background-color: var(--td-grid-item-hover-bg-color);
+}
+.t-grid-item--horizontal .t-grid-item__content {
+  flex-direction: row;
+}
+.t-grid-item--horizontal .t-grid-item__text {
+  padding-top: 0;
+  padding-left: 24rpx;
+}
+.t-grid-item--horizontal .t-grid-item__description {
+  padding-top: 4rpx;
+  padding-left: 24rpx;
+}
+.t-grid-item__content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
+  padding: 24rpx 0;
+}
+.t-grid-item__words {
+  width: 100%;
+  text-align: center;
+  position: relative;
+  flex-direction: column;
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}
+.t-grid-item__image:not(:empty) {
+  width: 96rpx;
+  height: 96rpx;
+}
+.t-grid-item__image:not(:empty) .external-class {
+  width: 100%;
+  height: 100%;
+}
+.t-grid-item--left {
+  justify-self: flex-start;
+  align-items: flex-start;
+}
+.t-grid-item--left .t-grid-item__words {
+  text-align: left;
+}
+.t-grid-item__text {
+  width: inherit;
+  color: var(--td-grid-item-text-color);
+  font-size: 28rpx;
+  line-height: 44rpx;
+  padding-top: 16rpx;
+}
+.t-grid-item__description {
+  width: inherit;
+  color: var(--td-grid-item-description-color);
+  font-size: 24rpx;
+  line-height: 40rpx;
+  padding-top: 8rpx;
+}