fix: adjust the list style

arco-design · Jan 18, 2022 · a770363 · a770363
1 parent 61269cf
commit a770363
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 12 deletions.
diff --git a/arco-design-pro-vite/package.json b/arco-design-pro-vite/package.json
@@ -26,7 +26,7 @@
     ]
   },
   "dependencies": {
-    "@arco-design/web-vue": "^2.14.2",
+    "@arco-design/web-vue": "^2.15.1",
     "@vueuse/core": "^7.3.0",
     "axios": "^0.24.0",
     "dayjs": "^1.10.7",

diff --git a/arco-design-pro-vite/src/views/user/info/components/latest-activity.vue b/arco-design-pro-vite/src/views/user/info/components/latest-activity.vue
@@ -78,6 +78,7 @@ export default defineComponent({
 }
 .general-card :deep(.arco-list-item) {
   padding-left: 0;
+  border-bottom: none;
   .arco-list-item-meta-content {
     flex: 1;
     padding-bottom: 27px;

diff --git a/arco-design-pro-vite/src/views/user/setting/components/certification.vue b/arco-design-pro-vite/src/views/user/setting/components/certification.vue
@@ -7,14 +7,14 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
-import EnterpriseCertification from './enterprise-certification.vue';
-import CertificationRecords from './certification-records.vue';
 import {
   queryCertification,
   UnitCertification,
   EnterpriseCertificationModel,
 } from '@/api/user-center';
 import useLoading from '@/hooks/loading';
+import EnterpriseCertification from './enterprise-certification.vue';
+import CertificationRecords from './certification-records.vue';
 
 export default defineComponent({
   components: {

diff --git a/arco-design-pro-vite/src/views/user/setting/components/security-settings.vue b/arco-design-pro-vite/src/views/user/setting/components/security-settings.vue
@@ -100,11 +100,17 @@ export default defineComponent({
 </script>
 
 <style scoped lang="less">
-:deep(.arco-list-item-meta-avatar) {
-  margin-bottom: 1px;
-}
-:deep(.arco-typography) {
-  margin-bottom: 20px;
+:deep(.arco-list-item) {
+  border-bottom: none !important;
+  .arco-typography {
+    margin-bottom: 20px;
+  }
+  .arco-list-item-meta-avatar {
+    margin-bottom: 1px;
+  }
+  .arco-list-item-meta {
+    padding: 0;
+  }
 }
 :deep(.arco-list-item-meta-content) {
   flex: 1;

diff --git a/arco-design-pro-vite/yarn.lock b/arco-design-pro-vite/yarn.lock
@@ -9,10 +9,10 @@
   dependencies:
     color "^3.1.3"
 
-"@arco-design/web-vue@^2.14.2":
-  version "2.14.2"
-  resolved "https://registry.yarnpkg.com/@arco-design/web-vue/-/web-vue-2.14.2.tgz#359253a8332da6dbc9090356a89d0908bada5fa4"
-  integrity sha512-XZvn4H6AxXDWvr4FLP4SkuG8BC9RmyoOAkCclF+nJ/vwsk25yoOf0pbi7lwQ7SU1+MzaHW5GeY5D1BMJJiJPyA==
+"@arco-design/web-vue@^2.15.1":
+  version "2.15.1"
+  resolved "https://registry.yarnpkg.com/@arco-design/web-vue/-/web-vue-2.15.1.tgz#7cfb98fba60074e724d6dc6bfda8679c4edd003a"
+  integrity sha512-mmnf3tgvgdrvRXEtsBYjErv4SPt/gACAnPRhOZC6eawTpU2q3o9wK1oEohGkhM0exMqJB6EWUg3YsVHTBT9MNQ==
   dependencies:
     "@arco-design/color" "^0.4.0"
     b-tween "^0.3.3"