52 lines
801 B
Vue
52 lines
801 B
Vue
<template>
|
||
<view class="container">
|
||
<view class="list">
|
||
<view class="item" v-for="item in 8" :key="item">
|
||
<view class="top">
|
||
<text class="n">000{{ item }}</text>
|
||
<text class="line">|</text>
|
||
<text>8人</text>
|
||
</view>
|
||
<view class="btm">
|
||
<text>可预约：已满</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {};
|
||
},
|
||
onload() {}
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.container {
|
||
padding: $paddingSize;
|
||
}
|
||
.list {
|
||
.item {
|
||
padding: $paddingSize;
|
||
border-radius: 12upx;
|
||
background: $linear-color-priamry;
|
||
&:not(:first-child) {
|
||
margin-top: $paddingSize;
|
||
}
|
||
text {
|
||
color: #66421f;
|
||
font-size: 28upx;
|
||
}
|
||
.n {
|
||
font-weight: bold;
|
||
}
|
||
.line {
|
||
padding: 0 20upx;
|
||
}
|
||
}
|
||
}
|
||
</style>
|