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', }" >