神奇字体在线小工具

Alfred插件 https://github.com/WangGuibin/alfred-unicode
学习React的demo https://my-react-app-demo.vercel.app/#/alfred
基于之前的代码整合了一下,搬了过来~

<!-- run -->
<style>
        .bg {
            display: hidden;
            margin: 40px;
            border-radius: 15px;
            box-shadow: 5px 5px 15px rgb(74, 73, 77);
            max-width: 720px;
            height: 100px;
            background-color: rgb(74, 73, 77);
            position: relative;
        }
        
        .container {
            height: 66px;
        }
        
        #textInput {
            padding: 10px;
            position: absolute;
            margin: 10px;
            outline: 0;
            height: 66px;
            width: calc(100% - 126px);
            font-size: 35px;
            font-weight: bold;
            color: #FFFFFF;
            border-color: rgb(56, 55, 58);
            border-radius: 10px;
            background-color: rgb(56, 55, 58);
        }
        
        #img {
            top: 10px;
            right: 15px;
            position: absolute;
            width: 66px;
            height: 66px;
            box-shadow: 5px 5px 5px rgb(74, 73, 77);
        }
        
        #data-list {
            margin-top: -30px;
            max-width: 760px;
            font-size: 24px;
            font-weight: bold;
        }
        
        .item {
            background-color: rgb(74, 73, 77);
            color: #fff;
            margin: 1px;
            padding: 15px;
        }
        
        item:first-child {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }
        
        item:last-child {
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
        }
    </style>
<div class="bg">
        <div class="container">
            <input id="textInput" oninput="inputOnChange()" type="text" />
            <img id="img" src="https://images.cnblogs.com/cnblogs_com/wgb1234/2204281/o_220816122031_alfredappicon.png" />
        </div>
    </div>
    <div id="data-list">
    </div>

<script>
    const numArr = [
        //数字

标签：codePoint,在线,color,rgb,字体,radius,15px,border,神奇	

From： https://www.cnblogs.com/wgb1234/p/16603478.html