diff --git a/public/images/access-icon.png b/public/images/access-media.png
similarity index 100%
rename from public/images/access-icon.png
rename to public/images/access-media.png
diff --git a/public/images/access-network.png b/public/images/access-network.png
index 90828abe..2bd14ec6 100644
Binary files a/public/images/access-network.png and b/public/images/access-network.png differ
diff --git a/public/images/access-protocol.png b/public/images/access-protocol.png
index 37b8158e..628ec99b 100644
Binary files a/public/images/access-protocol.png and b/public/images/access-protocol.png differ
diff --git a/src/views/link/AccessConfig/components/AccessCard/index.vue b/src/views/link/AccessConfig/components/AccessCard/index.vue
index 7ce0183d..be2c942a 100644
--- a/src/views/link/AccessConfig/components/AccessCard/index.vue
+++ b/src/views/link/AccessConfig/components/AccessCard/index.vue
@@ -3,7 +3,7 @@
hoverable
:class="[
'card-render',
- 'container',
+ `access-${data.type || 'network'}`,
checked === data.id ? 'checked' : '',
]"
@click="checkedChange(data.id)"
@@ -41,6 +41,7 @@ const props = defineProps({
default: () => {},
},
});
+console.log(111, props.data);
const checkedChange = (id: string) => {
emit('checkedChange', id);
@@ -106,8 +107,16 @@ const checkedChange = (id: string) => {
}
}
}
-.container {
- background: url('/public/images/access-icon.png') no-repeat;
+.access-media {
+ background: url('/public/images/access-media.png') no-repeat;
+ background-position: bottom right;
+}
+.access-network {
+ background: url('/public/images/access-network.png') no-repeat;
+ background-position: bottom right;
+}
+.access-protocol {
+ background: url('/public/images/access-protocol.png') no-repeat;
background-position: bottom right;
}
diff --git a/src/views/link/AccessConfig/components/Cloud/Ctwing.vue b/src/views/link/AccessConfig/components/Cloud/Ctwing.vue
index 22d34c9f..f29d2089 100644
--- a/src/views/link/AccessConfig/components/Cloud/Ctwing.vue
+++ b/src/views/link/AccessConfig/components/Cloud/Ctwing.vue
@@ -193,7 +193,7 @@
diff --git a/src/views/link/AccessConfig/components/Cloud/OneNet.vue b/src/views/link/AccessConfig/components/Cloud/OneNet.vue
index 2d21a0b4..922e19f1 100644
--- a/src/views/link/AccessConfig/components/Cloud/OneNet.vue
+++ b/src/views/link/AccessConfig/components/Cloud/OneNet.vue
@@ -275,7 +275,7 @@
diff --git a/src/views/link/AccessConfig/components/Network/index.vue b/src/views/link/AccessConfig/components/Network/index.vue
index a352aab6..d1b1e462 100644
--- a/src/views/link/AccessConfig/components/Network/index.vue
+++ b/src/views/link/AccessConfig/components/Network/index.vue
@@ -40,6 +40,7 @@
description: item.description
? item.description
: descriptionList[provider.id],
+ type: 'network',
}"
>
@@ -118,12 +119,12 @@
v-for="item in procotolList"
:key="item?.id"
>
-
-
+