修改收藏样式

src/views/detail/achievementDetail.vue

@@ -181,7 +181,7 @@ const toCollect = async () => {
       .collect {
         display: flex;
         align-items: center;
-        width: 10%;
+        width: 15%;
         font-size: $global-font-size-20;
         color: #929292;
         cursor: default;

src/views/detail/companyDetail.vue

@@ -163,7 +163,7 @@ const toCollect = async () => {
             display: flex;
             align-items: center;
             justify-content: flex-end;
-            width: 10%;
+            width: 15%;
             font-size: $global-font-size-20;
             color: #929292;
             cursor: default;

src/views/detail/demandDetail.vue

@@ -229,7 +229,7 @@ const toCollect = async () => {
           display: flex;
           align-items: center;
           justify-content: flex-end;
-          width: 10%;
+          width: 15%;
           font-size: $global-font-size-20;
           color: #929292;
           cursor: default;

src/views/detail/expertDetail.vue

@@ -190,7 +190,7 @@ const toCollect = async () => {
               align-items: center;
               justify-content: flex-end;
               font-size: $global-font-size-20;
-              width: 10%;
+              width: 35%;
               color: #929292;
               cursor: default;
               span {

src/views/detail/matchDetail.vue

@@ -286,7 +286,7 @@ provide('submitForm', submitForm)
       .collect {
         display: flex;
         align-items: center;
-        width: 10%;
+        width: 15%;
         font-size: $global-font-size-20;
         color: #929292;
         cursor: default;

src/views/detail/newsDetail.vue

@@ -5,14 +5,16 @@
         <el-col :span="24" class="one_1"> </el-col>
         <el-col :span="24" class="one_2">
           <div class="left">
-            <h2>{{ info.title || '暂无' }}</h2>
-            <div class="collect" @click="toCollect" v-if="info.is_collection">
-              <el-icon :size="24" color="#1073ff"><StarFilled /></el-icon>
-              <span>已收藏</span>
-            </div>
-            <div class="collect" v-else @click="toCollect">
-              <el-icon :size="24"><Star /></el-icon>
-              <span>收藏</span>
+            <div class="info_title">
+              <h2 class="name">{{ info.title || '暂无' }}</h2>
+              <div class="collect iscollect" @click="toCollect" v-if="info.is_collection">
+                <el-icon :size="24" color="#1073ff"><StarFilled /></el-icon>
+                <span>已收藏</span>
+              </div>
+              <div class="collect" v-else @click="toCollect">
+                <el-icon :size="24"><Star /></el-icon>
+                <span>收藏</span>
+              </div>
             </div>
             <div class="other">
               <div class="other_1">
@@ -204,13 +206,35 @@ const toCollect = async () => {
         margin-right: 40px;
         width: 765px;
         overflow: hidden;
-        h2 {
+
+        .info_title {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
           margin-bottom: 20px;
-          font-size: 24px;
-          font-weight: bold;
-          line-height: 59px;
-          color: #282828;
+
+          .name {
+            font-size: $global-font-size-24;
+            font-weight: bold;
+            color: #282828;
+          }
+          .collect {
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            width: 15%;
+            font-size: $global-font-size-20;
+            color: #929292;
+            cursor: default;
+            span {
+              margin: 0 0 0 5px;
+            }
+          }
+          .iscollect {
+            color: #1073ff;
+          }
         }
+
         .other {
           display: flex;
           justify-content: space-between;

src/views/detail/platformDetail.vue

@@ -198,7 +198,7 @@ const toCollect = async () => {
               display: flex;
               align-items: center;
               justify-content: flex-end;
-              width: 10%;
+              width: 15%;
               font-size: $global-font-size-20;
               color: #929292;
               cursor: default;

src/views/detail/serviceDetail.vue

@@ -165,7 +165,7 @@ const toCollect = async () => {
               display: flex;
               align-items: center;
               justify-content: flex-end;
-              width: 10%;
+              width: 15%;
               font-size: $global-font-size-20;
               color: #929292;
               cursor: default;

src/views/detail/supplyDetail.vue

@@ -207,7 +207,7 @@ const toCollect = async () => {
           display: flex;
           align-items: center;
           justify-content: flex-end;
-          width: 10%;
+          width: 15%;
           font-size: $global-font-size-20;
           color: #929292;
           cursor: default;