抽奖球体转动

深度高度温度

于 2022-08-23 10:50:21 发布

阅读量709

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/lh95lbw/article/details/126479907

版权

<!DOCTYPE html>
<html>

<head>
    <meta name="screen-orientation" content="portrait">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
    <title>抽奖</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/wall.css">
    <style type="text/css">
        body,
        html {
            width: 100%;
            height: 100%;
        }

        .result {
            position: absolute;
            height: 320px;
            width: 100%;
            left: 0;
            top: 50%;
            margin-top: -160px;
            text-align: center;
            padding: 10px;
            display: none;
        }

        .result span {
            display: inline-block;
            font-size: 25px;
            width: 300px;
            height: 300px;
            background: #fff;
            line-height: 300px;
            color: red;
            margin: 5px;
            border-radius: 10px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
            padding: 10px 0;
            font-size: 80px;
            opacity: .8;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            font: inherit;
            margin: 0;
            border: none;
        }

        button {
            overflow: visible;
        }

        button,
        select {
            text-transform: none;
        }

        button,
        html input[type=button],
        input[type=reset],
        input[type=submit] {
            -webkit-appearance: button;
            cursor: pointer;
        }

        .pure-button {
            display: inline-block;
            zoom: 1;
            line-height: normal;
            white-space: nowrap;
            vertical-align: middle;
            text-align: center;
            cursor: pointer;
            -webkit-user-drag: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .pure-button {
            font-family: inherit;
            font-size: 100%;
            padding: .5em 1em;
            color: #444;
            color: rgba(0, 0, 0, .8);
            border: 0 rgba(0, 0, 0, 0);
            background-color: #E6E6E6;
            text-decoration: none;
            border-radius: 2px;
        }

        .pure-button:focus {
            outline: 0
        }

        .pure-button-hover,
        .pure-button:hover,
        .pure-button:focus {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
            background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
            background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
            background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
            background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
        }

        .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .button-success {
            background: rgb(28, 184, 65);
        }

        .button-error {
            background: rgb(202, 60, 60);
        }

        .button-warning {
            background: rgb(223, 117, 20);
        }

        .button-secondary {
            background: rgb(66, 184, 221);
        }

        .tools {
            position: absolute;
            bottom: 20px;
            right: 20px;
            text-align: center;
        }

        .tools .pure-button {
            display: inline-block;
            margin: 5px;
            padding: 10px 0;
            text-align: center;
            width: 50px;
        }

        .mask {
            -webkit-filter: blur(5px);
            filter: blur(5px);
        }

        #main {
            -webkit-transition: all 1s;
            transition: all 1s;
        }

        .result-btn {
            margin-top: 20px;
            text-align: right;
            margin-right: 30px;
            text-decoration: none;
            color: white;
        }
    </style>
</head>

