fix(image): css standard

Tencent · Dec 16, 2021 · 707f9ec · 707f9ec
1 parent 85ccd28
commit 707f9ec
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 27 deletions.
diff --git a/src/image/image.less b/src/image/image.less
@@ -1,28 +1,21 @@
-// @import '../common/style/index.less';
+@import '../common/style/index.less';
 
-.t-image__mask {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #f2f2f2;
-  color: #ccc;
-}
-
-// .t-image-icon {
-//   display: flex;
-//   align-items: center;
-//   justify-content: center;
-//   width: 100%;
-//   height: 100%;
-//   font-size: inherit;
-// }
+.@{prefix}-image {
+  &__mask {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #f2f2f2;
+    color: #ccc;
+  }
 
-.t-image-common {
-  width: 100%;
-  height: 100%;
-}
+  &--loading-text {
+    width: 0px;
+    height: 0px;
+  }
 
-.t-image-loading-text {
-  width: 0px;
-  height: 0px;
+  &__common {
+    width: 100%;
+    height: 100%;
+  }
 }
diff --git a/src/image/image.wxml b/src/image/image.wxml
@@ -9,11 +9,11 @@
     size="40rpx"
     loading
     class="t-class-load"
-    t-class-text="{{classPrefix}}-loading-text"
+    t-class-text="{{classPrefix}}--loading-text"
   ></t-loading>
   <view
     wx:elif="{{loading !== 'slot' && loading !== ''}}"
-    class="{{classPrefix}}-common t-class-load"
+    class="{{classPrefix}}__common t-class-load"
   >
     {{loading}}
   </view>
@@ -33,7 +33,7 @@
   </view>
   <view
     wx:elif="{{loadFailed !== 'slot' && loadFailed !== ''}}"
-    class="{{classPrefix}}-common t-class-load"
+    class="{{classPrefix}}__common t-class-load"
   >
     {{loadFailed}}
   </view>