Browse Source

Merge branch 'master' of http://git.shengws.com/zhangbj/scrm-vue

xiaoming_global 5 years ago
parent
commit
4e77619d2a
2 changed files with 41 additions and 35 deletions
  1. 1 1
      src/scrm_pages/members/cards.vue
  2. 40 34
      src/styles/index.scss

+ 1 - 1
src/scrm_pages/members/cards.vue View File

2
   <div class="main-contain">
2
   <div class="main-contain">
3
     <div class="position">
3
     <div class="position">
4
       <bread-crumb :crumbs='crumbs'></bread-crumb>
4
       <bread-crumb :crumbs='crumbs'></bread-crumb>
5
-      <el-col :span="5" style="text-align: right;">
5
+      <el-col :span="16" style="text-align: right;">
6
         <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="openCreate">添加会员卡</el-button>
6
         <el-button type="primary" size="small" icon="el-icon-circle-plus-outline" @click="openCreate">添加会员卡</el-button>
7
         <el-button  type="primary" size="small" icon="el-icon-setting" @click="openRight">会员权益配置</el-button>
7
         <el-button  type="primary" size="small" icon="el-icon-setting" @click="openRight">会员权益配置</el-button>
8
       </el-col>
8
       </el-col>

+ 40 - 34
src/styles/index.scss View File

1
-@import './variables.scss';
2
-@import './mixin.scss';
3
-@import './transition.scss';
4
-@import './element-ui.scss';
5
-@import './sidebar.scss';
6
-@import './btn.scss';
7
-@import './reset.scss';
1
+@import "./variables.scss";
2
+@import "./mixin.scss";
3
+@import "./transition.scss";
4
+@import "./element-ui.scss";
5
+@import "./sidebar.scss";
6
+@import "./btn.scss";
7
+@import "./reset.scss";
8
 body {
8
 body {
9
   height: 100%;
9
   height: 100%;
10
   -moz-osx-font-smoothing: grayscale;
10
   -moz-osx-font-smoothing: grayscale;
11
   -webkit-font-smoothing: antialiased;
11
   -webkit-font-smoothing: antialiased;
12
   text-rendering: optimizeLegibility;
12
   text-rendering: optimizeLegibility;
13
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
13
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
14
+    Microsoft YaHei, Arial, sans-serif;
14
 }
15
 }
15
 
16
 
16
 ul {
17
 ul {
122
 }
123
 }
123
 
124
 
