微信小程序个人信息页面

最新推荐文章于 2024-07-29 20:39:08 发布

N_stardust

最新推荐文章于 2024-07-29 20:39:08 发布

阅读量3.6w

点赞数 4

本文链接：https://blog.csdn.net/n_stardust/article/details/80276151

版权

本文介绍如何在微信小程序中创建个人信息展示页面，包括wxml结构的搭建和通过JS获取并显示个人信息的内容。

摘要由CSDN通过智能技术生成

在微信小程序中我们要显示个人信息的页面，在个人信息页面中我们还需要修改一系列的信息，那么就来看看个人信息的页面该怎么搭建吧，以及获取信息内容。

前台页面wxml的搭建

<!--pages/personal/personal.wxml-->
<view class="container">
   <view class='logo'>
      <view class='return'>返回</view>
      <view class='per'>个人信息</view>
   </view>

   <view class='percontent'>
      <view class='photo'>
         <view class='tphoto'>头像</view>
         <view class="image">
           <image class="tupian" style="width: 150rpx; height: 150rpx;" mode="{
  {item.mode}}" src="{
  {src}}"></image>
         </view>
      </view>
      
      <view class='name'>
          <view class='name2'>班级</view>
          <view class