front-end/jdApp/src/pagesClient/member/bind.vue

<template>
    <view class="app-content">
        <view  class="bind-des_box">
            <view>
                花极客
            </view>
            <view>
                您好，我在整理客户信息，帮忙填下以下内容
            </view>
        </view>
        
        <AppBindInfo
            @bindInfo="bindInfo"
            nameTetx="店长姓名"></AppBindInfo>
        <view class="btn-wrap">
             <button class="admin-button-com blue big">确认</button>
        </view>
    </view>
</template>

<script>
    import AppBindInfo from "@/components/app-bind-info";
    export default {
        name:'MenberBind',
        components:{
            AppBindInfo
        },
        methods:{
            // 绑定信息
            bindInfo(val){
                console.log(val)
            }
        }
    }
</script>

<style lang="scss" scoped>
    .app-content {
        padding-top: 20upx;
        & .btn-wrap {
            padding: 60upx 30upx;
            & .admin-button-com {
                width: 100%;
            }
        }
    }
    .bind-des_box {
        margin-bottom: 20upx;
        padding: 30upx;
        background-color: #FFFFFF;
        & > view:nth-child(1) {
            color: #333333;
            font-size: 28upx;
            font-weight: 600;
            margin-bottom: 19upx;
        }
        & > view:nth-child(2) {
            color: #666666;
            font-size: 28upx;
            font-weight: 400;
        }
    }
</style>