Просмотр исходного кода

```
feat(WorkflowDetail): 更新工作流详情页面按钮样式

- 为主按钮添加渐变样式和固定高度
- 将下载工作流按钮改为标签组件以提升用户体验
- 调整按钮尺寸和间距优化界面布局
```

zhangningning недель назад: 3
Родитель
Сommit
d6dda5ff72
1 измененных файлов с 7 добавлено и 5 удалено
  1. 7 5
      src/pages/WorkflowDetail.vue

+ 7 - 5
src/pages/WorkflowDetail.vue

@@ -65,16 +65,18 @@
               <el-button type="success" plain size="mini" v-if="ruleForm.workflowPrice === 0">{{$t('common.free')}}</el-button>
             </div>
             <div class="mt20">
-              <el-button type="primary" class="font_size16" size="large" style="width: 100%;" @click="startUsing()">
+              <el-button type="primary" class="font_size16 gradient" size="large" style="width: 100%;height: 50px;" @click="startUsing()">
                 <img :src="useNowIcon" alt="员工" style="width: 30px; height: 30px;">
                 <span class="font_size18"> {{$t('common.startUsing')}}</span>
               </el-button>
             </div>
             <div class="mt20">
-              <el-button type="primary" size="large" plain style="width: 100%;" @click="downloadWorkflow()">
-                <img :src="downIcon" alt="员工" style="width: 30px; height: 30px;">
-                <span class="font_size18"> {{$t('common.downloadWorkflow')}}</span>
-              </el-button>
+              <el-tag type="primary" size="large" style="width: 100%;height: auto;" class="cursor-pointer" @click="downloadWorkflow()">
+                <div class="gap10" style="padding:8px 0;">
+                  <img :src="downIcon" alt="员工" style="width: 30px; height: 30px;">
+                  <span class="font_size18"> {{$t('common.downloadWorkflow')}}</span>
+                </div>
+              </el-tag>
             </div>
           </div>
           <!-- 工作流作者 -->