<body>
    <div id="main" class="wall">
        <div class="result-btn">
            <a href="./result.html" target="_blank">获奖名单</a>
        </div>
    </div>
    <div id="result" class="result">
    </div>
    <div id="tools" class="tools">
        <button v-for="value in btns" @click="onClick(value)" class="pure-button"
            :class="{ 'button-error': selected == value}">{{value}}</button>
        <button class="pure-button" @click="toggle" :class="{'button-secondary': !running,
               'button-success': running}">{{running?'停!':'开始'}}</button>
        <button class="pure-button button-warning" @click="reset">重置</button>
    </div>
    <script type="text/javascript" src="js/zepto.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/tagcanvas.js"></script>
    <script type="text/javascript" src="js/member.js"></script>
    <script type="text/javascript">
        (function () {
            var choosed = JSON.parse(localStorage.getItem('choosed')) || {};
            console.log(choosed);
            var speed = function () {
                return [0.1 * Math.random() + 0.01, -(0.1 * Math.random() + 0.01)];
            };
            var getKey = function (item) {
                return item.name
            };
            var createHTML = function () {
                var html = ['<ul>'];
                member.forEach(function (item, index) {
                    item.index = index;
                    var key = getKey(item);
                    var color = choosed[key] ? 'orange' : 'black';
                    html.push('<li><a href="#" style="color: ' + color + ';">' + item.name + '</a></li>');
                });
                html.push('</ul>');
                return html.join('');
            };
            var lottery = function (count) {
                var list = canvas.getElementsByTagName('a');
                var color = 'purple';
                var ret = member
                    .filter(function (m, index) {
                        m.index = index;
                        return !choosed[getKey(m)];
                    })
                    .map(function (m) {
                        return Object.assign({
                            score: Math.random()
                        }, m);
                    })
                    .sort(function (a, b) {
                        return a.score - b.score;
                    })
                    .slice(0, count)
                    .map(function (m) {
                        choosed[getKey(m)] = 1;
                        list[m.index].style.color = color;
                        return m.name
                    });
                localStorage.setItem('choosed', JSON.stringify(choosed));
                console.log(ret, 'retlog')
                return ret;
            };
            var canvas = document.createElement('canvas');
            canvas.id = 'myCanvas';
            canvas.width = document.body.offsetWidth;
            canvas.height = document.body.offsetHeight;
            document.getElementById('main').appendChild(canvas);
            new Vue({
                el: '#tools',
                data: {
                    selected: 1,
                    running: false,
                    btns: [
                        1
                    ]
                },
                mounted () {
                    canvas.innerHTML = createHTML();
                    TagCanvas.Start('myCanvas', '', {
                        textColour: null,
                        initial: speed(),
                        dragControl: 1,
                        textHeight: 14
                    });
                },
                methods: {
                    reset: function () {
                        if (confirm('确定要重置么？所有之前的抽奖历史将被清除！')) {
                            localStorage.clear();
                            location.reload(true);
                        }
                    },
                    onClick: function (num) {
                        $('#result').css('display', 'none');
                        $('#main').removeClass('mask');
                        this.selected = num;
                    },
                    toggle: function () {
                        if (this.running) {
                            TagCanvas.SetSpeed('myCanvas', speed());
                            var ret = lottery(this.selected);
                            if (ret.length === 0) {
                                $('#result').css('display', 'block').html('<span>已抽完</span>');
                                return
                            }
                            $('#result').css('display', 'block').html('<span>' + ret.join('</span><span>') + '</span>');
                            TagCanvas.Reload('myCanvas');
                            setTimeout(function () {
                                localStorage.setItem(new Date().toString(), JSON.stringify(ret));
                                $('#main').addClass('mask');
                            }, 300);
                        } else {
                            $('#result').css('display', 'none');
                            $('#main').removeClass('mask');
                            TagCanvas.SetSpeed('myCanvas', [5, 1]);
                        }
                        this.running = !this.running;
                    }
                }
            });
        })();
    </script>
</body>

</html>

数据json

