Initial commit

miniprogram/pages/debug/api-test.wxss

@@ -0,0 +1,255 @@
+/* pages/debug/api-test.wxss */
+.container {
+  padding: 20rpx;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.header {
+  text-align: center;
+  margin-bottom: 30rpx;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.section {
+  background-color: white;
+  margin-bottom: 20rpx;
+  border-radius: 10rpx;
+  padding: 20rpx;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+  border-bottom: 2rpx solid #eee;
+  padding-bottom: 10rpx;
+}
+
+/* 配置区域 */
+.config-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10rpx;
+}
+
+.spu-input {
+  border: 2rpx solid #ddd;
+  padding: 10rpx;
+  border-radius: 5rpx;
+  margin-left: 10rpx;
+  width: 200rpx;
+}
+
+/* 按钮组 */
+.button-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10rpx;
+}
+
+.test-btn {
+  flex: 1;
+  min-width: 200rpx;
+  margin: 5rpx;
+  padding: 20rpx;
+  border-radius: 10rpx;
+  font-size: 28rpx;
+  border: none;
+}
+
+.test-btn.primary {
+  background-color: #07c160;
+  color: white;
+}
+
+.test-btn.secondary {
+  background-color: #ff6b6b;
+  color: white;
+}
+
+/* 测试结果 */
+.test-result {
+  background-color: #f9f9f9;
+  padding: 15rpx;
+  border-radius: 8rpx;
+}
+
+.result-item {
+  margin-bottom: 15rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.label {
+  font-weight: bold;
+  color: #666;
+  margin-bottom: 5rpx;
+}
+
+.value {
+  color: #333;
+}
+
+.value.called {
+  color: #07c160;
+}
+
+.value.not-called {
+  color: #999;
+}
+
+.value.success {
+  color: #07c160;
+}
+
+.value.error {
+  color: #ff6b6b;
+}
+
+.json-data {
+  background-color: #f0f0f0;
+  padding: 10rpx;
+  border-radius: 5rpx;
+  font-family: monospace;
+  font-size: 24rpx;
+  word-break: break-all;
+  max-height: 300rpx;
+  overflow-y: auto;
+}
+
+/* 评论组件模拟 */
+.comment-simulation {
+  border: 2rpx dashed #ddd;
+  padding: 20rpx;
+  border-radius: 10rpx;
+}
+
+.display-condition {
+  background-color: #e3f2fd;
+  padding: 10rpx;
+  border-radius: 5rpx;
+  margin-bottom: 15rpx;
+  text-align: center;
+  font-weight: bold;
+}
+
+.no-comments {
+  text-align: center;
+  color: #999;
+  padding: 40rpx;
+  background-color: #f9f9f9;
+  border-radius: 10rpx;
+}
+
+/* 评论组件样式 (复制自商品详情页) */
+.comments-wrap {
+  background-color: #fff;
+  border-radius: 16rpx;
+  padding: 32rpx;
+  margin-top: 20rpx;
+}
+
+.comments-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 32rpx;
+}
+
+.comments-title {
+  display: flex;
+  align-items: center;
+}
+
+.comments-title-label {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333;
+}
+
+.comments-title-count {
+  font-size: 28rpx;
+  color: #666;
+  margin-left: 8rpx;
+}
+
+.comments-rate-wrap {
+  display: flex;
+  align-items: center;
+}
+
+.comments-rate-label {
+  font-size: 28rpx;
+  color: #666;
+  margin-right: 8rpx;
+}
+
+.comments-rate-num {
+  font-size: 28rpx;
+  color: #ff6b35;
+  font-weight: 600;
+}
+
+.comment-item-wrap {
+  border-bottom: 1rpx solid #f0f0f0;
+  padding-bottom: 24rpx;
+  margin-bottom: 24rpx;
+}
+
+.comment-item-wrap:last-child {
+  border-bottom: none;
+  margin-bottom: 0;
+}
+
+.comment-item-head {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.comment-item-avatar {
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 50%;
+  margin-right: 16rpx;
+}
+
+.comment-item-info {
+  flex: 1;
+}
+
+.comment-item-name {
+  font-size: 28rpx;
+  color: #333;
+  display: block;
+  margin-bottom: 4rpx;
+}
+
+.comment-item-rate {
+  display: flex;
+  align-items: center;
+}
+
+.comment-item-score {
+  font-size: 24rpx;
+  color: #ff6b35;
+}
+
+.comment-item-content {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 1.6;
+  margin-bottom: 12rpx;
+}
+
+.comment-item-time {
+  font-size: 24rpx;
+  color: #999;
+}