style(components): 优化多个组件的样式细节

- 修改 YlSwiper 组件的按钮颜色
- 调整 CreateSurvey 组件的标题和描述样式
- 更新 HomeRecommend 组件的标题和布局
- 调整 MineTask 组件的标题位置

src/components/YlSwiper/Index.vue

@@ -255,7 +255,7 @@ defineExpose({
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-    color: #409eff;
+    color: #71b73c;
   }
 
   .yl-swiper-pagination {
@@ -278,7 +278,7 @@ defineExpose({
       transition: all 0.3s;
 
       &.is-active {
-        background-color: #409eff;
+        background-color: #71b73c;
         width: 16px;
         border-radius: 4px;
       }

src/views/Home/components/CreateSurvey/Index.vue

@@ -31,7 +31,9 @@ const createdQuestion = (item) => {
     group_id: 0,
     source: 1,
     project_name: `${item.title ? item.title : 'z'} `,
-    remarks: item.title ? '为优化活动服务品质，烦请完成问卷，感谢配合！您的反馈至关重要！' : '请输入问卷描述',
+    remarks: item.title
+      ? '为优化活动服务品质，烦请完成问卷，感谢配合！您的反馈至关重要！'
+      : '请输入问卷描述',
     scene_code: item.parentCode,
     scene_code_info: item.code,
     tags: ''
@@ -74,7 +76,7 @@ const createdApx = (res) => {
   snQuestions({ sn: res.data.data.sn }).then((ques) => {
     console.log(`res`, res);
     if (ques.data) {
-      const {data} = res.data
+      const { data } = res.data;
       ques.data.data.survey.introduction = `<p>${data.remarks}</p>`;
       store.questionsInfo.value = ques.data.data;
       saveQuestions({
@@ -169,7 +171,7 @@ onMounted(() => {
   color: #000;
 
   .create_survey_title {
-    margin: 16px;
+    margin: 16px 10px;
     font-size: 15px;
     font-family: PingFangSC-Heavy;
     font-weight: 900;

src/views/Home/components/HomeRecommend/Index.vue

@@ -40,8 +40,9 @@ const props = ref<TablePropsType[]>([
             <h3 class="recommend-layout-title">内容推荐</h3>
           </template>
 
-          <span class="recommend-title">{{ data?.title || 'TOP5现制饮品风味' }}</span>
+          <span class="recommend-title">{{ data?.title }}</span>
           <yl-table
+            style="margin-top: 10px"
             :header-style="{ background: '#E8F9F4' }"
             :data="data?.surveyTrendDataVOS"
             :props="props"
@@ -86,12 +87,10 @@ const props = ref<TablePropsType[]>([
     line-height: 15px;
     text-align: left;
     font-style: normal;
-
-    margin-bottom: 10px;
   }
 
   .more {
-    margin: 20px;
+    margin: 5px;
     color: #919191;
     font-weight: 400;
     font-size: 13px;

src/views/Home/components/MineTask/Index.vue

@@ -22,7 +22,7 @@ function handleDragEnd() {
 <template>
   <div class="carousel-container">
     <div class="title">
-      <span>我的任务</span>
+      <span style="margin-top: 6px">我的任务</span>
       <div class="carousel-indicators">
         <i
           v-for="(item, index) in total"