uniapp实现光标闪烁（配合自己的键盘）

最新推荐文章于 2025-02-24 09:41:18 发布

原创

最新推荐文章于 2025-02-24 09:41:18 发布 · 656 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

前言

因为公司业务需要，所以我们...

演示

其实就是Chat自动打字效果

代码

键盘请看这篇文件

<template>
<view class="list">
	<view class="title"><text>手机号码</text></view>
	<view class="typewriter-content">
	  <text class="value">{
  
  {mobile}}</text>
	  <text class="cursor">|</text>
	</view>
</view>
</template>
<script>
	export default {
        data() {
			return {
				mobile: '',
			}
		},
    }
</script>
<style lang="scss" scoped>
    .list {
		
		margin-bottom: 16rpx;
		.typewriter-content {
				height: 40rpx;
				border-radius: 10rpx;
				border: 2rpx solid #222;
				display: fle