微信小程序制作个人信息页面只用wxml和wxss代码

微信小程序的个人信息页面主要是通过WXML (WeiXin Markup Language) 和 WXSS (WeiXin Style Sheets) 这两种前端模板语言来构建的。WXML 负责页面的结构布局，类似于 HTML，而 WXSS 则用于样式控制，类似 CSS。

首先，在 WXML 文件中，你可以创建一个结构，比如一个`<view>`元素作为主容器，包含用户的头像、昵称、性别等基本信息，如下所示：

<view class="user-info">
  <image src="{{ avatar }}" wx:if="{{ isShowAvatar }}"> <!-- 显示用户头像 -->
  <text>{{ nickname }}</text> <!-- 用户昵称 -->
  <text>{{ gender }}</text> <!-- 性别信息 -->
</view>

WXSS 中，你可以为`.user-info`这类选择器定义相应的样式，如颜色、字体大小等：

.user-info {
  display: flex;
  align-items: center;
  padding: 10rpx;
}

.image {
  width: 50rpx;
  height: 50rpx;
  margin-right: 10rpx;
}

.text {
  font-size: 28rpx;
}