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 @@ - 新建问卷 + + 新建问卷 \ No newline at end of file +.btn{ + color: #fff; + background-color: var(--primary-color); + border: solid 1px var(--primary-color); + font-weight: 400; + border-radius: 8px; +} + diff --git a/src/views/Survey/components/SurveyItem.vue b/src/views/Survey/components/SurveyItem.vue index 25618ca..984b0b5 100644 --- a/src/views/Survey/components/SurveyItem.vue +++ b/src/views/Survey/components/SurveyItem.vue @@ -157,7 +157,7 @@ function copyItem(item: SurveyItem) {
Content Icon @@ -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;