江西小程序管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

71 lines
1.4 KiB

<template>
<view class="pageBgImg">
<topNavbar title="模板"></topNavbar>
<view class="pad">
<view class="card">
<view class="tit_row">
<view class="tit">模板标题</view>
<view class="manage" @click="$goPage('/pages/recordEntry/operate/mySchedule/mouldEdit/mouldEdit')">管理</view>
</view>
<view class="ul">
<view class="li lab">
<view class="text">时间段</view>
<view class="text">最多人数</view>
</view>
<view class="li" v-for="(item,index) in list" :key="index">
<view class="text">{{ item.time}}</view>
<view class="text">{{ item.num }}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [
{time: '7:00-8:00', num: '4人'},
{time: '7:00-8:00', num: '4人'},
{time: '7:00-8:00', num: '4人'},
{time: '7:00-8:00', num: '4人'},
]
}
}
}
</script>
<style lang="scss" scoped>
.card {
padding: 0 28rpx;
margin-bottom: 24rpx;
.tit_row {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2rpx solid #E8E9EC;
height: 96rpx;
font-weight: 500;
.manage {
color: $themC;
}
}
.ul {
padding-bottom: 20rpx;
.li {
padding: 12rpx;
display: flex;
color: #333;
&.lab {
color: #ADADAD;
}
.text {
flex: 1;
text-align: center;
}
}
}
}
</style>