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>
|
<span>
|
||||||
<img
|
<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"
|
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
|
已结束 - 100
|
||||||
</span>
|
</span>
|
||||||
<div>移动端</div>
|
<div>移动端</div>
|
||||||
@@ -31,10 +32,10 @@
|
|||||||
align-items: start;
|
align-items: start;
|
||||||
width: calc(194px / 1.25);
|
width: calc(194px / 1.25);
|
||||||
height: calc(144px / 1.2);
|
height: calc(144px / 1.2);
|
||||||
box-shadow: 4px 4px 3px 2px #e0e0e0;
|
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
box-shadow: 4px 4px 3px 2px #e0e0e0;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|||||||
Reference in New Issue
Block a user