优化按钮配色 (752bf38d) · Commits · sustech-online / sustech-online-ng

docs/.vuepress/components/BusTable.vue

+40 −24

Original line number	Diff line number	Diff line
		<template>
		<div id="bustable">
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#ED6D00',
		},
		}">
		<object-selector :objs="{
		'工作日 Workday': true,
		'节假日 Holiday': false
		}" v-slot="weekdayProps">
		<br />
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#49BF7C',
		},
		}">
		<object-selector :objs="weekdayProps.selected ? {
		'Line 1 号线 │ 工学院方向 To COE': '/bus_times/one_down.json',
		'Line 1 号线 │ 欣园方向 To Joy Highland': '/bus_times/one_up.json',
		@@ -20,7 +30,11 @@
		</grid-list>
		</data-request>
		</object-selector>
		</a-config-provider>

		</object-selector>
		</a-config-provider>

		</div>
		</template>

		@@ -30,14 +44,16 @@ import BusTimer from "./bus/BusTimer.vue";
		import ObjectSelector from "./bus/ObjectSelector.vue";
		import DataRequest from "./bus/DataRequest.vue";
		import GridList from "./bus/GridList.vue";
		import { ConfigProvider } from 'ant-design-vue';

		export default {
		name: "BusTable",
		components: {
		BusTimer,
		ObjectSelector,
		DataRequest,
		GridList
		'a-config-provider': ConfigProvider,
		'bus-timer': BusTimer,
		'data-request': DataRequest,
		'object-selector': ObjectSelector,
		'grid-list': GridList
		},
		mounted() {
		function toggleButtonBasedOnDate(holidata) {

+18 −25

Original line number	Diff line number	Diff line
		<template>
		<div>
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#49BF7C',
		},
		}">

		<a-segmented v-model:value="initSelect" :options="tabOptions" @change="switchTab">
		<template #label="{ payload }">
		<div style="padding: 4px 8px">
		@@ -17,7 +13,8 @@
		<div class="tab-container">
		<!-- 第一个 div 根据 value 控制显示与隐藏 -->
		<div v-if="currentSelect === 'bus-location'">
		<div class="bus-location-hint" v-if="showMapChart" >位置每5秒自动刷新。Location refreshes automatically every 5 seconds.</div>
		<div class="bus-location-hint" v-if="showMapChart">位置每5秒自动刷新。Location refreshes automatically every 5 seconds.
		</div>
		<RealtimeMap v-if="showMapChart" />
		<BusChartVue />
		</div>
		@@ -28,20 +25,16 @@
		</div>
		</div>


		</a-config-provider>
		</div>
		</template>

		<script>
		import { ConfigProvider } from 'ant-design-vue';
		import { Segmented } from 'ant-design-vue';
		import { ref } from 'vue';

		export default {
		name: 'TabView',
		components: {
		AConfigProvider: ConfigProvider,
		ASegmented: Segmented
		},
		props: {

+1 −1

Original line number	Diff line number	Diff line
		@@ -61,7 +61,7 @@ use([
		export default {
		name: "TrendChart",
		components: {
		AConfigProvider: ConfigProvider,
		'a-config-provider': ConfigProvider,
		'data-request': DataRequest,
		'object-selector': ObjectSelector,
		'v-chart': ECharts