update format (8ccac6f5) · Commits · sustech-online / sustech-online-ng

docs/.vuepress/components/TabView.vue

+2 −6

+28 −18

Changes for docs/.vuepress/components/bus/ObjectSelector.vue: 28 added lines, 18 removed lines.
Original line number	Diff line number	Diff line
		<template>
		<button
		v-for="(value, key, index) in objs"
		:key="index"
		@click="select(key)"
		:class="key==keySelected? 'selected' : 'unselected'"
		>
		<a-config-provider :theme="{
		token: {
		colorPrimary: '#00b96b',
		},
		}">
		<a-button v-for="(value, key, index) in objs" :key="index" @click="select(key)"
		:class="key == keySelected ? 'selected' : 'unselected'" :type="key == keySelected ? 'primary' : 'default'" size="large">
		{{ key }}
		</button>
		</a-button>
		</a-config-provider>

		<slot v-bind:selected="objs[keySelected]"></slot>
		</template>
		<script>
		import { ConfigProvider } from 'ant-design-vue';
		import { Button as AButton } from 'ant-design-vue';

		export default {
		components: {
		AButton,
		AConfigProvider: ConfigProvider
		},
		data() {
		return {
		keySelected: null,
		@@ -47,22 +57,22 @@ export default {
		button {
		padding: 10px 15px;
		margin: 3px 3px 3px 3px;
		background-color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		border-radius: 2px;
		border: 1px solid rgb(194, 194, 194);
		// background-color: white;
		// text-align: center;
		// text-decoration: none;
		// display: inline-block;
		// font-size: 14px;
		// border-radius: 2px;
		// border: 1px solid rgb(194, 194, 194);
		}

		.selected {
		border-color: rgb(64, 169, 255);
		background-color: rgb(64, 169, 255);
		color: white;
		// border-color: rgb(64, 169, 255);
		// background-color: rgb(64, 169, 255);
		// color: white;
		}

		.unselected {
		color: #000;
		// color: #000;
		}
		</style>