开立融信样式调整

front-vue/src/App.vue

@@ -1,79 +1,109 @@
 <template>
-  <div id="app">
+<div id="app">
     <router-view />
-  </div>
+</div>
 </template>
 
 <script>
-export default  {
-  name:  'App'
+export default {
+    name: 'App'
 }
 </script>
-<style>
-.el-table__fixed-right{
-  height: 100% !important; 
- }
- .zap-main{
-   min-height: 100vh;
-   background-color: #f4f5f6;
- }
- .zap-padding{
-   padding: 0 30px;
- }
- .zap-padding-start{
-   padding-left: 25px;
- }
- .zap-padding-end{
-   padding-right: 25px;
- }
- .zap-margin-top{
-   margin-top: 20px;
- }
- .zap-content{
-   padding: 20px;
-   background-color: #ffffff;
- }
- .zap-font-title{
-   display: inline-block;
-   line-height: 36px;
-   font-size: 18px;
-   color: #333333;
- }
- .zap-table{
-   padding: 0 14px;
-   box-sizing: border-box;
- }
- .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
-   height: 40px;
-   font-size: 14px;
-   color: #333333;
- }
- .el-table__row{
-   height: 44px;
-   font-size: 14px;
-   color: #333333;
- }
- .el-table::before, .el-table--group::after, .el-table--border::after{
-   background-color: transparent;
- }
- .el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{
-   border: none;
- }
- .pagination-container{
-   display: flex;
-   align-items: center;
-   height: 56px;
-   margin: 0;
-   padding: 0 14px;
- }
- .el-button--medium{
-   min-width: 102px;
- }
- .zap-pull-left{
-   text-align: left;
- }
- .el-form-item__label{
-   font-size: 14px !important;;
-   color: #333333;
- }
+
+<style lang="scss">
+.el-table__fixed-right {
+    height: 100% !important;
+}
+
+.zap-main {
+    min-height: 100vh;
+    background-color: #f4f5f6;
+}
+
+.zap-padding {
+    padding: 0 30px;
+}
+
+.zap-padding-start {
+    padding-left: 25px;
+}
+
+.zap-padding-end {
+    padding-right: 25px;
+}
+
+.zap-margin-top {
+    margin-top: 20px;
+}
+
+.zap-content {
+    padding: 20px;
+    background-color: #ffffff;
+}
+
+.zap-font-title {
+    display: inline-block;
+    line-height: 36px;
+    font-size: 18px;
+    color: #333333;
+}
+
+.zap-table {
+    padding: 0 14px;
+    box-sizing: border-box;
+}
+
+.el-table .el-table__header-wrapper th,
+.el-table .el-table__fixed-header-wrapper th {
+    height: 40px;
+    font-size: 14px;
+    color: #333333;
+}
+
+.el-table__row {
+    height: 44px;
+    font-size: 14px;
+    color: #333333;
+}
+
+.el-table::before,
+.el-table--group::after,
+.el-table--border::after {
+    background-color: transparent;
+}
+
+.el-table th.el-table__cell.is-leaf,
+.el-table td.el-table__cell {
+    border: none;
+}
+
+.pagination-container {
+    display: flex;
+    align-items: center;
+    height: 56px;
+    margin: 0;
+    padding: 0 14px;
+}
+
+.el-button--medium {
+    min-width: 102px;
+}
+
+.zap-pull-left {
+    text-align: left;
+}
+
+.el-form-item__label {
+    font-size: 14px !important;
+    ;
+    color: #333333;
+}
+
+.zap-margin-clear {
+    margin: 0;
+
+    &.el-form-item--medium.el-form-item {
+        margin: 0;
+    }
+}
 </style>

front-vue/src/views/service/credit/creditDetail.vue

@@ -26,7 +26,7 @@
             </el-col>
             <el-col :span="6">
                 <el-row type="flex" align="middle" justify="end">
-                    <el-button type="success">成功按钮</el-button>
+                    <el-button type="success">查看流程</el-button>
                 </el-row>
             </el-col>
         </el-row>