diff --git a/src/assets/img/publish/user.png b/src/assets/img/publish/user.png
new file mode 100644
index 0000000..15d00b6
Binary files /dev/null and b/src/assets/img/publish/user.png differ
diff --git a/src/components/Search/Index.vue b/src/components/Search/Index.vue
index 9e2e113..573cff2 100644
--- a/src/components/Search/Index.vue
+++ b/src/components/Search/Index.vue
@@ -8,7 +8,8 @@
@search="handleSearchActino"
>
-
搜索
+ @@ -45,22 +46,39 @@ function handleSearchActino() { .search-container { :deep(.van-search) { padding: 0; - margin: 0 -10px; + //margin: 0 10px; border-radius: 0; - background-color: #f5f5f5; + background-color: #fff; } - :deep(.el-text) { + .search { margin: 0 10px; - font-size: 14px; - color: #999; cursor: pointer; + display: flex; justify-self: center; + align-items: center; + font-weight: 500; + font-size: 12px; + color: var(--primary-color); + &::after { + content: '|'; + position: absolute; + right: 11vh; + top: 1vh; + //transform: translateY(-50%); + font-weight: bold; + color: #e7dedf; // 竖线颜色与搜索文字一致 + pointer-events: none; // 确保不影响点击事件 + } + } + + :deep(.van-search__content) { + background-color: #fff; } border-radius: 18px; - border: solid 2px #70b937; - background-color: #f5f5f5; + border: solid 1px var(--primary-color); + background-color: #fff; //width: 100vw; display: grid; diff --git a/src/router/index.ts b/src/router/index.ts index 93a906b..649d9df 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -37,7 +37,7 @@ const router = createRouter({ path: '/survey', name: 'survey', meta: { - title: '最新问卷' + title: '我的' }, component: () => import('../views/Survey/Index.vue') }, diff --git a/src/views/Survey/Index.vue b/src/views/Survey/Index.vue index b34b350..b7d4462 100644 --- a/src/views/Survey/Index.vue +++ b/src/views/Survey/Index.vue @@ -79,8 +79,8 @@ onMounted(() => { .new-survey_item { margin: 0 10px 10px; - padding: 10px 0 8px 7px; - border-radius: 8px; + padding: 15px; + border-radius: 16px; background-color: white; } diff --git a/src/views/Survey/components/EmptyContainer.vue b/src/views/Survey/components/EmptyContainer.vue index 90433a9..ef21ed1 100644 --- a/src/views/Survey/components/EmptyContainer.vue +++ b/src/views/Survey/components/EmptyContainer.vue @@ -10,10 +10,16 @@
@@ -251,6 +251,7 @@ function copyItem(item: SurveyItem) {
.survey_item_info_status {
display: flex;
margin-bottom: 15px;
+ color: #666;
img {
height: 12px;
@@ -276,16 +277,28 @@ function copyItem(item: SurveyItem) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ font-weight: 500;
+ font-size: 14px;
+ color: #000;
}
}
.wrap {
margin-left: 5px;
padding: 1px 3px;
- border: 2px solid #f5f5f5;
+ border: 0.5px solid rgba(192,192,192,0.35);
border-radius: 6px;
font-size: 12px;
text-wrap: nowrap;
+ color: #333333;
+ }
+ & > :nth-child(3) {
+ padding: 0 4px;
+ border-radius: 6px;
+ font-size: 12px;
+ color: #333333;
+ margin-left: 7px;
+ border: 0.5px solid rgba(192,192,192,0.35);
}
}
@@ -298,11 +311,10 @@ function copyItem(item: SurveyItem) {
background-color: #f6f7f8;
overflow: hidden;
text-overflow: ellipsis;
- padding: 10px 15px;
+ padding: 14px 30px;
box-sizing: border-box;
- margin: 0 10px 10px 5px;
color: #828282;
- font-weight: 400;
+ //font-weight: 400;
font-size: 12px;
section {
@@ -325,7 +337,8 @@ function copyItem(item: SurveyItem) {
align-items: center;
justify-content: space-between;
padding: 5px;
- border-top: 1px dashed #f5f5f5;
+ margin-top: 10px;
+ font-weight: 400;
.el-button {
width: 18vw;