caimei-applets-caimei/pages/login/components/basicOperationsProducts.vue

<template>
    <view class="basicoperation">
        <slot name="supplier-title"></slot>
        <view class="basicoperation_container">
            <image class="defalut author" v-if="!show" src="@/static/supplier-login/basicoperation/author-default.png" mode=""></image>
            <image class="defalut store" v-if="!show" src="@/static/supplier-login/basicoperation/store-default.png" mode=""></image>
            <image class="defalut author-empty" v-if="show" src="@/static/supplier-login/basicoperation/author-empty.png" mode=""></image>
            <image class="defalut store-empty" v-if="show" src="@/static/supplier-login/basicoperation/store-empty.png" mode=""></image>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            show: false,
        }
    },
}
</script>

<style scoped lang="scss">
.defalut {
    width: 610rpx;
    height: 570rpx;
    position: absolute;
    border: 1px solid;
    box-sizing: border-box;
}
.basicoperation {
    padding: 1px;
    box-sizing: border-box;
    background-color: #fff;
    .basicoperation_container {
        height: 690rpx;
        padding: 0 70rpx;
        box-sizing: border-box;
        position: relative;
    }
}
</style>