51 lines
811 B
Vue
51 lines
811 B
Vue
<template>
|
|
<view class="box">
|
|
<view class="sheet">
|
|
<view class="fold" />
|
|
<view class="line" />
|
|
<view class="line short" />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default { name: 'FyFileMark' }
|
|
</script>
|
|
|
|
<style scoped>
|
|
.box {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #1677FF;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.sheet {
|
|
width: 44%;
|
|
height: 54%;
|
|
background: #fff;
|
|
border-radius: 6rpx;
|
|
position: relative;
|
|
}
|
|
.fold {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 32%;
|
|
height: 28%;
|
|
background: #D6E8FF;
|
|
border-bottom-left-radius: 6rpx;
|
|
}
|
|
.line {
|
|
position: absolute;
|
|
left: 16%;
|
|
right: 16%;
|
|
top: 50%;
|
|
height: 3rpx;
|
|
background: #1677FF;
|
|
border-radius: 3rpx;
|
|
}
|
|
.line.short { top: 66%; right: 38%; }
|
|
</style>
|