little-dizzy 2.1.0 → 2.3.0

package/src/snippets/presets/index.js

@@ -7,16 +7,18 @@
 import buttonSnippet from './button.js'
 import cardSnippet from './card.js'
 import modalSnippet from './modal.js'
+import messageSnippet from './message.js'
 
 // 所有预设代码片段
 export const presetSnippets = [
   buttonSnippet,
   cardSnippet,
-  modalSnippet
+  modalSnippet,
+  messageSnippet
 ]
 
 // 单独导出
-export { buttonSnippet, cardSnippet, modalSnippet }
+export { buttonSnippet, cardSnippet, modalSnippet, messageSnippet }
 
 export default presetSnippets
 

package/src/snippets/presets/message.js

@@ -0,0 +1,45 @@
+/**
+ * Message 消息提示组件示例代码
+ */
+export default {
+  name: 'Message',
+  type: 'vue',
+  label: 'Message 消息提示',
+  code: `<template>
+  <div class="message-demo">
+    <Button type="success" @click="showSuccess">成功提示</Button>
+    <Button type="warning" @click="showWarning">警告提示</Button>
+    <Button type="danger" @click="showError">错误提示</Button>
+    <Button type="info" @click="showInfo">信息提示</Button>
+  </div>
+</template>
+
+<script setup>
+import { Button, message } from 'little-dizzy'
+
+const showSuccess = () => {
+  message.success('操作成功！')
+}
+
+const showWarning = () => {
+  message.warning('请注意！')
+}
+
+const showError = () => {
+  message.error('操作失败！')
+}
+
+const showInfo = () => {
+  message.info('这是一条提示信息', { duration: 5000, closable: true })
+}
+</script>
+
+<style scoped>
+.message-demo {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+</style>`
+}
+

package/src/styles/_variables.scss

@@ -34,6 +34,14 @@ $shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.2);
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  
+  // 隐藏滚动条（保持滚动功能）
+  scrollbar-width: none; // Firefox
+  -ms-overflow-style: none; // IE/Edge
+  
+  &::-webkit-scrollbar {
+    display: none; // Chrome/Safari/Opera
+  }
 }
 
 body {

package/src/styles/tailwind.css

@@ -0,0 +1 @@
+@import "tailwindcss";