<script setup lang="ts">
import { ElRow, ElCol } from 'element-plus';
import '@/styles/common.scss'
const span = 12
</script>

<template>
    <el-row class="wrapper">
        <el-col :span="span">
            <pre>
{{ `import '@/styles/common.scss';
<template>
    <div class="background-as-card"></div>
</template>
`}}
</pre>
            <div class="background-as-card">
                <div v-for="item in [1, 2, 3, 4]" :key="item">
                    {{ item }}
                </div>
            </div>
        </el-col>
    </el-row>
</template>

<style lang="scss" scoped>
.wrapper {
    background-color: rgba(0, 0, 0, 0.068);
    padding: 10px;
}
</style>