From 4b66df9b8b0e5273faab053d72666209af166a02 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期五, 23 九月 2022 16:26:51 +0800
Subject: [PATCH] up123
---
src/views/myMine/index.vue | 74 +++++++++++++++++++++++++++++--------
1 files changed, 58 insertions(+), 16 deletions(-)
diff --git a/src/views/myMine/index.vue b/src/views/myMine/index.vue
index 1875b56..8f1e705 100644
--- a/src/views/myMine/index.vue
+++ b/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>
@@ -119,10 +123,14 @@
}
</script>
<style lang="scss" scoped>
+ body{
+ background-color:#166bd3;
+ }
.page{
background-color:#F6FAFF;
position:relative;
min-width: 375px;
+ min-height: 800px;
.hader{
margin-top: 20px;
margin-bottom: 20px;
@@ -130,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;
@@ -139,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;
@@ -219,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>
\ No newline at end of file
--
Gitblit v1.8.0