feat: 添加模板页面
This commit is contained in:
38
src/views/Market/Index.vue
Normal file
38
src/views/Market/Index.vue
Normal 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>
|
||||
@@ -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;
|
||||
|
||||
* {
|
||||
|
||||
Reference in New Issue
Block a user