程序员经验分享-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开发知识付费系统个人中心界面 的相关文章

  • Python输出xml文件

    代码实例 xff1a from xml dom import minidom import os def get cur path return os getcwd def make xml 创建Document xml 61 minido

  • python3：四种常见方式从远程服务器下载文件（paramiko、requests、wget、urllib2）

    paramiko 下载一个文件夹时 xff0c 便可以使用这个方法 xff0c paramiko模块提供了ssh及sftp进行远程登录服务器执行命令和上传下载文件的功能 这是一个第三方的软件包 xff0c 使用之前需要先进行安装 pip s

  • kali系统更新之后桌面图标不见了的解决方法

    命令行下 xff1a gnome tweaks 或者 xff1a 显示应用程序 软件 附加组件 在扩展 xff08 extention xff09 那一栏里面有个 Desktop icons这个选项 xff0c 如果没见到 xff0c CT

  • linux下ftp上传文件用nginx访问时403错误解决办法

    编辑nginx配置文件 xff1a vim usr local nginx conf nginx conf 修改文件中两个地方就可以了 xff0c 一个是开启root的权限 xff0c 一个是指定图片文件夹的根路径 xff0c 下面配置文件

  • wwwwwwwwwwwww

    wwwwwwwwwwwwww

  • xrdp 登录保持相同的登陆会话 (xfce-session)

    问题描述 在按照 1 中的步骤 xff0c 利用 Ubuntu 16 04 43 xrdp 43 Xfce 实现 Windows 远程桌面连接 Linux 后发现一个问题 xff0c 有的时候重启电脑 IP 改变 程桌面卡死 网络中断或者点

  • VNC登录失败：Authentication Failure-20201208

    1 配置好putty之后 xff0c 登录VNC出现问题 xff0c 换了多个端口都不行 2 然后看到说明文档最后给了一个重置密码 xff0c 就试了一下 xff0c 我的password和verify都是一样的密码 xff0c 都是之前初

  • Origin pro更改语言灰色时的解决办法

    从官网下载的origin pro学生版在激活以后change language按钮是灰色的 xff0c 修改注册表也是提示失败 解决方法如下 通过给origin发邮件 xff0c 得到了如下的答复 I guess you were usin

  • 【Android P】OTA升级包定制，移除不需要更新的分区，重新打包签名

    文章目录 1 前言2 基本步骤3 详细过程3 1 解压update zip到指定目录3 2 编辑OTA文件3 2 1 编辑 updater script3 2 2 删除tvconfig img文件3 2 3 确认OTA签名文件 3 3 重新

  • 编程语言学习——0基础C语言入门

    自我介绍 我是一名即将升入大三的计算机科学与技术专业的学生 xff0c 这是我第一次在CSDN上发表文章 xff0c 在平时写代码时我会经常遇到许许多多的问题 xff0c 所以在这个假期中我想不断地充实自己 xff0c 让自己的专业知识基础

  • JSONArray 添加过滤和删除的指定元素的功能

    JSONObject o1 61 new JSONObject o1 put 34 key 34 34 2 34 o1 put 34 key2 34 34 3 34 JSONObject o2 61 new JSONObject o2 pu

  • 用R语言生成均匀设计

    实践中 xff0c 对于多因素的试验设计 xff0c 以往多是采用正交设计 最近 xff0c 有人咨询我 xff0c 两个因素4个水平的正交设计是怎样的 xff1f 我运行了DoE base包里的oa design xff0c 结果令人诧异

  • Win10睡眠后自动唤醒启动的问题

    Win10刚安装上一切都挺好的 xff0c 不知从何时起 xff0c 突然发现无法进入睡眠状态了 因为有时图方便 xff0c 晚上不关机 xff0c 通常在半小时后会进入睡眠状态 xff0c 也就是除了内存 xff0c 电脑会关闭其他设备的

  • VTR安装过程中的错误汇总（一）

    在github上下载得到VTR源码之后 xff0c 首先要在其目录下运行命令 install apt packages sh 但在允许这个命令时出现错误 xff0c 部分提示信息为 xff1a The following packages

  • 神级输入法小狼豪输入法设置

    重新佈署的操作方法 中州韵 点击输入法状态栏上的 Deploy 按钮 小狼毫 在托盘图标上右键选择 重新佈署 鼠鬚管 在系统语言文字选单中选择 重新佈署 对设置的修改於重新佈署后生效 编译新的输入方案需要一段时间 xff0c 此间若无法输出

  • FTP多目录和多用户配置（用户隔离/虚拟目录）

    FTP多目录和多用户配置 xff08 用户隔离 虚拟目录 xff09 假设有四个部门分别是user1 user2 user3 admin 要求四个部门都有各自有独立的访问目录 xff0c 且admin部门可以访问其他部门的文件但不能对其进行

  • Android ViewBinding 使用指南— 全新的视图绑定工具

    通过视图绑定功能 xff0c 您可以更轻松地编写可与视图交互的代码 在模块中启用视图绑定之后 xff0c 系统会为该模块中的每个 XML 布局文件生成一个绑定类 绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用 Tip xff

  • java枚举与前端的交互

    java后台与前端交互时 xff0c 如果java参数属性是枚举类型 xff0c 则交互时需要进行序列化与反序列化 当需要把枚举格式以 34 enum 34 34 code 34 34 34 34 message 34 34 34 格式返回

  • Android日志通过logcat实时输出至文件

    Android日志通过logcat实时输出至文件 一 前言二 利用logcat系统方法将日志输出到文件中 一 前言 相信在开发结束后 xff0c 开发者在开发完成后 xff0c 将apk发给测试人员 xff0c 会出现一下很尴尬的问题 测试

  • Android studio 冲突解决

    通过gradle引入依赖 xff0c 想来经常会遇见多个依赖引用重复的包 xff0c 导致项目编译不过 xff0c 以下是我遇见时的一个解决思路 一 使用task查看gradle可编译版本 gradlew task 以上代码片可查看可编译的

