<template>
<view>
<view class="form_group">
    <text>固定开门密码：</text>
    <view class="code"><input name="data_name" type="text" value="123456" disabled="disabled" class="placeholder_style">
    </input>
    </view>
  </view>
  <view class="submit_btn">
    <button class="ar_btn" @tap="changePassword">修改密码</button>
  </view>
</view>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},
  props: {},
  methods: {
    changePassword: function () {}
  }
};
</script>
<style>
/* pages/wode/password/password.wxss */

.form_group {
  margin: 30rpx 20rpx;
  line-height: 60rpx;
  position: relative;
}

.form_group text {
  font-size: 32rpx;
  color: #333;
}

.form_group .code {
  width: 60%;
  margin: 20rpx auto;
}

.form_group input {
  border: 1px solid #e2e2e2;
  text-align: center;
  height: 80rpx;
  background: #f2f2f2;
  border-radius: 10rpx;
}

</style>