Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 [Bug]: TinyNotify方法不传入参数title,notify消息的图标与message会错位 #2505

Open
Lymanli opened this issue Nov 9, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@Lymanli
Copy link

Lymanli commented Nov 9, 2024

Version

3.19.0

Vue Version

3.4.27

Link to minimal reproduction

<template>
  <div class="content">
    <tiny-button @click="handleClick('top-left')" :reset-time="0">top-left</tiny-button>
    <tiny-button @click="handleClick('top-right')" :reset-time="0">top-right</tiny-button>
    <br />
    <br />
    <tiny-button @click="handleClick('bottom-left')" :reset-time="0">bottom-left</tiny-button>
    <tiny-button @click="handleClick('bottom-right')" :reset-time="0">bottom-right</tiny-button>
  </div>
</template>

<script setup>
import { TinyNotify, TinyButton } from '@opentiny/vue'

function handleClick(pos) {
  TinyNotify({
    // title: '通知消息的标题',
    message: '通知消息的正文',
    position: pos
  })
}
</script>

<style scoped>
.tiny-button {
  min-width: 120px;
}
</style>

Step to reproduce

调用TinyNotify方法时,传入的参数中,只传message而不传title值,消息出来时图标与message值会错位不对齐

3.19.0
image

3.18
image

What is expected

期待调用notify消息提示方法时,只传入message而不传入title情况下,图标与message文本视觉上在同一行错位

What is actually happening

调用notify消息提示方法时,只传入message而不传入title情况下,图标与message文本在水平方向上有明显错位

What is your project name

TinyNotify

Any additional comments (optional)

No response

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: The TinyNotify method does not pass in the parameter title, and the icon and message of the notify message will be misaligned.

@kagol kagol added the bug Something isn't working label Nov 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants