2

frontend/unpackage/dist/dev/mp-weixin/pages/detail/index.wxss

@@ -66,7 +66,6 @@
   margin: 16rpx;
   border-radius: 16rpx;
   padding: 12rpx;
-  border: 2rpx solid #e5e7eb;
 }
 .toolbar {
   display: flex;
@@ -80,7 +79,6 @@
   align-items: center;
   gap: 8rpx;
   background: #f6f8fb;
-  border: 2rpx solid #e6ebf2;
   border-radius: 10rpx;
   padding: 8rpx 10rpx;
 }
@@ -100,23 +98,42 @@
 .search-row {
   display: flex;
   align-items: center;
-  gap: 10rpx;
+  gap: 16rpx;
 }
 .search {
   flex: 1;
+  min-width: 0;
+  display: flex;
 }
 .search-input {
-  width: 100%;
+  flex: 1;
+  height: 72rpx;
+  line-height: 72rpx;
+  padding: 0 24rpx;
+  box-sizing: border-box;
   background: #fff;
   border-radius: 12rpx;
-  padding: 12rpx;
   color: #111;
   border: 2rpx solid #e6ebf2;
+  font-size: 26rpx;
 }
 .btn {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 72rpx;
+  padding: 0 32rpx;
+  margin-left: 4rpx;
+  border-radius: 12rpx;
   background: #4C8DFF;
   color: #fff;
   border: none;
+  font-size: 26rpx;
+  box-sizing: border-box;
+}
+.btn::after {
+  border: none;
 }
 .total {
   color: #4C8DFF;
@@ -127,6 +144,16 @@
 .list {
   flex: 1;
 }
+.loading {
+  text-align: center;
+  padding: 20rpx 0;
+  color: #444;
+}
+.finished {
+  text-align: center;
+  padding: 20rpx 0;
+  color: #444;
+}
 .item {
   display: grid;
   grid-template-columns: 1fr auto auto;