class name update

Former-commit-id: 6575dff60ef12539623ca10538a4c1d318b2d0c2 [formerly 6575dff60ef12539623ca10538a4c1d318b2d0c2 [formerly 6575dff60ef12539623ca10538a4c1d318b2d0c2 [formerly 6575dff60ef12539623ca10538a4c1d318b2d0c2 [formerly 737e1689b63b77e9bdd5969127a5ba6a8492f1d6 [formerly 6d42030028bce82305343d2187730d6991346280]]]]]
Former-commit-id: c5da9af0c5d5794f73c1af3b2133511bf9c18a9d
Former-commit-id: d86c72fa624959de62e73e4042bd9005bd41c741
Former-commit-id: 39d4feab712a438e88397c49d982663a58e4622b [formerly 002a51c90ed72ed063c09fe49db2f13442653a18]
Former-commit-id: 971ed6ed1c8c3143120b3ee7d73f51ea6506ebe9
Former-commit-id: 44748c7f2df42c5573c94e591e4795291558730b
Former-commit-id: 657443430f9ffba9a40a742ddd9d3654efe66e5d
Former-commit-id: b266ca835f80015b5774b534db55eca0a8f54673
Former-commit-id: e654a18e1597499179b6e4b3a42bb620b4b781e5

src/components/d2-page-cover/index.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="page-cover">
+  <div class="d2-page-cover">
-    <div class="page-cover__logo">
+    <div class="d2-page-cover__logo">
       <slot/>
     </div>
-    <p class="page-cover__title">{{title}}</p>
+    <p class="d2-page-cover__title">{{title}}</p>
-    <p class="page-cover__sub-title d2-mt-0">{{subTitle}}</p>
+    <p class="d2-page-cover__sub-title d2-mt-0">{{subTitle}}</p>
     <slot name="footer"/>
     <a target="blank" href="https://github.com/d2-projects/d2-admin">
       <img
@@ -34,29 +34,22 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
-.page-index-article-header {
+.d2-page-cover {
-  overflow: hidden;
-  .page-index-article-header__title {
-    display: inline-block;
-    padding: 12px 20px;
-  }
-}
-.page-cover {
   @extend %full;
   @extend %unable-select;
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
   align-items: center;
-  .page-cover__logo {
+  .d2-page-cover__logo {
     img {
       width: 200px;
     }
   }
-  .page-cover__title {
+  .d2-page-cover__title {
     color: $color-text-main;
   }
-  .page-cover__sub-title {
+  .d2-page-cover__sub-title {
     color: $color-text-sub;
   }
 }

src/pages/demo/components/countup/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" class="page-demo-components-countup">
+  <d2-container type="card" class="page">
     <template slot="header">数字动画组件</template>
     <el-row :gutter="20">
       <el-col :span="6">
@@ -76,21 +76,18 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
-.page-demo-components-countup {
+.page {
-  .el-card {
+  .group {
-    @extend %unable-select;
+    display: flex;
-    .group {
+    justify-content: center;
-      display: flex;
+    align-items: center;
-      justify-content: center;
+    span {
-      align-items: center;
+      font-size: 60px;
-      span {
+      &.end {
-        font-size: 60px;
+        padding: 0px 20px;
-        &.end {
+        border-radius: 4px;
-          padding: 0px 20px;
+        background-color: $color-success;
-          border-radius: 4px;
+        color: #FFF;
-          background-color: $color-success;
-          color: #FFF;
-        }
       }
     }
   }

src/pages/demo/components/layout/grid.vue

@@ -11,7 +11,7 @@
         @move="moveHandler"
         @resized="resizedHandler"
         @moved="movedHandler">
-        <el-card shadow="never">
+        <el-card shadow="never" class="page_card">
           <el-tag size="mini" type="info" slot="header">Card {{item.i}}</el-tag>
           <template v-if="item.i === '0'">
             <div class="d2-mb">拖拽卡片调整位置</div>
@@ -104,7 +104,7 @@ export default {
     background-color: $color-bg;
     border-radius: 4px;
     margin: -10px;
-    .el-card {
+    .page_card {
       height: 100%;
       @extend %unable-select;
     }

src/pages/demo/playground/store/gray/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <d2-container type="card" class="page-demo-playground-gray">
+  <d2-container type="card" class="page">
     <template slot="header">
       <div class="colorful">{{grayActive ? 'GRAY' : 'COLORFUL'}}</div>
     </template>
@@ -68,7 +68,7 @@ export default {
 
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
-.page-demo-playground-gray {
+.page {
   .colorful {
     @extend %unable-select;
     line-height: 300px;

src/pages/error-page-404/page.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="page-404">
+  <div class="page">
-    <p class="page-404_title">page not found</p>
+    <p class="page_title">page not found</p>
     <el-button class="d2-mt" @click="$router.replace({ path: '/' })">
       返回首页
     </el-button>
@@ -9,7 +9,7 @@
 
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
-.page-404 {
+.page {
   background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
   background-blend-mode: multiply,multiply;
   height: 100%;
@@ -17,7 +17,7 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  .page-404_title {
+  .page_title {
     font-size: 20px;
     color: #FFF;
   }