From 719146bf3020d1aee5fe92e446b1f65c7ee89cb4 Mon Sep 17 00:00:00 2001
From: whycq <you@example.com>
Date: 星期三, 14 十二月 2022 23:05:37 +0800
Subject: [PATCH] #
---
pages/user/user.vue | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 59 insertions(+), 0 deletions(-)
diff --git a/pages/user/user.vue b/pages/user/user.vue
index 02409e3..97f4c69 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,8 +1,67 @@
<template>
+ <view>
+ <view class="user">
+ <!-- 澶村儚 -->
+ <view class="user-avatar">
+ <img src="" alt="">
+ <!-- <image src="" mode="aspectFit"></image> -->
+ </view>
+ <!-- 淇℃伅 -->
+ <view class="user-info">
+ <view class="user-name">闄堥箯</view>
+ <view class="user-company">涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</view>
+ </view>
+ <!-- 鏇村 -->
+ <view class="user-icons">
+ <uni-icons type="right"></uni-icons>
+ </view>
+ </view>
+ </view>
</template>
<script>
</script>
<style>
+ .user {
+ width: 100%;
+ height: 200rpx;
+ background-color: #f8f8f8;
+ display: grid;
+ grid-template-columns: 1fr 4fr 1fr;
+ }
+ .user-avatar {
+ height: 200rpx;
+ width: 200rpx;
+ /* background-color: aquamarine; */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .user-avatar img {
+ height: 100rpx;
+ border-radius: 20rpx;
+ }
+ .user-info {
+ height: 200rpx;
+ display: grid;
+ grid-template-rows: 2fr 2fr;
+ /* background-color: aqua; */
+ }
+ .user-name {
+ height: 100rpx;
+ width: 100%;
+ display: flex;
+ align-items: flex-end;
+ font-size: 30rpx;
+ font-weight: 700;
+ }
+ .user-company {
+ height: 100rpx;
+ }
+ .user-icons {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1