当前位置: 首页 > article >正文

搞个微信小程序002:个人信息

新建一个用于,和001中一样,然后,就改掉两个文件:

index.wxml:

<view>
  <!-- 头像区域 -->
  <view class="top">
    <view class="user-img">
      <image src="/images/tx.png"></image>
    </view>
  </view>
  <!-- 详细信息区域 -->
  <view class="menu">
    <view class="item">姓名:中锋</view>
    <view class="item">年龄:-9600</view>
    <view class="item">性别:男</view>
    <view class="item">特长:编程</view>
    <view class="item">爱好:佛法,中医</view>
  </view>
</view>

index.wxss:

/**index.wxss**/
/* 头像区域的样式 */
.top {
  background: #0a87ec6e;
  width: 100%;
  padding: 30rpx 0;
}
.top .user-img {
  width: 252rpx;
  margin: 0 auto;
 }
.top image {
  width: 252rpx;
  height: 252rpx;
  border-radius: 50%;
  border: 6rpx solid #777F92;
}
/* 详细信息区域的样式 */
.menu .item {
  height: 96rpx;
  line-height: 96rpx;
  border-bottom: 2rpx solid #ccc;
  padding: 0 40rpx;
  font-size: 34rpx;
}

当然,要添加好头像文件tx.png,放下images目录下(images要自己新建):

效果:


http://www.kler.cn/a/103683.html

相关文章:

  • wf-docker集群搭建(未完结)
  • Python Opencv实践 - 入门使用Tesseract识别图片中的文字
  • 基于Java的学生学籍管理系统设计与实现(源码+lw+部署文档+讲解等)
  • 计算机视觉与深度学习 | 基于点线融合的视觉惯性SLAM前端
  • AOP和OOP有什么异同点
  • framework Android
  • rust - 理解borrow trait
  • 用libuv实现遍历文件系统
  • 【python入门】异常、文件操作
  • 【Airflow】构建爬虫任务系统
  • django报错--Not Found The requested URL was not found on the server.
  • 【【萌新的SOC学习之SD卡DMA回路读写大数据的实验】】
  • 多级缓存入门
  • 安卓主板_MTK联发科4G低功耗安卓主板开发板方案
  • Git - 导出(archive)、忽略(gitignore)、隐藏(Stash)、合并冲突(merge)的解决方法
  • 【机器学习合集】标准化与池化合集 ->(个人学习记录笔记)
  • 订水商城H5实战教程-04用户注册
  • VMwarePlayer安装Ubuntu,切换中文并安装中文输入法
  • Python基础教程:列表推导式详解
  • 【Java网络初识】 一