yinchuan-community-all/mini-program/smart-city-yinchuan-wx/pages/wode/password/password.vue

<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: 30 rpx 20 rpx;
        line-height: 60 rpx;
        position: relative;
    }

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

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

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

</style>