up123

chenyc

2022-09-23 4b66df9b8b0e5273faab053d72666209af166a02

 src/views/myMine/index.vue

@@ -1,22 +1,25 @@
<template>
    <div class="page">
        <div class="hader">
            <van-row>
                <van-col span="12">
            <div class="listrow">
                <div class="rowioc">
                    <van-image
                        round
                        width="50px"
                        height="50px"
                        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
                    />
                </van-col>
                <van-col span="12" class="hader-regth">
                    账号管理员
                    <van-icon name="arrow" />
                </van-col>
            </van-row>
                </div>
                <div class="rowtext">
                    用户名：1771723243242
                </div>
            </div>
        </div>
        <div class="userInfo">
            <van-row style="padding-left: 20px; padding-top: 12px; border-bottom: 1px solid #F1F1F2;">
                <van-col span="12">患者卡片</van-col>
                <van-col span="12" style="text-align: right;padding-right: 25px;"> <van-icon name="arrow" /></van-col>
            </van-row>
            <van-row style="padding-left: 20px;">
                <van-col span="16" class="info16">
                    <div class="div1">张三丰
@@ -28,13 +31,11 @@
                <van-col span="8" class="info8">
                    <div class="img">
                        <img
                            style=" width: 50px;height: 50px;margin-left: 8%; margin-top: 22px;"
                            style=" width: 55px;height: 55px;margin-left: 8%; margin-top: 22px;"
                            referrerpolicy="no-referrer"
                            src="@/views/home/assets/img/SketchPng011ef35b32ef075413b756766208370cde43357dffc3333d2acf29b70793c15d.png"
                            src="./imgs/erwm.png"
                        />
                    </div>
                    <div class="text" style="font-size: 10px;font-weight: 400;color: #777777;">
                        出示称重码
                        <div class="devcc">出示称重码</div>
                    </div>
                </van-col>
            </van-row>
@@ -96,9 +97,12 @@
                </van-row>
            </div>
        </div>
        <div class="ButtonBody">
            <van-button type="primary" round block>退出登录</van-button>
        </div>
        <van-tabbar v-model="active" @change="tabChang">
            <van-tabbar-item name="home" @click="active = 'home'" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item name="my" @click="active = 'my'" icon="manager">我的</van-tabbar-item>
            <van-tabbar-item name="home" icon="like">首页</van-tabbar-item>
            <van-tabbar-item name="my" icon="manager">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
@@ -134,6 +138,17 @@
        width: 92%;
        margin-left: 4%;
        text-align:left;
        .listrow{
            grid-template-columns: minmax(50px, 20%) 1fr ;
            display: grid;
            .rowtext{
                margin-top: 15px;
                font-size: 13px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #777777;
            }
        }
        .hader-regth{
            height: 50px;
            text-align:right;
@@ -143,7 +158,7 @@
    .userInfo{
        width: 92%;
        margin-left: 4%;
        height: 100px;
        height: 140px;
        background: #FFFFFF;
        box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
        border-radius: 5px;
@@ -223,4 +238,27 @@
        }
    }
}
.info8{
    text-align: right;
    padding-right: 40px;
    border-left: #F1F1F2  solid 1px;
    // background: #166bd3;
    .devcc{
        height: 14px;
        font-size: 10px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #777777;
        line-height: 14px;
    }
}
.text{
    background: #166bd3;
}
.ButtonBody{
    margin-top: 20px;
    width: 92%;
    margin-left: 4%;
    // background: #166bd3;
}
</style>