kirigaya/digital-netlist-render
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化拉伸动画特效

Browse Source
This commit is contained in:
锦恢 2025-01-04 23:05:43 +08:00
parent 6342ebfdc7
commit 57298904a0
3 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/about/index.vue
View File

@ -59,6 +59,7 @@ const { t } = useI18n();
<style> <style>
.about-wrapper { .about-wrapper {
margin-top: 10px; margin-top: 10px;
min-width: 300px;
} }
.version-caption { .version-caption {

22
src/components/setting/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="setting-wrapper"> <div class="setting-wrapper" :style="settingStyle">
<el-scrollbar height="98vh"> <el-scrollbar height="98vh">
<div class="setting-section"> <div class="setting-section">
<h2>{{ t('general-setting') }}</h2> <h2>{{ t('general-setting') }}</h2>
@ -164,11 +164,13 @@
</div> </div>
<br> <br>
<div class="setting-option" style="width: 380px;"> <div class="setting-option">
<span class="option-title" style="width: 200px;"> <span class="option-title">
{{ t('setting.pulsation-speed') }} {{ t('setting.pulsation-speed') }}
</span> </span>
<el-slider v-model="globalSetting.pulsationSpeed" show-stops :min="1" :max="11" :step="2"/> <span style="width: 200px;">
<el-slider v-model="globalSetting.pulsationSpeed" show-stops :min="1" :max="11" :step="2"/>
</span>
</div> </div>
<br> <br>
</div> </div>
@ -178,12 +180,13 @@
<script setup> <script setup>
import { globalLookup, globalSetting } from '@/hook/global'; import { globalLookup, globalSetting } from '@/hook/global';
import { reactive, defineComponent, watch, ref, onMounted } from 'vue'; import { computed, defineComponent, watch, ref, onMounted } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { languageSetting } from './language'; import { languageSetting } from './language';
import { crossDotStyle, onConnectStyleChange } from './cross-dot-style'; import { crossDotStyle, onConnectStyleChange } from './cross-dot-style';
import { colorManager, onCellColorChange, onGeneralColorChange, predefinedColors } from './color'; import { colorManager, onCellColorChange, onGeneralColorChange, predefinedColors } from './color';
import { LINE_WIDTH } from '@/hook/render/layout'; import { LINE_WIDTH } from '@/hook/render/layout';
import { horizontalResizer } from '../right-nav';
defineComponent({ name: "dide-setting" }); defineComponent({ name: "dide-setting" });
const { t, locale } = useI18n(); const { t, locale } = useI18n();
@ -238,6 +241,12 @@ function onBoldMultiWidthWireChange() {
} }
} }
const settingStyle = computed(() => ({
width: horizontalResizer.width - 10 + 'px'
}));
onMounted(() => { onMounted(() => {
colorManager.initColor(); colorManager.initColor();
}); });
@ -246,7 +255,7 @@ onMounted(() => {
<style> <style>
.setting-wrapper { .setting-wrapper {
width: fit-content; min-width: 260px;
padding: 10px; padding: 10px;
} }
@ -266,7 +275,6 @@ onMounted(() => {
margin: 3px; margin: 3px;
padding: 8px 12px; padding: 8px 12px;
height: 40px; height: 40px;
width: 320px !important;
border-radius: .5em; border-radius: .5em;
background-color: var(--background); background-color: var(--background);
display: flex; display: flex;

1
src/components/treeview/index.vue
View File

@ -53,6 +53,7 @@ const netlistModuleStyle = computed(() => ({
<style> <style>
.netlist-module-info { .netlist-module-info {
padding-right: 5px; padding-right: 5px;
min-width: 260px;
} }
.netlist-signal-title { .netlist-signal-title {