小程序弹框填写功能

这是项目里面一个简单的效果，小程序点击按钮弹出可填写框，摘下代码，方便之后遇到的时候可以直接拿来使用。
效果如下：

 

wxml

<!-- 功能列表 -->
<view wx:for="{
  {list}}" wx:key="{
  {index}}" class="item">
  <view data-index="{
  {index}}" class="inner txt">
    <image class="item-icon" mode="widthFix" src="{
  {item.icon}}"></image>
    <i> {
  {item.name}}</i>
    <i>{
  {item.rank}}</i>
    <span class="item-data">
      <i class="rankpace"> {
  {item.pace}}</i>
      <i bindtap="powerDrawer" data-statu="open">
        <image class="item-icon" mode="widthFix" src="../../images/add.png"></image>
      </i>
    </span>
  </view>
</view>
<!--mask-->
<view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{
  {showModalStatus}}"></view>
<!--content-->
<!--使用animation属性指定需要执行的动画-->
<view animation="{
  {animationData}}" class="drawer_box" wx:if="{
  {showModalStatus}}">

  <!--drawer content-->
  <view class="drawer_title">添加配置</view>
  <view class="drawer_content">
    <view class="top grid">
      <label class="title col-0">cpu</label>
      <input class="input_base input_h30 col-1" name="rName" placehol