<template lang="html">
<div class="frameDiv">
<div class="frame">
<div class="title">{
{ title }}</div>
<div class="num">{
{ num }}</div>
</div>
</div>
</template>
<script>
export default {
name: 'frameDiv',
props: {
title: String,
num: Number
}
}
</script>
<style lang="less" scoped>
.frameDiv {
position: relative;
margin-right: 18px;
background:rgba(56,62,88,0.8);
.frame {
position: absolute;
// top: -1px;
// left: -1px;
width: 154px;
height: 71px;
box-shadow:0px 0px 9px 0px rgba(82,255,226,0.23) inset;
background: linear-gradient(to left, #00CDA2, #00CDA2) left top no-repeat,
linear-gradient(to bottom, #00CDA2, #00CDA2) left top no-repeat,
linear-gradient(to left, #00
div只有四个角有边框(vue组件)
最新推荐文章于 2024-05-25 08:44:35 发布