diff --git a/src/images/content/frame-wrap.png b/src/images/content/frame-wrap.png new file mode 100644 index 0000000..1300370 --- /dev/null +++ b/src/images/content/frame-wrap.png diff --git a/src/view/VHome.vue b/src/view/VHome.vue index e6a2634..36d4297 100644 --- a/src/view/VHome.vue +++ b/src/view/VHome.vue @@ -57,7 +57,11 @@ export default { } .frame-wrap{ height: calc((100% - 20px)/3); - background: #f00; + border-image-source: url("../images/content/frame-wrap.png"); + border-image-slice: 10 16 15 10 fill; + border-width: 10px 16px 15px 10px; + border-style: solid; + background-clip: border-box; }