feat:折叠图表按钮样式修改
This commit is contained in:
@@ -1870,14 +1870,14 @@ onBeforeUnmount(() => {
|
||||
</a-form-item>
|
||||
<a-button
|
||||
v-show="!tableState.showTable"
|
||||
type="link"
|
||||
ghost
|
||||
type="primary"
|
||||
@click="toggleChartVisibility"
|
||||
class="chart-toggle-btn"
|
||||
:title="isChartVisible ? 'hide' : 'show'"
|
||||
>
|
||||
<EyeOutlined v-if="isChartVisible" />
|
||||
<EyeInvisibleOutlined v-else />
|
||||
<span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
|
||||
</a-button>
|
||||
</a-form>
|
||||
</template>
|
||||
|
||||
@@ -1294,14 +1294,14 @@ onBeforeUnmount(() => {
|
||||
</a-form-item>
|
||||
<a-button
|
||||
v-show="!tableState.showTable"
|
||||
type="link"
|
||||
ghost
|
||||
type="primary"
|
||||
@click="toggleChartVisibility"
|
||||
class="chart-toggle-btn"
|
||||
:title="isChartVisible ? 'hide' : 'show'"
|
||||
>
|
||||
<EyeOutlined v-if="isChartVisible" />
|
||||
<EyeInvisibleOutlined v-else />
|
||||
<span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
|
||||
</a-button>
|
||||
</a-form>
|
||||
</template>
|
||||
|
||||
@@ -1418,14 +1418,14 @@ const tableRowConfig = computed(() => {
|
||||
<a-switch v-model:checked="isRealtime" @change="toggleRealtime" />
|
||||
</a-form-item>
|
||||
<a-button
|
||||
type="link"
|
||||
ghost
|
||||
type="primary"
|
||||
@click="toggleChartVisibility"
|
||||
class="chart-toggle-btn"
|
||||
:title="isChartVisible ? 'hide' : 'show'"
|
||||
>
|
||||
<EyeOutlined v-if="isChartVisible" />
|
||||
<EyeInvisibleOutlined v-else />
|
||||
<span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
|
||||
</a-button>
|
||||
</div>
|
||||
<div class="chart-wrapper">
|
||||
|
||||
Reference in New Issue
Block a user