124
 .warn-content {
125
 .warn-content {
125
-  background: rgba(66, 185, 131, .1);
126
+  background: rgba(66, 185, 131, 0.1);
126
   border-radius: 2px;
127
   border-radius: 2px;
127
   padding: 16px;
128
   padding: 16px;
128
   padding: 1rem;
129
   padding: 1rem;
129
   line-height: 1.6rem;
130
   line-height: 1.6rem;
130
-  word-spacing: .05rem;
131
+  word-spacing: 0.05rem;
131
   a {
132
   a {
132
     color: #42b983;
133
     color: #42b983;
133
     font-weight: 600;
134
     font-weight: 600;
152
 }
153
 }
153
 
154
 
154
 .text-center {
155
 .text-center {
155
-  text-align: center
156
+  text-align: center;
156
 }
157
 }
157
 
158
 
158
 .sub-navbar {
159
 .sub-navbar {
163
   text-align: right;
164
   text-align: right;
164
   padding-right: 20px;
165
   padding-right: 20px;
165
   transition: 600ms ease position;
166
   transition: 600ms ease position;
166
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
167
+  background: linear-gradient(
168
+    90deg,
169
+    rgba(32, 182, 249, 1) 0%,
170
+    rgba(32, 182, 249, 1) 0%,
171
+    rgba(33, 120, 241, 1) 100%,
172
+    rgba(33, 120, 241, 1) 100%
173
+  );
167
   .subtitle {
174
   .subtitle {
168
     font-size: 20px;
175
     font-size: 20px;
169
     color: #fff;
176
     color: #fff;
218
     font-weight: 700;
225
     font-weight: 700;
219
     &::before,
226
     &::before,
220
     &::after {
227
     &::after {
221
-      content: '';
228
+      content: "";
222
       display: block;
229
       display: block;
223
       position: absolute;
230
       position: absolute;
224
       top: 23px;
231
       top: 23px;
350
   .cell.clearfix {
357
   .cell.clearfix {
351
     margin: 0px 0 12px 0;
358
     margin: 0px 0 12px 0;
352
     display: flex;
359
     display: flex;
353
-    align-items:center;
360
+    align-items: center;
354
     justify-content: flex-start;
361
     justify-content: flex-start;
355
     box-sizing: border-box;
362
     box-sizing: border-box;
356
     color: #333;
363
     color: #333;
357
-    .el-button--primary{
364
+    .el-button--primary {
358
       margin-left: 6px;
365
       margin-left: 6px;
359
     }
366
     }
360
     .title {
367
     .title {
361
-      width: 80px;
368
+      min-width: 80px;
362
       display: inline-block;
369
       display: inline-block;
363
       font-weight: normal;
370
       font-weight: normal;
364
       color: #909399;
371
       color: #909399;
425
 .dataTitle {
432
 .dataTitle {
426
   color: #303133;
433
   color: #303133;
427
   font-size: 14px;
434
   font-size: 14px;
428
-  border-bottom: 2px #E4E7ED solid;
435
+  border-bottom: 2px #e4e7ed solid;
429
   height: 36px;
436
   height: 36px;
430
   line-height: 36px;
437
   line-height: 36px;
431
   margin: 0 0 25px 0;
438
   margin: 0 0 25px 0;
441
   }
448
   }
442
 }
449
 }
443
 
450
 
444
-
445
-.el-dialog__wrapper{
451
+.el-dialog__wrapper {
446
   // z-index: 2012 !important;
452
   // z-index: 2012 !important;
447
 }
453
 }
448
 
454
 
449
-.el-dialog{
455
+.el-dialog {
450
   left: 50% !important;
456
   left: 50% !important;
451
   position: fixed !important;
457
   position: fixed !important;
452
   top: 50% !important;
458
   top: 50% !important;
453
-  transform: translate(-50%,-50%) !important;
459
+  transform: translate(-50%, -50%) !important;
454
   margin-top: 0 !important;
460
   margin-top: 0 !important;
455
 }
461
 }
456
 
462
 
457
-.el-dialog__wrapper{
463
+.el-dialog__wrapper {
458
   // z-index: 9999!important;
464
   // z-index: 9999!important;
459
 }
465
 }
460
-.el-message{
461
-  z-index: 99999!important;
466
+.el-message {
467
+  z-index: 99999 !important;
462
 }
468
 }
463
-.el-select-dropdown{
469
+.el-select-dropdown {
464
   // z-index: 2003!important;
470
   // z-index: 2003!important;
465
 }
471
 }
466
 // .patient-app-container {
472
 // .patient-app-container {
473
   margin-right: 0;
479
   margin-right: 0;
474
   background: #fff;
480
   background: #fff;
475
 }
481
 }
476
-.patient-name{
482
+.patient-name {
477
   color: #606266;
483
   color: #606266;
478
   font-size: 14px;
484
   font-size: 14px;
479
   padding: 15px 0 15px 0;
485
   padding: 15px 0 15px 0;
480
   display: block;
486
   display: block;
481
-  border-bottom: 1px #E4E7ED solid;
487
+  border-bottom: 1px #e4e7ed solid;
482
   margin: 0 18px;
488
   margin: 0 18px;
483
   flex: 1;
489
   flex: 1;
484
 }
490
 }
485
-.el-button+.el-button{
491
+.el-button + .el-button {
486
   // margin-left: 0;
492
   // margin-left: 0;
487
 }
493
 }
488
 // 病人管理-病程管理
494
 // 病人管理-病程管理
491
   color: gray;
497
   color: gray;
492
   margin-right: 6px;
498
   margin-right: 6px;
493
 }
499
 }
494
-.Total{
495
- margin:0 0 10px 0;
496
- float: right;
500
+.Total {
501
+  margin: 0 0 10px 0;
502
+  float: right;
497
 }
503
 }
498
-.cellLine{
499
-  color: #C0C4CC;
504
+.cellLine {
505
+  color: #c0c4cc;
500
   padding: 0 3px;
506
   padding: 0 3px;
501
 }
507
 }
502
 
508
 
542
       }
548
       }
543
     }
549
     }
544
   }
550
   }
545
-}
551
+}