update at 2026-02-08 18:28:39

miniprogram/pages/font-picker/index.wxss

@@ -0,0 +1,102 @@
+.search-input {
+  background: #f6f8fc;
+  border-radius: 12rpx;
+  padding: 18rpx 20rpx;
+  font-size: 28rpx;
+}
+
+.toolbar {
+  margin-top: 16rpx;
+}
+
+.picker-btn {
+  background: #f6f8fc;
+  border-radius: 12rpx;
+  padding: 14rpx 16rpx;
+  font-size: 26rpx;
+}
+
+.mini-btn {
+  margin: 0;
+  height: 56rpx;
+  line-height: 56rpx;
+  background: #edf2ff;
+  color: #274c95;
+}
+
+.list-card {
+  padding: 0;
+}
+
+.summary {
+  padding: 18rpx 22rpx;
+  color: #6b7280;
+  font-size: 24rpx;
+  border-bottom: 1rpx solid #f0f2f7;
+}
+
+.font-list {
+  height: calc(100vh - 410rpx);
+}
+
+.font-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 18rpx 22rpx;
+  border-bottom: 1rpx solid #f2f3f8;
+}
+
+.font-item.selected {
+  background: #eef5ff;
+}
+
+.font-name {
+  font-size: 30rpx;
+  font-weight: 500;
+}
+
+.font-meta {
+  margin-top: 6rpx;
+  font-size: 22rpx;
+  color: #6b7280;
+}
+
+.actions {
+  align-items: center;
+}
+
+.star {
+  font-size: 36rpx;
+  color: #f59e0b;
+  width: 56rpx;
+  text-align: center;
+}
+
+.selected-tag {
+  background: #1677ff;
+  color: #fff;
+  border-radius: 999rpx;
+  font-size: 20rpx;
+  padding: 6rpx 14rpx;
+}
+
+.empty {
+  color: #9ca3af;
+  text-align: center;
+  padding: 60rpx 0;
+}
+
+.footer {
+  position: fixed;
+  left: 24rpx;
+  right: 24rpx;
+  bottom: 24rpx;
+  gap: 16rpx;
+}
+
+.footer button {
+  flex: 1;
+  height: 84rpx;
+  line-height: 84rpx;
+}