From bfdfeb40c7ba97511584a30477acf5ad801398ba Mon Sep 17 00:00:00 2001
From: YangYuGang <1378265336@qq.com>
Date: 星期二, 11 三月 2025 11:26:34 +0800
Subject: [PATCH] 一些更改
---
src/views/demo/feat/ripple/index.vue | 35 ++++++++++-------------------------
1 files changed, 10 insertions(+), 25 deletions(-)
diff --git a/src/views/demo/feat/ripple/index.vue b/src/views/demo/feat/ripple/index.vue
index 79012aa..d7ee742 100644
--- a/src/views/demo/feat/ripple/index.vue
+++ b/src/views/demo/feat/ripple/index.vue
@@ -1,31 +1,16 @@
<template>
<PageWrapper title="Ripple绀轰緥">
- <div class="demo-box" v-ripple>content</div>
+ <div
+ class="flex item-center justify-center w-75 h-75 border-2 bg-blue-500 text-white text-24px"
+ v-ripple
+ >
+ content
+ </div>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import RippleDirective from '/@/directives/ripple';
- import { PageWrapper } from '/@/components/Page';
+<script lang="ts" setup>
+ import RippleDirective from '@/directives/ripple';
+ import { PageWrapper } from '@/components/Page';
- export default defineComponent({
- components: { PageWrapper },
- directives: {
- Ripple: RippleDirective,
- },
- });
+ const vRipple = RippleDirective;
</script>
-
-<style lang="less" scoped>
- .demo-box {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 300px;
- height: 300px;
- border-radius: 10px;
- background-color: #408ede;
- color: #fff;
- font-size: 24px;
- }
-</style>
--
Gitblit v1.9.3