Ver código fonte

```
feat(components): 为按钮组件添加渐变样式

- 为课程卡片中的开始使用按钮添加gradient类
- 为搜索平台页面的搜索按钮和创建按钮添加gradient类
- 在样式文件中定义gradient样式,包含线性渐变背景和无边框样式
```

zhangningning 2 dias atrás
pai
commit
59d0f506dc

+ 1 - 1
src/components/course-card.vue

@@ -20,7 +20,7 @@
         <el-icon class="mr10"><Document /></el-icon>
         查看详情
       </el-button>
-      <el-button type="primary" class="flex_1" size="large">
+      <el-button type="primary" class="flex_1 gradient" size="large">
         <el-icon class="mr10"><VideoPlay /></el-icon>
         开始使用
       </el-button>

+ 2 - 2
src/pages/SearchPlatform.vue

@@ -11,12 +11,12 @@
               :placeholder="$t('common.qingshuruyaosousuodegongzuoliu')"
               class="search-input"
             />
-            <button class="search-btn bg_color_primary">
+            <button class="search-btn bg_color_primary gradient">
               <img :src="searchIcon" alt="" class="icon-search">
               {{$t('common.shousuo')}}
             </button>
           </div>
-          <button class="create-btn bg_color_primary" @click.stop.prevent="goWorkflowAdd">
+          <button class="create-btn bg_color_primary gradient" @click.stop.prevent="goWorkflowAdd">
             <img :src="addIcon" alt="" class="icon-add">
             {{$t('common.chuangjiangongzuoliu')}}
           </button>

+ 1 - 0
src/styles/index.scss

@@ -63,6 +63,7 @@ body{
 }
 .gradient{
 	background: linear-gradient( 90deg, #0055FE 0%, #C832FA 100%);
+	border: none;
 }
 // 清除浮动
 .clearfix::after {