修改样式

src/views/detail/achievementDetail.vue

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

src/views/detail/expertDetail.vue

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

src/views/detail/matchDetail.vue

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

src/views/detail/platformDetail.vue

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

src/views/detail/projectDetail.vue

@@ -57,19 +57,19 @@
             <div class="right_title">
               <div class="type">{{ info.progress || '暂无' }}</div>
               <div class="title textOne">项目商业计划书</div>
+              <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="pdf_item" :class="['image' + num]">
               <div class="pdf_type textOne">{{ info.industry || '暂无' }}</div>
               <div class="title">
                 <p class="ellipsis-3">{{ info.name || '暂无' }}</p>
-                <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>
               </div>
               <div class="address">
                 <el-icon color="#595959"><Location /></el-icon>
@@ -369,6 +369,23 @@ provide('submitForm', submitForm)
             color: #ff6600;
             text-align: center;
           }
+          .collect {
+            position: absolute;
+            right: 0;
+            top: 0;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            font-size: $global-font-size-20;
+            color: #929292;
+            cursor: default;
+            span {
+              margin: 0 0 0 5px;
+            }
+          }
+          .iscollect {
+            color: #1073ff;
+          }
         }
         .pdf_item {
           position: relative;

src/views/detail/serviceDetail.vue

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