程序员经验分享-hwhale

uni-app开发知识付费系统个人中心界面

2023-05-16

hello 大家好，我是老张，那个不务正业的PHP开发工程师。今天是我使用uni-app开发在线教育系统的第三天了，今天主要开发了底部菜单的，学习页面，个人中心页面，先给大家预览下效果图

 

 

目前底部菜单页面已经全部开发完毕了，下面就是首页导航切换的静态页面开发了，关于这两个页面的布局我采用了uni-app  里面的flex 布局开发，Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。当设置display: flex后，继续给view等容器组件设置flex-direction: row或column，就可以在该容器内按行或列排布子组件。uni-app推荐使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。

个人中心的图标是uni-app 的字符图标，目前暂时先这样，后面会让专业的设计师去设计这个图标，我的设想是这个个人中心页面的图标是动态可以更换的。

我的学习页面主要包含了，学习的一些数据，可以更加直观的看到自己的学习情况，下面是观看的历史记录和我已经购买的课程方便直接学习或者接着学习。

个人中心是菜单功能的一个快捷入口主要包含平台的介绍，反馈的建议等数据

总结

使用uni-app开发其实和使用HTML 开发差不多，并不需要多么深的前端功底。慢慢对这个uni-app 越来越熟练了，其中的css  感觉是自己的弱项，后面会在开发中渐渐学习这个知识。

没有一件事是简单的，只要想去做就一定可以成功，坚持就OK。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

uni-app开发知识付费系统个人中心界面 的相关文章

  • 第一篇——记录自己的学习过程吧

    初次写博客 xff0c 希望记录一下自己的学习之路 xff0c 也希望以这种方式来监督提醒自己在这条喜欢的路上走下去 xff0c 希望再回首 xff0c 我能看的一个不一样的自己 本人大三程序员 xff0c 可以说是非常渣的那种 我选择软件

  • 什么是ELK？

    出处 xff1a https www cnblogs com aresxin p 8035137 html 我们在进行日志分析时 xff0c 目前的处理方式是在日志文件中grep xff08 一种强大的文本索引工具 xff09 awk xf

  • linux shell脚本将命令执行结果赋值给变量

    使用 例子 xff1a a 61 echo hello world 将命令echo 34 hello world 34 的输出赋给变量a

  • 网段、子网掩码计算方法

    计算 10 21 224 0 22 表示的网段 10 21 224 0 22 是表示网段的方法 xff0c 前面是ip或者子网 xff0c 后面的数字是掩码中高位算起1的位数 xff0c 22就是掩码的高位有22个1 xff0c 即 xff

  • ES6 module.exports和export详解

    module exports和export详解 前言一 commonJs 使用步骤1 导出属性2 导出类 二 ES6规范对外暴露的方式分别暴露统一暴露暴露的时候指定别名 默认暴露 引入方式1 解构赋值引入2 直接引入3 通配符导入 前言 概

  • STM32最小系统详解

    STM32最小系统详解 1 电源电路2 晶振电路3 复位电路4 下载电路 xff08 串口下载 xff09 本文章将以普中的STM32F103系列的开发板为载体 xff0c 任何一款STM32开发板都是在其最小系统基础上添加多个功能模块组成

  • 【CAM】Learning Deep Features for Discriminative Localization

    论文链接 github Abstract 1 Introduction CNN能保留位置信息 xff0c 但经过用于分类的全连接神经网络时会丢失位置信息 最近的NIN和GoogLeNet使用全卷积网络 避免使用全连接层 xff0c 来减少参

  • yolov3详解

    目录 1 anchor的计算机制 2 anchor对应机制 3 网络结构 4 训练过程 5 测试过程 1 anchor的计算机制 锚框anchor是真值框和预测框之间的桥梁 xff1a 预测框在锚框基础上 xff0c 预测出框的大小 xff

  • javaScript-06 表单验证 详细易懂，加案例分析

    目录 一 JS表单验证基本介绍 1 1 JS表单验证概述 1 2表单验证的作用 1 3JS表单验证需求分析 二 JavaScript 事件列表 三 表单验证方式 3 1 string常见方法 3 2 案例 例 xff1a submit事件

  • 云服务器如何选型？可以从这几个方面来考虑

    一 主机配置选择 云服务器的配置因公司业务而异 xff0c 一般来说对于访问量较小的个人网站 xff0c 1核1G更合适 xff0c 2核4G的配置可以满足大多数的用户需求 xff0c 比如企业运营 一般性数据处理 并行计算处理等 xff0

  • 智能家居项目实训笔记（华清远见）（一）

    智能家居项目笔记 准备工作C 43 43 c 43 43 编译器g 43 43 命令符操作命名空间头文件写法指针和引用引用数组引用指针引用C 43 43 修改一块内存 准备工作 基础语法 xff1a C 43 43 跨平台开发 xff1a

  • Object Tracking using OpenCV (C++/Python)（使用OpenCV进行目标跟踪）

    原文链接 xff1a https www cnblogs com annie22wang p 9366610 html 本博客翻译搬运自https www learnopencv com object tracking using open

  • 使用securecrt从远程服务器A ssh连接到服务器B

    在工作中我们经常遇到这样一个问题 xff0c 服务器A和服务器B在一个内网中 xff0c 服务器A有外网ip xff0c 但服务器B没有外网ip或者我们只知道服务器B的内网ip 这时候我们要怎么登上服务器B呢 xff1f 假设服务器A和B都

  • Ubuntu图形界面突然崩溃

    teamviewer远程操作 xff0c 在多工作区切换时Ubuntu图形界面崩溃 重启图形画面后tty7黑屏 sudo service lightdm restart 查看日志 var log lightdm x 0 log 查看日志 v

  • Ubuntu安装显卡驱动

    首先选择显卡对应的驱动版本 sudo bash NV sh no opengl files no x check no nouveau check 参考链接 xff1a https www cnblogs com matthewli p 6

  • Ubuntu 下mysql数据库存放位置迁移

    1 确认mysql 数据存放位置 mysql u root p 输入密码后进入命令好操作 show variables like 39 dir 39 可以看到我们的数据库存放在 datadir 61 var lib mysql 然后关闭my

  • 映射公网的几种方式

    转载自 xff1a http blog csdn net sadshen article details 48240519 这篇文章花了好几天 xff0c 系统地梳理出了映射公网的几种方式 虽然是针对微信开发的外网服务器来寻找解决方案 xf

  • docker：一个container映射多个端口到Host

    如果一个参数的选项格式是 比如 H 61 host p 61 portdirection 这都意味着这个flag可以多次出现 xff0c 所以此处可以多次指定端口映射规则 例 xff1a docker run d p 80 80 p 22

  • 深度学习电脑配置

    来源 xff1a 雷锋网 本文作者 xff1a 三川 原文链接 xff1a https www leiphone com news 201705 uo3MgYrFxgdyTRGR html 与 传统 AI 算法相比 xff0c 深度学习 x

  • Spring Data JPA delete语句

    执行delete和update语句 xff0c 需要添加 64 Modifying注解 xff0c 使用时在Repository或者更上层需要 64 Transactional注解 例如 xff1a 64 Query value 61 34

