Update style (926e5293) · Commits · sustech-online / sustech-online-ng

docs/.vuepress/components/Canteen.vue

+3 −3

Original line number	Diff line number	Diff line
		@@ -7,7 +7,7 @@
		}">
		<a-segmented v-model:value="initSelect" :options="tabOptions" @change="switchTab">
		<template #label="{ payload }">
		<div style="padding: 4px 8px">
		<div style="padding: 4px 2px">
		<div>{{ payload.title }}</div>
		<div>{{ payload.subTitle }}</div>
		</div>
		@@ -65,14 +65,14 @@ export default {
		value: 'realtime-queue-length',
		payload: {
		title: '实时排队人数',
		subTitle: 'Realtime Queue Length',
		subTitle: 'Queue Length',
		},
		},
		{
		value: 'queue-trend-chart',
		payload: {
		title: '排队趋势图',
		subTitle: 'Queue Trend Chart',
		subTitle: 'Queue Trend',
		},
		},
		{

docs/.vuepress/components/canteen/RealtimeTraffic.vue

+39 −18

Original line number	Diff line number	Diff line
		<template>
		<Transition mode="out-in" name="fade" appear>
		<div class="container mt-3" :class="{ 'dark-mode': isDarkMode }">
		<div v-for="canteen in trafficList" :key="canteen.canteen_id" class="card mb-3">
		<div class="card mb-3" v-for="canteen in trafficList" :key="canteen.canteen_id">
		<div class="card-header">
		<h5 class="card-title">{{ canteen.canteen_name }}</h5>
		<p class="card-subtitle">平均人数: {{ canteen.avg_number.toFixed(2) }}</p>
		@@ -13,6 +14,7 @@
		</ul>
		</div>
		</div>
		</Transition>
		</template>

		<script>
		@@ -36,7 +38,6 @@ export default {
		minute: '2-digit',
		second: '2-digit'
		}),
		weeklyMenusUrl: "https://mp.weixin.qq.com/s/-SnCM3MMDTk26_0DYdA84A"
		};
		},

		@@ -94,10 +95,11 @@ export default {

		.dark-mode {
		color: #ccc;
		background-color: #2c2c2c;
		/* background-color: #2c2c2c; */
		}

		.card {
		padding-top: 10px;
		border: none;
		border-radius: 16px;
		overflow: hidden;
		@@ -111,18 +113,29 @@ export default {
		}

		.card-header {
		background-color: #007bff;
		/* background-color: #007bff; */
		color: white;
		padding: 16px 24px;
		padding: 0px 24px;
		}

		.dark-mode .card-header {
		background-color: #333;
		/* background-color: #333; */
		}

		.card-subtitle {
		font-size: 0.875rem;
		margin-top: 8px;
		margin-top: 4px;
		}

		.list-group-item {
		list-style-type: none; /* 移除列表项前的点 */
		/* ... 其他已有的样式 ... */
		}

		/* 如果您想要对整个列表应用样式，而不仅仅是单个列表项 */
		.list-group-flush {
		list-style-type: none;
		padding-left: 0; /* 也可能需要移除默认的内边距 */
		}

		.list-group-item {
		@@ -158,5 +171,13 @@ export default {
		padding-bottom: 4px;
		}

		/* 淡入淡出效果 */
		.fade-enter-active,
		.fade-leave-active {
		transition: opacity 0.5s;
		}

		</style>
		.fade-enter-from,
		.fade-leave-to {
		opacity: 0;
		}</style>

Admin message