github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 08:12:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: 优化代码结构

Browse Source
This commit is contained in:
奔跑的面条 2022-10-31 09:52:02 +08:00
parent 5270fe5246
commit 4e7892632f
3 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Pages/Flipper/index.d.ts vendored
View File

@ -1 +0,0 @@
export type FlipType = 'up' | 'down'

3
src/components/Pages/Flipper/index.ts
View File

@ -1,4 +1,5 @@
import Flipper from './index.vue'
import { FlipType } from './index.d'
type FlipType = 'up' | 'down'
export { Flipper, FlipType }

12
src/components/Pages/Flipper/index.vue
View File

@ -1,19 +1,13 @@
<template>
<div class="M-Flipper" :class="[flipType, { go: isFlipping }]">
<div class="go-Flipper" :class="[flipType, { go: isFlipping }]">
<div class="digital front" :data-front="frontTextFromData"></div>
<div class="digital back" :data-back="backTextFromData"></div>
</div>
</template>
<script lang="ts">
export default {
name: 'Flipper'
}
</script>
<script lang="ts" setup>
import { ref, PropType, watch } from 'vue'
import { FlipType } from '.'
import { FlipType } from './index'
const props = defineProps({
flipType: {
@ -131,7 +125,7 @@ $lineColor: #4a9ef8;
}
// #endregion
.M-Flipper {
.go-Flipper {
display: inline-block;
position: relative;
width: $width;