随机推荐

  • 计算机视觉四大基本任务(分类、定位、检测、分割)

    原文链接 xff1a https zhuanlan zhihu com p 31727402 引言 深度学习目前已成为发展最快 最令人兴奋的机器学习领域之一 xff0c 许多卓有建树的论文已经发表 xff0c 而且已有很多高质量的开源深度学

  • ubuntu 查看内存命令

    原文链接 xff1a https blog csdn net jzp12 article details 7560450 Linux中使用free可以查看系统内存使用状态 默认单位为KB为单位 xff0c 在此我以MB为单位说明 lostm

  • python读写h5文件

    原文链接 xff1a https blog csdn net leibaojiangjun1 article details 53635353 h5接受的数据是矩阵跟mat方法一致 xff0c 但是具有更强的压缩性能 使用hdf5依赖于py

  • ubuntu配置novnc通过web访问服务器

    希望通过vnc去连接主机去看控制服务器系统 xff0c 集成到web中使用 novnc是一种选择 环境如下 xff0c 两个主机host1 host2 xff0c web装载81 224中 xff0c 环境使用的Ubuntu 16 04 具

  • 跨平台构建 Docker 镜像新姿势，x86、arm 一把梭

    点击 34 阅读原文 34 可以获得更好的阅读体验 在工作和生活中 xff0c 我们可能经常需要将某个程序跑在不同的 CPU 架构上 xff0c 比如让某些不可描述的软件运行在树莓派或嵌入式路由器设备上 特别是 Docker 席卷全球之后

  • python 批量将列表元素转换为数字

    原文链接 xff1a https www jb51 net article 86561 htm 本文实例讲述了Python中列表元素转为数字的方法 分享给大家供大家参考 xff0c 具体如下 xff1a 有一个数字字符的列表 xff1a 1

  • numpy数组精确保存为图片的方法

    发现用cv2 write scipy misc imsave scipy misc toimage save 保存都有细微的偏差 xff0c 最终用PIL Image fromarrya save 才能精确地将值保存下来 参考链接 xff1

  • STM32遇到的结构体数组成员未被赋值问题

    这里写自定义目录标题 现象解决方法参考文章 现象 这几天用STM32F411做BP神经网络 xff0c 在电脑上训练好之后移植到STM32里得到的预测值全部都是0 5 xff0c 用keil仿真发现隐含层的输出数据全部都是2 3648316

  • 硬软件系统的实时性

    1 实时性的考察对象 xff1a 单片机 实时操作系统和分时操作系统 1 1 单片机裸机OS 一 古老的51单片机 二 当下最流行意法半导体的STM32 Cortex M3系列 Cortex M4 Cortex M0和Cortex M7系列

  • Linux基础命令 - 文件及目录操作, 打印输出, 查找命令, 用户及权限管理, vi的使用等

    Linux基础指令 文章目录 Linux基础指令综合知识 vi 纯文本编辑器 https qq wdev cn c vi html 语法格式 xff1a vi 参数 文件命令模式插入模式底行模式 重定向符号通配符管道符 文件及目录操作命令

  • CSS中常见的高度塌陷问题及解决办法

    在使用css实现样式时 xff0c 难免碰到一个棘手的问题 高度塌陷 xff0c 如果把问题分析通透 xff0c 那就容易解决了 塌陷 很容易让人联想到高楼倒塌 xff0c 高度 也应证了这是出现在两个垂直相交的元素 xff08 盒子 xf

  • Dockerfile的用法

    Dockerfile指令 基本结构指令FROMMAINTAINERRUNCMDEXPOSEENVADDCOPYENTRYPOINTVOLUMEUSERWORKDIRONBUILD 创建镜像 基本结构 Dockerfile 是一个文本格式的配

  • Centos上 关闭Linux防火墙(iptables) 及 SELinux

    革命尚未成功 xff0c 同志仍须努力 关闭Linux防火墙 iptables 及 SELinux 一 关闭防火墙 1 重启后永久性生效 xff1a 开启 xff1a chkconfig iptables on 关闭 xff1a chkco

  • yolov3 中box坐标的处理

    yolov2吸收faster rcnn的anchor box机制时遇到训练不稳定的问题 xff0c 分析认为是bbox坐标回归时没有限制 xff0c 导致anchor box可能会去预测一个距离很远的object xff0c 效率不高 xf

  • i2c总线最多可以挂多少个ic

    i2c总线最多可以挂多少个ic 有哪些因素决定 xff1f 1 由IIC地址决定 xff0c 8位地址 xff0c 减去1位广播地址 xff0c 是7位地址 xff0c 2 7 61 128 xff0c 但是地址0x00不用 xff0c 那

  • 竞品分析十大维度

    一 市场现状 行业现状 xff08 200 300字 xff09 1 以行业的全局进行分析 xff0c 市场的容量 xff0c 市场的发展前景 2 目前市场上的行情是怎么样的 xff1f 哪些是直接竞品 xff0c 哪些是间接竞品 xff1

  • 一个程序员的回忆录

    要么庸俗 xff0c 要么孤独 要么庸俗 xff0c 要么孤独 叔本华 今天是一个特殊的时间 xff0c 一个国庆和中秋在同一天的时间 特殊的时间总会回想起一些事情 xff0c 当事情可以用文章来表达的时候 xff0c 我便不再孤单 xff

  • My_Admin 独立系统开发第一节

    项目介绍 My Admin 项目后台该后台采用Tp5 43 layuimini 研发 xff0c 系统呢是准备研发一个垃圾回收小程序 垃圾回收小程序是结合市场需求开发的一个集运营与跑男端的垃圾回收小程序 目的是企业可以通过招募跑男 xff0

  • uni-app快速入门开发一个项目

    hello 大家好 xff0c 我是老张 xff0c 有的人称呼我为张工 一个不务正业的PHP开发者 xff0c 立志于做一个全栈开发工程师 今天呢 xff0c 我想补充一章关于uni app 如何开发 xff0c 如何建立项目 xff0c

  • uni-app开发知识付费系统个人中心界面

    hello 大家好 xff0c 我是老张 xff0c 那个不务正业的PHP开发工程师 今天是我使用uni app开发在线教育系统的第三天了 xff0c 今天主要开发了底部菜单的 xff0c 学习页面 xff0c 个人中心页面 xff0c 先

热门标签