处理搜索

2024-08-22 22:30:52 +08:00
parent b43246074a
commit 49226941c4
13 changed files with 628 additions and 4 deletions
--- a/pages/s-list/s-list.wxss
+++ b/pages/s-list/s-list.wxss
@@ -0,0 +1,95 @@
+page {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background: #f3f2f4;
+    min-height: 100vh;
+}
+
+
+/* 搜索 start */
+
+.search-box {
+    /* padding-top: 45rpx; */
+    /* margin-bottom: 20rpx; */
+    background: #f3f2f4;
+    padding-top: 45rpx;
+    z-index: 99;
+}
+
+.search {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100rpx;
+    background: #f3f2f4;
+}
+
+.search .search_in {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20rpx;
+    /* box-sizing: border-box; */
+    height: 70rpx;
+    background-color: #ffffff;
+    border-radius: 10rpx;
+}
+
+.search_in image {
+    height: 45rpx;
+    width: 45rpx;
+}
+
+.search input {
+    width: 600rpx;
+}
+
+/* 搜索 end */
+
+
+
+
+.container{
+    margin-top: 45rpx;
+    margin-left: 30rpx;
+    margin-right: 30rpx;
+}
+
+.card {
+    background-color: #ffffff;
+    border-radius: 10rpx;
+    padding: 30rpx;
+    margin-bottom: 20rpx;
+    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
+}
+
+.card-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+}
+
+.dot {
+    width: 16rpx;
+    height: 16rpx;
+    background-color: #3c8bf6; /* 蓝色圆点 */
+    border-radius: 50%;
+    margin-right: 20rpx;
+}
+
+.title {
+    font-size: 30rpx;
+    font-weight: bold;
+}
+
+.details {
+    display: flex;
+    align-items: center;
+    color: #737373; /* 灰色文本 */
+    font-size: 24rpx;
+}
+.details-icon{
+    height: 20rpx;
+    width: 25rpx;
+}