Change style lang.

src/views/attachment/AttachmentList.vue

@@ -266,14 +266,14 @@ export default {
   position: relative;
   padding-bottom: 56%;
   overflow: hidden;
-}
-.attach-thumb > img {
+  img {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }
+}
 
 .ant-card-meta {
   padding: 0.8rem;

src/views/attachment/components/AttachmentDrawer.vue

@@ -188,12 +188,7 @@ export default {
 }
 </script>
 
-<style scope>
-.post-thum .img {
-  width: 100%;
-  cursor: pointer;
-}
-
+<style lang="less" scope>
 .attach-item {
   width: 50%;
   margin: 0 auto;
@@ -202,13 +197,12 @@ export default {
   overflow: hidden;
   float: left;
   cursor: pointer;
-}
-
-.attach-item > img {
+  img {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }
+}
 </style>

src/views/attachment/components/AttachmentSelectDrawer.vue

@@ -168,12 +168,7 @@ export default {
 }
 </script>
 
-<style scope>
-.post-thum .img {
-  width: 100%;
-  cursor: pointer;
-}
-
+<style lang="less" scope>
 .attach-item {
   width: 50%;
   margin: 0 auto;
@@ -182,13 +177,12 @@ export default {
   overflow: hidden;
   float: left;
   cursor: pointer;
-}
-
-.attach-item > img {
+  img {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }
+}
 </style>

src/views/interface/ThemeList.vue

@@ -375,19 +375,7 @@ export default {
 }
 </script>
 
-<style scoped>
-.ant-divider-horizontal {
-  margin: 14px 0;
-}
-
-.theme-item .theme-control .theme-title {
-  font-size: 18px;
-}
-
-.theme-item .theme-control .theme-button {
-  float: right;
-}
-
+<style lang="less" scoped>
 .upload-button {
   position: fixed;
   bottom: 80px;