h5 模拟微信支付密码输入框

今天做项目，让加个输入支付密码的弹窗，百度之后研究整理了一下。
由于是vue框架写的，所以会有vue方面的代码。

html部分：

<template>
	<div class="withdraw-password" v-if="passwordShow">
      <div class="withdraw-password__content">
        <div class="withdraw-password__hd">
          <i class="withdraw-password__icon" @click="toggle(1)">×</i>
          <b>请输入支付密码</b>
        </div>
        <div class="withdraw-password__bd">
          <p>转出</p>
          <p>{
  { priceValue }}</p>
        </div>
        <div class="withdraw-password__ft">
          <div class="withdraw-password__item" v-for="(item, index) in list" :key="index">
            <span class="icon_dot" v-if="pwdList[item]"></span>
          </div>
        </div>
      </div>
      <ul class="withdraw-password__panel">