Open smallseapig opened 4 days ago
3.19.0
latest
<template> <tiny-layout> <p>基本按钮</p> <tiny-row> <tiny-button type="primary" :round="false"> 主要按钮 </tiny-button> <tiny-button> 次要按钮 </tiny-button> <tiny-button type="success" :round="isRound"> 成功按钮 {{ isRound }} </tiny-button> <tiny-button type="info" :round="true"> 信息按钮 </tiny-button> <tiny-button type="warning"> 警告按钮 </tiny-button> <tiny-button type="danger"> 危险按钮 </tiny-button> </tiny-row> <p>朴素按钮</p> <tiny-row> <tiny-button type="primary" plain> 主要按钮 </tiny-button> <tiny-button plain> 次要按钮 </tiny-button> <tiny-button type="success" plain> 成功按钮 </tiny-button> <tiny-button type="info" plain> 信息按钮 </tiny-button> <tiny-button type="warning" plain> 警告按钮 </tiny-button> <tiny-button type="danger" plain> 危险按钮 </tiny-button> </tiny-row> <tiny-row> <tiny-button :icon="IconSearch" circle></tiny-button> <tiny-button type="primary" :icon="IconEditor" circle></tiny-button> <tiny-button type="success" :icon="IconYes" circle></tiny-button> <tiny-button type="info" :icon="IconMail" circle></tiny-button> <tiny-button type="warning" :icon="IconStarO" circle></tiny-button> <tiny-button type="danger" :icon="IconDeleteL" circle></tiny-button> </tiny-row> </tiny-layout> </template> <script setup> import { ref } from 'vue' import { TinyButton, TinyLayout, TinyRow } from '@opentiny/vue' import { iconDeleteL, iconYes, iconEditor, iconMail, iconStarO, iconSearch } from '@opentiny/vue-icon' const isRound = ref(false); const IconDeleteL = iconDeleteL() const IconYes = iconYes() const IconEditor = iconEditor() const IconMail = iconMail() const IconStarO = iconStarO() const IconSearch = iconSearch() </script> <style scoped> .tiny-row { margin: 20px 0; } .tiny-button { margin-bottom: 10px; margin-left: 0; margin-right: 24px; } </style>
round
3.19
Button组件
No response
Bot detected the issue body's language is not English, translate it automatically. Title: 🐛 [Bug]: [Button] The round attribute of the button component is invalid
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: [Button] The round attribute of the button component is invalid
Version
3.19.0
Vue Version
latest
Link to minimal reproduction
Step to reproduce
round
属性在3.19
版本失效What is expected
What is actually happening
3.19
样式调整后全部按钮都是圆角的,方形的做不到What is your project name
Button组件
Any additional comments (optional)
No response