随机推荐

  • Android 使用Properties配置文件

    相信各位在进行Android开发过程中会遇见有时需要把一些配置信息保存到本地的需求 xff0c 当然Android中有SharedPreferences可以提供给我们使用 xff0c 但是知道另一种方法也不错 xff0c 是吧 以下是针对使

  • linux(adb)常用命令

    方便以后查找一下简单记录下Linux adb也适用 的常用命令 一 ls ls abc al ls指令主要用来查看目录下文件的信息 xff0c 基本格式 ls 路径 可选 指令 可选 路径默认为当前路径 xff0c 填写后为指定目录 指令

  • Android输出调试日志至文件中

    本博客讲述的是android输出日志到文件中 xff0c 不依赖于任何类 xff0c 仅需配置读写外部存储卡的权限 xff0c 可叠加输出日志文件 xff0c 可区别调试模式与正式发布版本进行选择性输出 可直接在项目中使用 下面贴上代码 代

  • WinForm使用Aspose.cells利用模板导出Excel

    Aspose是一个处理文件格式的组件 可对Words Excel等工具进行操作 实现代码数据导出 在这里我介绍以及提供Aspose对Excel Aspose Cells 导出的工具类 1 首先介绍Aspose Cells的基础知识 xff1

  • Android实现View隐藏显示渐变动画

    这是一个动画的工具类 xff0c 实现了界面标签从Visible gt InVisible 以及InVisible gt Visible的逐渐显示与隐藏 下面是它的全部代码 span class hljs keyword import sp

  • 消息中间件及WebSphere MQ入门

    级别 初级 娄丽军 软件部售前工程师 2003 年 11 月 01 日 消息队列技术是分布式应用间交换信息的一种技术 消息队列可驻留在内存或磁盘上 队列存储消息直到它们被应用程序读走 通过消息队列 xff0c 应用程序可独立地执行 它们不需

  • SecureCRT下载地址(包含破解程序)

    SecureCRT是访问linux比较好的工具 xff0c 在这里分享一下下载的地址 xff0c 内部并且附带了破解程序 xff0c 软件在这个地址SecureCRT下载地址 包含破解程序 xff08 分享密码 yk8m xff09 破解的

  • Android databinding详解(一)--layout解析

    在上一篇文章Android Databinding 初识 xff0c 介绍了Databinding及代码示例 xff0c 在这里将从代码的层次上进行Databinding的详细讲解 本章节主要讲解Data binding的xml文件的代码书

  • Android databinding(详解三)--自定义属性使用

    在上面的几篇文章 Android databinding中Activity详解 从一个例子中解析了 xff0c Android databinding的使用 xff0c 本篇文章是databinding中的自定义属性的使用 databind

  • 小白的编程经验（终端个性化设置、自定义命令）

    在日常学习中 xff0c 可能会想要让终端显示个性化 xff0c 自定义各种功能命令提高学习效率 这篇文章就带大家了解一下如何个性化设置终端与自定义命令 一 外观设置 对于终端外观的设置 xff0c 主要是设置字体大小 光标形状和终端的背景

  • user版本如何打开uart，让android log从串口kernel log输出

    user版本打开uart 如何在user版本中使用串口 uart bootable bootloader lk app mt boot mt boot c span class hljs number 582 span span class

  • 在idea中创建maven工程，搭建mybatis框架，完成单表增删改查操作

    1 在数据库中创建一个表 2 在pom xml里面导入maven依赖 4 可以在Mybatis 3官方文档中找到MySQL连接池 xff0c 在main文件下创建mybatis config xml文件并将MySQL连接池粘贴到 xml文件

  • No plugin found for prefix 'exec' in the current project and the plugin groups (Failure to transfer)

    这个问题困扰了我很长时间 xff0c 百度找了很久都没有找到解决方法 xff0c 最后发现可能是因为服务商网络问题导致访问被禁止了 xff0c 然后我就换用阿里云的库 xff0c 替换maven官网的库 xff0c 找到maven安装地址或

  • python循环结构

    一 循环是什么 xff1f 循环结构是指在程序中需要反复执行某个功能而设置的一种程序结构 它由循环体中的条件 xff0c 判断继续执行某个功能还是退出循环 根据判断条件 循环结构又可细分为以下两种形式 先判断后执行的循环结构和先执行后判断的

  • 给 Systemd service配置环境变量

    事件起因 xff0c 新加了个vncserver服务需要链接某个共享库 xff0c 这个共享库放在自定义的库路径中 xff0c 需要在服务启动前设置LD LIBRARY PATH环境变量 把export LD LIBRARY PATH加到了

  • 一个程序员的回忆录

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

  • python遇到‘\u’开头的unicode编码

    web信息中常会遇到 u4f60 u597d 类型的字符 首先 u 开头就基本表明是跟unicode编码相关的 xff0c u 后的16进制字符串是相应汉字的utf 16编码 python里decode 和encode 为我们提供了解码和编

  • 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 先

热门标签