feat: 添加模板页面

This commit is contained in:
Huangzhe
2025-03-04 15:42:06 +08:00
parent dd33757681
commit b0b1befd3a
2 changed files with 41 additions and 2 deletions

View File

@@ -0,0 +1,38 @@
<template>
<div class="container">
<div v-for="item in 10" :key="item" class="template">
<img src="https://picsum.photos/131/128" width="110" height="100" alt="" />
<span>报名/签到模板</span>
<span style="color: rgb(127, 127, 127);">报名签到 | 引用 {{ item }} | 创建人: {{ '张三' }}</span>
</div>
</div>
</template>
<script setup lang="ts"></script>
<style scoped lang="scss">
.container {
display: flex;
flex-flow: row wrap;
// background-color: white;
justify-content: space-around;
.template {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: calc(204px / 1.3);
height: calc(193px / 1.3);
margin: 8px;
border-radius: 6px;
background-color: white;
box-shadow: 4px 4px 3px 2px #e0e0e0;
* {
font-size: 10px;
}
}
}
</style>

View File

@@ -4,7 +4,8 @@
<span>
<img
src="https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%97%AE%E5%8D%B7/u35.svg?pageId=04b2dc46-144e-4349-9301-11852899b094"
alt="" />
alt=""
/>
已结束 - 100
</span>
<div>移动端</div>
@@ -31,10 +32,10 @@
align-items: start;
width: calc(194px / 1.25);
height: calc(144px / 1.2);
box-shadow: 4px 4px 3px 2px #e0e0e0;
margin: 10px 0;
padding: 5px;
background-color: white;
box-shadow: 4px 4px 3px 2px #e0e0e0;
font-size: 12px;
* {