<div class="right aligned column"> <a href="#" th:href="@{/message/delete/{messageType}(messageType=${messageType})}" class="ui m-inline-block m-text-thin"> <i class="trash icon"></i>清空所有消息</a> </div> 以上代码添加一个提示框,是否要全部清空
时间: 2024-01-27 09:02:50 浏览: 405
您可以使用 Semantic UI 中的 `popup` 组件来添加一个提示框,如下所示:
```
<div class="right aligned column">
<a href="#" th:href="@{/message/delete/{messageType}(messageType=${messageType})}" class="ui m-inline-block m-text-thin">
<i class="trash icon"></i>
<span class="text">清空所有消息</span>
<div class="ui popup">
<div>您确定要清空所有消息吗?</div>
<div class="actions">
<div class="ui negative button">取消</div>
<a href="#" th:href="@{/message/delete/{messageType}(messageType=${messageType})}" class="ui positive button">确定</a>
</div>
</div>
</a>
</div>
```
在上面的示例中,我们添加了一个 `span` 元素来包含文本内容,并将 `popup` 组件添加到父级 `a` 元素中。`popup` 组件的内容是一个简单的提示框,其中包含一条消息和两个按钮,分别用于取消和确认操作。
您可以根据需要调整提示框的样式和内容。
阅读全文
相关推荐




<?php $show_title="$MSG_LOGIN - $OJ_NAME"; ?>
<?php include("template/$OJ_TEMPLATE/header.php");?>
<?php echo $MSG_LOGIN ?>
<form class="ui large form" id="login" action="login.php" method="post" role="form" class="form-horizontal" onSubmit="return jsMd5();"
>
<input name="user_id" placeholder="<?php echo $MSG_USER_ID ?>" type="text" id="username">
<input name="password" placeholder="<?php echo $MSG_PASSWORD ?>" type="password" id="password">
<?php if($OJ_VCODE){?>
<input name="vcode" placeholder="<?php echo $MSG_VCODE ?>" type="text" autocomplete=off >
<?php }?>
<button name="submit" type="submit" class="ui fluid large submit button" ><?php echo $MSG_LOGIN ?></button>
1,1 Top
<?php }?>
<button name="submit" type="submit" class="ui fluid large submit button" ><?php echo $MSG_LOGIN ?></button>
</form>
<?php if ($OJ_REGISTER){ ?>
<?php echo $MSG_REGISTER ?>
<?php } ?>
<script src="<?php echo $OJ_CDN_URL?>include/md5-min.js"></script>
<script>
function jsMd5(){
if($("input[name=password]").val()=="") return false;
$("input[name=password]").val(hex_md5($("input[name=password]").val()));
return true;
}
</script>
<?php if ($OJ_VCODE) { ?>
<script>
$(document).ready(function () {
$("#vcode-img").attr("src", "vcode.php?" + Math.random());
})
</script>
<?php } ?>
<?php include("template/$OJ_TEMPLATE/footer.php");?>


<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8; X-Wap-Proxy-Cookie=none" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>一起聊 些什么吧...</title> </head> <body> 多人 聊天室 <style> .right-align { text-align: right; padding-bottom:2px; background-color: #3e2455; /* 深紫背景 */ color: #e2e8f0; /* 浅灰色文本 */ } } </style> <body> 他們的痕跡 </body> <?php require_once 'app/app.php'; if(empty(@$_COOKIE[KEYS.'_name'])){ echo ' <input type="text" value="'.rand_nick().'" id="nick" maxlength="5" placeholder="请 随便输入 昵称.." /> 进入 '; } echo ' <input type="text" id="msg" maxlength="140" placeholder="聊点 什么吧..." /> 发送 '; ?> <script src="app/style/jquery.min.js"></script> <script src="app/style/chat.min.js"></script> </body> </html> 帮我把他们的痕迹放在多人聊天室的同一行的靠右边,多人聊天室保持居中不变 /* 顶部栏样式,使用深紫背景 */ .top { padding-left: 10px; background-color: #3e2455; /* 深紫背景 */ height: 40px; line-height: 40px; text-align: center; color: #e2e8f0; /* 浅灰色文本 */ }












