uniapp 交互弹窗修改昵称

最新推荐文章于 2024-07-30 09:41:01 发布

niersen丶尼尔森

最新推荐文章于 2024-07-30 09:41:01 发布

阅读量1.9k

点赞数

文章标签： uniapp 修改昵称提示弹窗

本文链接：https://blog.csdn.net/Neil_1993/article/details/89681004

版权

本文详细介绍了如何在uniapp中创建一个交互式的弹窗，用于用户修改昵称。通过实例代码展示了从显示弹窗、获取用户输入到保存昵称的完整流程，同时探讨了提示信息的设计和用户体验优化。

摘要由CSDN通过智能技术生成

<!-- prompt组件 -->
<!-- prompt -->
<template>
	<view class="prompt-box" :hidden="isHidden">
		<view class="prompt-content contentFontColor">
			<view class="prompt-title">{
  {title}}</view>
			<!-- <view class="prompt-text">{
  {text}}</view> -->
			<input class="prompt-input" type="text" @input="_input" :value="cost"/>
			<view class="prompt-btn-group">
				<button class="btn-item prompt-cancel-btn contentFontColor" @tap="_cancel">{
  {btn_cancel}}</button>
				<button class="btn-item prompt-certain-btn" @tap="_confirm">{
  {btn_certain}}</button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {