Claw 项目完整结构提交

Claw/client/wechat_app/app.wxss

@@ -0,0 +1,188 @@
+/* 全局样式 */
+page {
+  background-color: #f5f5f5;
+  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
+}
+
+/* 通用容器 */
+.container {
+  padding: 20rpx;
+  background-color: #fff;
+  margin: 20rpx;
+  border-radius: 10rpx;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
+}
+
+/* 按钮样式 */
+.btn {
+  background-color: #07c160;
+  color: white;
+  border: none;
+  border-radius: 5rpx;
+  padding: 20rpx 40rpx;
+  font-size: 28rpx;
+  text-align: center;
+  transition: background-color 0.3s;
+}
+
+.btn:hover {
+  background-color: #06a050;
+}
+
+.btn:active {
+  background-color: #059040;
+}
+
+.btn:disabled {
+  background-color: #ccc;
+  color: #999;
+}
+
+/* 输入框样式 */
+.input {
+  border: 1rpx solid #ddd;
+  border-radius: 5rpx;
+  padding: 20rpx;
+  font-size: 28rpx;
+  background-color: #fff;
+}
+
+.input:focus {
+  border-color: #07c160;
+  outline: none;
+}
+
+/* 卡片样式 */
+.card {
+  background-color: #fff;
+  border-radius: 10rpx;
+  padding: 30rpx;
+  margin: 20rpx 0;
+  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
+}
+
+/* 标题样式 */
+.title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 20rpx;
+}
+
+/* 副标题样式 */
+.subtitle {
+  font-size: 24rpx;
+  color: #666;
+  margin-bottom: 10rpx;
+}
+
+/* 文本样式 */
+.text {
+  font-size: 28rpx;
+  color: #333;
+  line-height: 1.5;
+}
+
+.text-small {
+  font-size: 24rpx;
+  color: #999;
+}
+
+/* 状态颜色 */
+.status-success {
+  color: #07c160;
+}
+
+.status-warning {
+  color: #f0ad4e;
+}
+
+.status-error {
+  color: #dd524d;
+}
+
+.status-info {
+  color: #10aeff;
+}
+
+/* 加载动画 */
+.loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40rpx;
+}
+
+.loading-spinner {
+  width: 40rpx;
+  height: 40rpx;
+  border: 4rpx solid #f3f3f3;
+  border-top: 4rpx solid #07c160;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* 消息样式 */
+.message {
+  padding: 20rpx;
+  margin: 10rpx 0;
+  border-radius: 10rpx;
+  background-color: #f8f8f8;
+}
+
+.message.user {
+  background-color: #95ec69;
+  text-align: right;
+}
+
+.message.system {
+  background-color: #e8f5e8;
+  text-align: left;
+}
+
+/* 任务状态 */
+.task-status {
+  display: inline-block;
+  padding: 5rpx 15rpx;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  font-weight: bold;
+}
+
+.task-status.pending {
+  background-color: #f0ad4e;
+  color: white;
+}
+
+.task-status.processing {
+  background-color: #10aeff;
+  color: white;
+}
+
+.task-status.completed {
+  background-color: #07c160;
+  color: white;
+}
+
+.task-status.failed {
+  background-color: #dd524d;
+  color: white;
+}
+
+/* 响应式布局 */
+@media (max-width: 750rpx) {
+  .container {
+    margin: 10rpx;
+    padding: 15rpx;
+  }
+  
+  .card {
+    padding: 20rpx;
+    margin: 15rpx 0;
+  }
+}