天天看点

用java写我的个人信息_「小程序JAVA实战」小程序我的个人信息页面开发(40)...

已经完成了登录和注册页面已经

我的页面的功能

当其他人查看我的信息,可以看到关注我,粉丝数量,关注数量,获赞数量。

当用户自己点击我的信息,可以看到上传视频,注销登录,粉丝数量,关注数量,获赞数量。

页面的设计

用java写我的个人信息_「小程序JAVA实战」小程序我的个人信息页面开发(40)...

mine文件内加入基本的小程序需要的元素

用java写我的个人信息_「小程序JAVA实战」小程序我的个人信息页面开发(40)...

mine.wxml

用java写我的个人信息_「小程序JAVA实战」小程序我的个人信息页面开发(40)...

mine.

// pages/mine/mine.js

Page({

/**

* 页面的初始

用java写我的个人信息_「小程序JAVA实战」小程序我的个人信息页面开发(40)...

mine.wxss

page {

font-size: 14px;

}

.container {

background-color: whitesmoke;

display: flex;

flex-direction: column;

align-items: center;

}

.container-row {

display: flex;

flex-direction: row;

margin-bottom: 10px;

margin-top: 10px;

}

.info-items {

margin-left: 30px;

}

.face {

width: 180rpx;

height: 180rpx;

border-radius: 50%;

margin-top: 20px;

}

.nickname {

margin-top: 5px;

font-weight: bold;

font-size: 18px;

}

.logout {

margin-top: 3px;

float: right;

}

.follow {

margin-top: 3px;

}

.line {

width: 100%;

height: 1px;

background-color: gainsboro;

margin-top: 1px;

}

.container-video {

display: flex;

flex-direction: row;

margin-top: 20px;

text-align: center;

border: solid 1px;

line-height: 30px;

}

.video-info {

width: 100%;

}

.video-info-selected {

background-color: gainsboro;

}

.container-video-

用java写我的个人信息_「小程序JAVA实战」小程序我的个人信息页面开发(40)...

PS:下次针对页面的基本的功能增加一些后台的功能,

1. 注销(注销的接口)

2. 上传视频(比较大的功能)

3. 上传头像 (用户的头像的更改)

4. 用户的信息查询(用的粉丝数,点赞数,关注数)

>>原创

>>原文链接地址: