mirror of
https://github.com/pipipi-pikachu/PPTist.git
synced 2025-04-15 02:20:00 +08:00
样式调整
This commit is contained in:
parent
6a7430810b
commit
d94cf1912a
@ -16,7 +16,6 @@
|
|||||||
// dropdown
|
// dropdown
|
||||||
.ant-dropdown {
|
.ant-dropdown {
|
||||||
min-width: 120px;
|
min-width: 120px;
|
||||||
animation: none !important;
|
|
||||||
}
|
}
|
||||||
.ant-dropdown-menu {
|
.ant-dropdown-menu {
|
||||||
box-shadow: $boxShadow;
|
box-shadow: $boxShadow;
|
||||||
|
@ -3,7 +3,6 @@
|
|||||||
border: 0;
|
border: 0;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
font-family: '微软雅黑';
|
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background-color: rgba(#d14424, 0.3);
|
background-color: rgba(#d14424, 0.3);
|
||||||
|
@ -5,7 +5,8 @@
|
|||||||
:id="'editable-element-' + elementInfo.id"
|
:id="'editable-element-' + elementInfo.id"
|
||||||
:style="{
|
:style="{
|
||||||
zIndex: elementIndex,
|
zIndex: elementIndex,
|
||||||
color: themeFontColor,
|
color: theme.fontColor,
|
||||||
|
fontFamily: theme.fontName,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<component
|
<component
|
||||||
@ -62,7 +63,7 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
setup(props) {
|
setup(props) {
|
||||||
const store = useStore<State>()
|
const store = useStore<State>()
|
||||||
const themeFontColor = computed(() => store.state.theme.fontColor)
|
const theme = computed(() => store.state.theme)
|
||||||
|
|
||||||
const currentElementComponent = computed(() => {
|
const currentElementComponent = computed(() => {
|
||||||
const elementTypeMap = {
|
const elementTypeMap = {
|
||||||
@ -153,7 +154,7 @@ export default defineComponent({
|
|||||||
return {
|
return {
|
||||||
currentElementComponent,
|
currentElementComponent,
|
||||||
contextmenus,
|
contextmenus,
|
||||||
themeFontColor,
|
theme,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
@ -3,7 +3,8 @@
|
|||||||
class="screen-element"
|
class="screen-element"
|
||||||
:style="{
|
:style="{
|
||||||
zIndex: elementIndex,
|
zIndex: elementIndex,
|
||||||
color: themeFontColor,
|
color: theme.fontColor,
|
||||||
|
fontFamily: theme.fontName,
|
||||||
visibility: needWaitAnimation ? 'hidden' : 'visible',
|
visibility: needWaitAnimation ? 'hidden' : 'visible',
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
@ -57,7 +58,7 @@ export default defineComponent({
|
|||||||
})
|
})
|
||||||
|
|
||||||
const store = useStore<State>()
|
const store = useStore<State>()
|
||||||
const themeFontColor = computed(() => store.state.theme.fontColor)
|
const theme = computed(() => store.state.theme)
|
||||||
const currentSlide = computed<Slide>(() => store.getters.currentSlide)
|
const currentSlide = computed<Slide>(() => store.getters.currentSlide)
|
||||||
|
|
||||||
const needWaitAnimation = computed(() => {
|
const needWaitAnimation = computed(() => {
|
||||||
@ -70,7 +71,7 @@ export default defineComponent({
|
|||||||
return {
|
return {
|
||||||
currentElementComponent,
|
currentElementComponent,
|
||||||
needWaitAnimation,
|
needWaitAnimation,
|
||||||
themeFontColor,
|
theme,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
@ -3,7 +3,8 @@
|
|||||||
class="base-element"
|
class="base-element"
|
||||||
:style="{
|
:style="{
|
||||||
zIndex: elementIndex,
|
zIndex: elementIndex,
|
||||||
color: themeFontColor,
|
color: theme.fontColor,
|
||||||
|
fontFamily: theme.fontName,
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<component
|
<component
|
||||||
@ -41,7 +42,7 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
setup(props) {
|
setup(props) {
|
||||||
const store = useStore<State>()
|
const store = useStore<State>()
|
||||||
const themeFontColor = computed(() => store.state.theme.fontColor)
|
const theme = computed(() => store.state.theme)
|
||||||
|
|
||||||
const currentElementComponent = computed(() => {
|
const currentElementComponent = computed(() => {
|
||||||
const elementTypeMap = {
|
const elementTypeMap = {
|
||||||
@ -57,7 +58,7 @@ export default defineComponent({
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
currentElementComponent,
|
currentElementComponent,
|
||||||
themeFontColor,
|
theme,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
@ -61,7 +61,6 @@ export default defineComponent({
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
background-color: rgba($color: #000, $alpha: .05);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -67,7 +67,6 @@ export default defineComponent({
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
font-family: '微软雅黑';
|
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -293,7 +293,6 @@ export default defineComponent({
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
font-family: '微软雅黑';
|
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user