var member = [
  {
    "phone": "No.2038",
    "name": "星野冥一"
  },
  {
    "phone": "No.0282",
    "name": "Mr.Q"
  },
  {
    "phone": "No.3392",
    "name": "一般人类"
  },
  {
    "phone": "No.8080",
    "name": "萝莉捕捉者"
  },
  {
    "phone": "No.3855",
    "name": "四代猫愿"
  },
  {
    "phone": "No.6389",
    "name": "人形大魔王"
  },
  {
    "phone": "No.4440",
    "name": "痴言心醉"
  },
  {
    "phone": "No.3170",
    "name": "渣瓜一隻"
  },
  {
    "phone": "No.1688",
    "name": "住之江圭太"
  },
  {
    "phone": "No.0018",
    "name": "九条鱼卡"
  },
  {
    "phone": "No.0318",
    "name": "nightor"
  },
  {
    "phone": "No.7712",
    "name": "井下落石"
  },
  {
    "phone": "No.6561",
    "name": "埃尔o妮娅"
  },
  {
    "phone": "No.1260",
    "name": "Sapha"
  },
  {
    "phone": "No.6280",
    "name": "西行寺蓝蓝路"
  },
  {
    "phone": "No.8517",
    "name": "堀江由衣"
  },
  {
    "phone": "No.2335",
    "name": "十万巫女"
  },
  {
    "phone": "No.2681",
    "name": "Halu"
  },
  {
    "phone": "No.4024",
    "name": "lupin"
  },
  {
    "phone": "No.0463",
    "name": "太阳主宰"
  },
  {
    "phone": "No.2423",
    "name": "alkd"
  },
  {
    "phone": "No.5357",
    "name": "Allenz"
  },
  {
    "phone": "No.8751",
    "name": "达也的背影"
  },
  {
    "phone": "No.0737",
    "name": "神隐少女"
  },
  {
    "phone": "No.5959",
    "name": "尐疯寳児不尐了"
  },
  {
    "phone": "No.8909",
    "name": "⌒袶醽之子↓"
  },
  {
    "phone": "No.8441",
    "name": "我家的二喵"
  },
  {
    "phone": "No.1746",
    "name": "维他酱酱"
  },
  {
    "phone": "No.2856",
    "name": "dodo"
  },
  {
    "phone": "No.6703",
    "name": "米哟哟的咧"
  },
  {
    "phone": "No.9092",
    "name": "一根呆毛"
  },
  {
    "phone": "No.3539",
    "name": "Nadia"
  },
  {
    "phone": "No.7180",
    "name": "hunter"
  },
  {
    "phone": "No.3679",
    "name": "名将FG"
  },
  {
    "phone": "No.5131",
    "name": "线性近似"
  },
  {
    "phone": "No.4146",
    "name": "LOCKOFF"
  },
  {
    "phone": "No.2812",
    "name": "jessie"
  },
  {
    "phone": "No.6918",
    "name": "unoo"
  },
  {
    "phone": "No.3776",
    "name": "上升气流君"
  },
  {
    "phone": "No.9873",
    "name": "匿名希望"
  },
  {
    "phone": "No.1240",
    "name": "下载好慢"
  },
  {
    "phone": "No.4839",
    "name": "敢来一炮么"
  },
  {
    "phone": "No.0832",
    "name": "高町奈叶"
  },
  {
    "phone": "No.5205",
    "name": "我来打酱油"
  },
  {
    "phone": "No.4787",
    "name": "JackDee"
  },
  {
    "phone": "No.2957",
    "name": "加藤雪冬"
  },
  {
    "phone": "No.1294",
    "name": "轻抿一口菊花茶"
  },
  {
    "phone": "No.2104",
    "name": "捕猎Xloli"
  },
  {
    "phone": "No.3113",
    "name": "南山有瓜"
  },
  {
    "phone": "No.8897",
    "name": "きょうし"
  },
  {
    "phone": "No.1823",
    "name": "50cent"
  },
  {
    "phone": "No.4174",
    "name": "菊花交出来"
  },
  {
    "phone": "No.2189",
    "name": "Fire小殳"
  },
  {
    "phone": "No.1691",
    "name": "漆黑の斗狼"
  },
  {
    "phone": "No.9511",
    "name": "远野志贵"
  },
  {
    "phone": "No.1513",
    "name": "12週期新月"
  },
  {
    "phone": "No.1881",
    "name": "狂气的月的兔"
  },
  {
    "phone": "No.8433",
    "name": "田村ゆかり"
  },
  {
    "phone": "No.4468",
    "name": "右代宫战人"
  },
  {
    "phone": "No.2172",
    "name": "藤原妹紅"
  },
  {
    "phone": "No.1038",
    "name": "萌萌自由"
  },
  {
    "phone": "No.8794",
    "name": "八宝五圆杀"
  },
  {
    "phone": "No.0869",
    "name": "Raryooh"
  },
  {
    "phone": "No.6173",
    "name": "3y3s"
  },
  {
    "phone": "No.0857",
    "name": "长门有妻"
  },
  {
    "phone": "No.3128",
    "name": "装满酱油的好船"
  },
  {
    "phone": "No.9433",
    "name": "超魔理沙"
  },
  {
    "phone": "No.5573",
    "name": "灯灯灯等"
  },
  {
    "phone": "No.6059",
    "name": "回lao家结婚"
  },
  {
    "phone": "No.9924",
    "name": "奥妮克西娅"
  },
  {
    "phone": "No.7851",
    "name": "道羝王者"
  },
  {
    "phone": "No.3350",
    "name": "加納佳代子"
  },
  {
    "phone": "No.0520",
    "name": "K - MAID"
  },
  {
    "phone": "No.2617",
    "name": "山寨荼荼丸1"
  },
  {
    "phone": "No.7819",
    "name": "墙角渣渣颓废子"
  },
  {
    "phone": "No.1714",
    "name": "心理医生"
  },
  {
    "phone": "No.8236",
    "name": "加纳佳代子"
  },
  {
    "phone": "No.8025",
    "name": "库里艾拉"
  },
  {
    "phone": "No.9004",
    "name": "手只是装饰"
  },
  {
    "phone": "No.9650",
    "name": "秋庭里香酱"
  },
  {
    "phone": "No.0829",
    "name": "彼方和歌"
  },
  {
    "phone": "No.2356",
    "name": "里世界的我"
  },
  {
    "phone": "No.2219",
    "name": "七夜栗琦不姓朱"
  },
  {
    "phone": "No.5832",
    "name": "玄岚法師"
  },
  {
    "phone": "No.1550",
    "name": "staya"
  },
  {
    "phone": "No.5450",
    "name": "露露緹娅"
  },
  {
    "phone": "No.9498",
    "name": "朝仓音姬"
  },
  {
    "phone": "No.6912",
    "name": "东方橘君"
  },
  {
    "phone": "No.1414",
    "name": "幻月之舞"
  },
  {
    "phone": "No.9994",
    "name": "六月沐夏w"
  },
  {
    "phone": "No.8350",
    "name": "推倒不管埋"
  },
  {
    "phone": "No.2392",
    "name": "约修亚布莱特"
  },
  {
    "phone": "No.1506",
    "name": "白钟莎罗"
  },
  {
    "phone": "No.4702",
    "name": "翻滚吧贡丸"
  },
  {
    "phone": "No.7014",
    "name": "安布雷拉"
  },
  {
    "phone": "No.9099",
    "name": "钉宫病重症患"
  },
  {
    "phone": "No.4343",
    "name": "摘花五十铃"
  },
  {
    "phone": "No.6606",
    "name": "阿SAM"
  },
  {
    "phone": "No.5478",
    "name": "qoyozy"
  },
  {
    "phone": "No.2292",
    "name": "沙漠孤魂"
  },
  {
    "phone": "No.2879",
    "name": "WSDS"
  },
  {
    "phone": "No.6300",
    "name": "刀子子刀"
  },
  {
    "phone": "No.6392",
    "name": "CNo15"
  },
  {
    "phone": "No.8092",
    "name": "地狱の天使"
  },
  {
    "phone": "No.0647",
    "name": "幻月陇睨"
  },
  {
    "phone": "No.1289",
    "name": "家具全毁"
  },
  {
    "phone": "No.9142",
    "name": "fishal"
  },
  {
    "phone": "No.0853",
    "name": "Miku的内裤"
  },
  {
    "phone": "No.6973",
    "name": "铃仙因番"
  },
  {
    "phone": "No.3898",
    "name": "╲PAD长╱"
  },
  {
    "phone": "No.9806",
    "name": "呼噜leon"
  },
  {
    "phone": "No.8117",
    "name": "CCAV"
  },
  {
    "phone": "No.8835",
    "name": "xxmu317"
  },
  {
    "phone": "No.6238",
    "name": "水無灯里"
  },
  {
    "phone": "No.3758",
    "name": "高达试作1号机"
  },
  {
    "phone": "No.8718",
    "name": "蓬莱山の辉夜"
  },
  {
    "phone": "No.3226",
    "name": "久保帶人"
  },
  {
    "phone": "No.0577",
    "name": "山那边的饼子"
  },
  {
    "phone": "No.9028",
    "name": "木下秀吉"
  },
  {
    "phone": "No.5881",
    "name": "アルファルド"
  },
  {
    "phone": "No.3443",
    "name": "normal"
  },
  {
    "phone": "No.3541",
    "name": "ORZlag"
  },
  {
    "phone": "No.8875",
    "name": "传说中的废材"
  },
  {
    "phone": "No.7828",
    "name": "搞基按次收费"
  },
  {
    "phone": "No.8828",
    "name": "御坂妹妹"
  },
  {
    "phone": "No.6552",
    "name": "蓬莱山輝夜"
  },
  {
    "phone": "No.6784",
    "name": "白龙跃居紫玉星"
  },
  {
    "phone": "No.5513",
    "name": "达玛婆婆"
  },
  {
    "phone": "No.7891",
    "name": "我可不敢和你争"
  },
  {
    "phone": "No.7607",
    "name": "伊吹风子"
  },
  {
    "phone": "No.9754",
    "name": "亲爱的翠翠"
  },
  {
    "phone": "No.0933",
    "name": "クオリア"
  },
  {
    "phone": "No.1989",
    "name": "深水阳菜"
  },
  {
    "phone": "No.3730",
    "name": "骑车的牛"
  },
  {
    "phone": "No.7281",
    "name": "karma"
  },
  {
    "phone": "No.2933",
    "name": "元首的笔"
  },
  {
    "phone": "No.7132",
    "name": "瞌睡の默默"
  },
  {
    "phone": "No.3869",
    "name": "灰过灰过"
  },
  {
    "phone": "No.6211",
    "name": "水无灯里"
  },
  {
    "phone": "No.2067",
    "name": "川添珠姬"
  },
  {
    "phone": "No.7349",
    "name": "水桥帕露西"
  },
  {
    "phone": "No.0828",
    "name": "Loki"
  },
  {
    "phone": "No.3081",
    "name": "不识院苍月"
  },
  {
    "phone": "No.6784",
    "name": "空闲蝙蝠"
  },
  {
    "phone": "No.6257",
    "name": "愉悦的小蛇君"
  },
  {
    "phone": "No.4402",
    "name": "月光下的追忆"
  },
  {
    "phone": "No.1745",
    "name": "mono"
  },
  {
    "phone": "No.7825",
    "name": "ritz"
  },
  {
    "phone": "No.7509",
    "name": "狂暴四倍速"
  },
  {
    "phone": "No.9798",
    "name": "绯鵺之森"
  },
  {
    "phone": "No.4168",
    "name": "井上美羽"
  },
  {
    "phone": "No.2310",
    "name": "人形大魔王V"
  },
  {
    "phone": "No.8251",
    "name": "坂上斗真"
  },
  {
    "phone": "No.3271",
    "name": "真目斗真"
  },
  {
    "phone": "No.5871",
    "name": "我才不是触手"
  },
  {
    "phone": "No.2562",
    "name": "云雀恭弥"
  },
  {
    "phone": "No.1477",
    "name": "中禅寺远子"
  },
  {
    "phone": "No.1566",
    "name": "惡魔の禮讚"
  },
  {
    "phone": "No.7651",
    "name": "reno"
  },
  {
    "phone": "No.1979",
    "name": "八九寺真宵"
  },
  {
    "phone": "No.0749",
    "name": "睡意朦胧"
  },
  {
    "phone": "No.3888",
    "name": "峰岛由宇"
  },
  {
    "phone": "No.6929",
    "name": "终于整得号了"
  },
  {
    "phone": "No.4990",
    "name": "猥琐神教教徒"
  },
  {
    "phone": "No.5406",
    "name": "玻璃渣渣"
  },
  {
    "phone": "No.8348",
    "name": "dio的世界"
  },
  {
    "phone": "No.3779",
    "name": "洩矢诹访子"
  },
  {
    "phone": "No.6907",
    "name": "冰蓝若幻"
  },
  {
    "phone": "No.3014",
    "name": "鵺野鸣介"
  },
  {
    "phone": "No.3244",
    "name": "村纱水蜜"
  },
  {
    "phone": "No.6815",
    "name": "D..猫殿"
  },
  {
    "phone": "No.6466",
    "name": "河城荷取"
  },
  {
    "phone": "No.4002",
    "name": "月光下的八雲紫"
  },
  {
    "phone": "No.9101",
    "name": "御坂御坂"
  },
  {
    "phone": "No.3374",
    "name": "火焰猫燐"
  },
  {
    "phone": "No.1151",
    "name": "云居一轮"
  },
  {
    "phone": "No.0128",
    "name": "日野あかね"
  },
  {
    "phone": "No.3955",
    "name": "存在感↓"
  },
  {
    "phone": "No.3178",
    "name": "纱　亚美丶"
  },
  {
    "phone": "No.0023",
    "name": "十六夜咲夜℡"
  },
  {
    "phone": "No.9882",
    "name": "金坷垃直销"
  },
  {
    "phone": "No.8628",
    "name": "羽桐柠檬"
  },
  {
    "phone": "No.4824",
    "name": "石之纷如"
  },
  {
    "phone": "No.2931",
    "name": "聖地大哥"
  },
  {
    "phone": "No.7093",
    "name": "admin　"
  },
  {
    "phone": "No.5541",
    "name": "佐天泪子"
  },
  {
    "phone": "No.4469",
    "name": "池田由纪"
  },
  {
    "phone": "No.6416",
    "name": "三千院风"
  },
  {
    "phone": "No.1934",
    "name": "轻闭双眼"
  },
  {
    "phone": "No.9001",
    "name": "小狐仙仙"
  },
  {
    "phone": "No.8177",
    "name": "阿道夫希特勒"
  },
  {
    "phone": "No.4009",
    "name": "高岭爱花"
  },
  {
    "phone": "No.0536",
    "name": "snoopy"
  },
  {
    "phone": "No.6819",
    "name": "Maiニャン"
  },
  {
    "phone": "No.9980",
    "name": "怜情惜缘"
  },
  {
    "phone": "No.1778",
    "name": "柾木天地"
  },
  {
    "phone": "No.8285",
    "name": "混乱与雄伟大臣"
  },
  {
    "phone": "No.7089",
    "name": "茵蒂克丝"
  },
  {
    "phone": "No.4694",
    "name": "哈曼卡恩"
  },
  {
    "phone": "No.7697",
    "name": "┼六夜咲夜"
  },
  {
    "phone": "No.4458",
    "name": "一方通行"
  },
  {
    "phone": "No.0593",
    "name": "forluna"
  },
  {
    "phone": "No.6579",
    "name": "红颜晕墨色"
  },
  {
    "phone": "No.0276",
    "name": "絕望先生"
  },
  {
    "phone": "No.2417",
    "name": "我是伪的人"
  },
  {
    "phone": "No.1831",
    "name": "藍沢ヒカル"
  },
  {
    "phone": "No.4487",
    "name": "我爱吃黄瓜"
  },
  {
    "phone": "No.5587",
    "name": "毅丝不挂"
  },
  {
    "phone": "No.7726",
    "name": "无聊至极"
  },
  {
    "phone": "No.7721",
    "name": "哎哟射你"
  },
  {
    "phone": "No.8680",
    "name": "琴吹七濑"
  },
  {
    "phone": "No.5445",
    "name": "欧泥酱～"
  },
  {
    "phone": "No.7369",
    "name": "枫の雨菡"
  },
  {
    "phone": "No.5991",
    "name": "望尘莫及"
  },
  {
    "phone": "No.6437",
    "name": "新的沙包"
  },
  {
    "phone": "No.8579",
    "name": "崩坏の狸猫"
  },
  {
    "phone": "No.7952",
    "name": "伪の琪露诺"
  },
  {
    "phone": "No.0675",
    "name": "戏言跟班"
  },
  {
    "phone": "No.2894",
    "name": "七転八倒"
  },
  {
    "phone": "No.2213",
    "name": "米娜·柴佩西"
  },
  {
    "phone": "No.2686",
    "name": "в.α.d"
  },
  {
    "phone": "No.6736",
    "name": "佐佐玛利亚"
  },
  {
    "phone": "No.1785",
    "name": "CCAV - H"
  },
  {
    "phone": "No.8544",
    "name": "咕噜噜XD"
  },
  {
    "phone": "No.5730",
    "name": "siriusY"
  },
  {
    "phone": "No.7852",
    "name": ".@.@."
  },
  {
    "phone": "No.2050",
    "name": "生女当如泉此方"
  },
  {
    "phone": "No.2505",
    "name": "鞠部有羽"
  },
  {
    "phone": "No.7396",
    "name": "Skaka - 冰"
  },
  {
    "phone": "No.1046",
    "name": "泷月まなつ"
  },
  {
    "phone": "No.0039",
    "name": "天草十三"
  },
  {
    "phone": "No.7358",
    "name": "八城十八"
  },
  {
    "phone": "No.0815",
    "name": "ee.zsy"
  },
  {
    "phone": "No.0088",
    "name": "ユリ.妖"
  },
  {
    "phone": "No.9780",
    "name": "夢の雪緣"
  },
  {
    "phone": "No.8224",
    "name": "光电総菊"
  },
  {
    "phone": "No.5922",
    "name": "夕阳月梦"
  },
  {
    "phone": "No.3149",
    "name": "lj之成"
  },
  {
    "phone": "No.9229",
    "name": "发奋涂墙不能"
  },
  {
    "phone": "No.4397",
    "name": "莪悩殘孒"
  },
  {
    "phone": "No.6519",
    "name": "人间失格"
  },
  {
    "phone": "No.1967",
    "name": "姬路瑞希"
  },
  {
    "phone": "No.2663",
    "name": "亞特蘭斯蒂"
  },
  {
    "phone": "No.9624",
    "name": "上条当妈"
  },
  {
    "phone": "No.2978",
    "name": "油焖罐头"
  },
  {
    "phone": "No.8795",
    "name": "┿六夜咲夜"
  },
  {
    "phone": "No.9272",
    "name": "pjj007"
  },
  {
    "phone": "No.9188",
    "name": "风灵の礼赞"
  },
  {
    "phone": "No.8639",
    "name": "傻逼同化中心"
  },
  {
    "phone": "No.7784",
    "name": "托奇老师"
  },
  {
    "phone": "No.5276",
    "name": "竜骑士07"
  },
  {
    "phone": "No.5482",
    "name": "木之本小可"
  },
  {
    "phone": "No.7228",
    "name": "因幡てゐ"
  },
  {
    "phone": "No.8435",
    "name": "ばくまる"
  },
  {
    "phone": "No.3811",
    "name": "蛋疼超人"
  },
  {
    "phone": "No.0339",
    "name": "火星上的F91"
  },
  {
    "phone": "No.2985",
    "name": "木下優子"
  },
  {
    "phone": "No.6558",
    "name": "上条 - 当麻"
  },
  {
    "phone": "No.4008",
    "name": "小五兄贵"
  },
  {
    "phone": "No.3978",
    "name": "linhxl"
  },
  {
    "phone": "No.9703",
    "name": "LINK"
  },
  {
    "phone": "No.6287",
    "name": "花生闲人"
  },
  {
    "phone": "No.0376",
    "name": "nono"
  },
  {
    "phone": "No.6635",
    "name": "allen"
  },
  {
    "phone": "No.2273",
    "name": "藤原兄肛"
  },
  {
    "phone": "No.9176",
    "name": "岛田美波"
  },
  {
    "phone": "No.6679",
    "name": "ZUN伞"
  },
  {
    "phone": "No.8407",
    "name": "我就是这么绅士"
  },
  {
    "phone": "No.1396",
    "name": "嘎嘎i狼"
  },
  {
    "phone": "No.2657",
    "name": "夏亚.阿兹纳布"
  },
  {
    "phone": "No.1602",
    "name": "TMCP123"
  },
  {
    "phone": "No.4119",
    "name": "纯情286"
  },
  {
    "phone": "No.4504",
    "name": "操蛇之神"
  },
  {
    "phone": "No.0869",
    "name": "铃仙·优昙华院"
  },
  {
    "phone": "No.7883",
    "name": "咆哮的由希"
  },
  {
    "phone": "No.2114",
    "name": "亡者王者"
  },
  {
    "phone": "No.3214",
    "name": "放开那个流氓"
  },
  {
    "phone": "No.2161",
    "name": "╂六夜咲夜"
  },
  {
    "phone": "No.2487",
    "name": "Elifaus"
  },
  {
    "phone": "No.0947",
    "name": "二小姐の玩具"
  },
  {
    "phone": "No.3867",
    "name": "吾妻玲二"
  },
  {
    "phone": "No.6884",
    "name": "逆袭の阿姆罗"
  },
  {
    "phone": "No.9884",
    "name": "给爷平滑"
  },
  {
    "phone": "No.3538",
    "name": "yyuhz"
  },
  {
    "phone": "No.6602",
    "name": "炉心熔解"
  },
  {
    "phone": "No.5757",
    "name": "风见幽香"
  },
  {
    "phone": "No.4833",
    "name": "拉尔夏娅"
  },
  {
    "phone": "No.6726",
    "name": "犯罪高手"
  },
  {
    "phone": "No.4343",
    "name": "华丽de没落"
  },
  {
    "phone": "No.4652",
    "name": "ViNO"
  },
  {
    "phone": "No.9206",
    "name": "狂图看天"
  },
  {
    "phone": "No.7008",
    "name": "圈圈外加叉叉"
  },
  {
    "phone": "No.1657",
    "name": "湛蓝之炎"
  },
  {
    "phone": "No.2802",
    "name": "迷茫的虫"
  },
  {
    "phone": "No.8920",
    "name": "欺霜胜雪"
  },
  {
    "phone": "No.1822",
    "name": "北方丈助"
  },
  {
    "phone": "No.9032",
    "name": "「沙耶の唄」"
  },
  {
    "phone": "No.5723",
    "name": "adfs88"
  },
  {
    "phone": "No.6327",
    "name": "cyc123"
  },
  {
    "phone": "No.5311",
    "name": "サリアの歌"
  }
]

：