Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | 7x 7x 7x 7x 7x | <template>
<div :class="$style.fake" v-if="$env.VUE_APP_DESIGNER" :designer="$env.VUE_APP_DESIGNER && designer">
<router-view></router-view>
</div>
<router-view v-else-if="disableKeepAlive"></router-view>
<keep-alive v-else>
<router-view></router-view>
</keep-alive>
</template>
<script>
export default {
name: 'u-router-view',
props: {
designer: { type: Boolean, default: true },
disableKeepAlive: { type: Boolean, default: true },
},
};
</script>
<style module>
.fake:empty {
min-height: 32px;
text-align: center;
}
.fake[designer]:empty {
background: linear-gradient(-45deg, white 25%,
#f3f5fa 25%, #f3f5fa 50%,
white 50%, white 75%,
#f3f5fa 75%);
background-size: 45px 45px !important;
background-repeat: repeat !important;
}
.fake:empty:after {
content: '此容器为子页面呈现占位，可在子页面编辑内容';
font-size: 12px;
line-height: 32px;
color: var(--font-second-color);
}
</style>
|