vue 背景组件

最新推荐文章于 2024-05-26 09:43:09 发布

胜杰720

最新推荐文章于 2024-05-26 09:43:09 发布

阅读量100

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_71574589/article/details/133771943

版权

<template>
    <div class="basic-container">
      <!-- <el-card class="basic-container__card">
      </el-card> -->
        <slot></slot>
    </div>
</template>

<script>
export default {
// name: "basicContainer",
//     props: {
//         radius: {
//             type: [String, Number],
//                 default: 10
//             },
//             background: {
//                 type: String
//             },
//             block: {
//                 type: Boolean,
//                 default: false
//             }
//     },
//     computed: {
//         styleName () {
//             return {
//                 borderRadius: `${this.radius}px`,
//                 background: this.background,
//             }
//         }
//     }
};
</script>

<style lang="scss">
.basic-container {
    width: calc(100% - 20px);
    height: calc(86.5vh - 10px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    margin: 10px auto;
    border-radius: 5px;
}
</style>

// 背景 vue3 挂载全部方法

import Mina from '@/components/mina/index'

app.component('Mina', Mina)