首页
学习
活动
专区
圈层
工具
发布

mpvue——仿QQ【一】

前言 原生仿QQ https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program 这个是当时学习小程序时,模仿的一个demo,只不过是纯页面没啥具体的功能...——引入vant_weapp组件 mpvue——componets中引入vant-weapp组件 mpvue——引入iconfont字体图标 mpvue——API请求封装(小程序原生) mpvue——页面跳转...mpvue——小程序修改input的placehold样式 mpvue——引入echarts图表 mpvue——动态渲染echarts图表 mpvue——引入echarts打包vendor过大 编写页面...做之前考虑哪些是可以复用的就封账成组件 最后确定使用colorUI+mpvue+gateway来实现,代码更新在github https://github.com/wangyang0210/Imitate-QQ-For-Mini-Program.../tree/mp-color-qq 2019-05-21 13:51:09 前端代码基本更新完毕

41910
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    仿qq底部Tab导航

    切换 使用RadioGroup和RadioButton实现仿qq底部切换 使用RadioGroup和ViewPager 实现可以滑动切换的仿qq底部Tab切换 解决Fragment多次实例化的几种方案...RadioGroup和ViewPager 实现可以滑动切换的仿qq底部Tab效果图 ? 使用FragmentTabHost实现qq底部Tab切换 第一步先看布局文件 <?...---- 使用RadioGroup和RadioButton实现仿qq底部切换 第一步 ,先看布局文件 <?xml version="1.0" encoding="utf-8"?...showFragment(mCurFragment, to); mCurFragment = to; } }); ---- 使用RadioGroup和ViewPager 实现可以滑动切换的仿qq...() - 1); ---- 到此仿qq底部tab切换的集中方法已经讲解完毕,之所以讲解了 三种方法,是想让大家了解多种实现方式,因为每一个人的习惯都不一样,有些人习惯使用与第一种方式,有人习惯使用第二种方式

    2.6K10

    Fdog系列(一):思来想去,不如写一个聊天软件,那就从仿QQ注册页面开始吧。

    自动缩放,控件的显示和隐藏 5.响应用户输入操作 一.前言 两年的大学生活马上就要结束了,马上面临实习,突然心血来潮,想着最后再来写一个项目来总结这几年所学的东西,难的项目,咱也不会,索性就模仿qq来写一个...那么接下来,也是该篇的任务,我们来看如何用html写一个注册页面并使用js加载用户输入响应,在第二篇,将带领大家学习如何将html变成jsp,并使用java写其对应的后台响应。...js/backv.js"> 当值为1000时效果入下 ?...@media (max-width:1100px) { .fdogback { display: none; } } 如果页面一直缩小,直到手机大小呢?...如何根据用户输入的内容给出响应的提示,这里也是使用js进行判断的。 例如我们的昵称响应,当鼠标向输入框输入内容时,触发js中的checkUserName函数。

    1.2K30

    仿QQ音乐(HTML+CSS)

    @TOC 一、‍网站题目 音乐网页设计 、仿网易云音乐、各大音乐官网网页、明星音乐演唱会主题、爵士乐音乐、民族音乐、等网站的设计与制作。...子页面有纯文字页面和图文并茂页面。 一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分。...所有页面相互超链接,可到三级页面,有5-10个页面组成。 页面样式风格统一布局显示正常,不错乱,使用Div+Css技术。 菜单美观、醒目,二级菜单可正常弹出与跳转。...要有JS特效,如定时切换和手动切换图片轮播。 页面中有多媒体元素,如gif、视频、音乐,表单技术的使用。 页面清爽、美观、大方,不雷同。 。...其中: (1)html文件包含:其中index.html是首页、其他html为二级页面; (2) css文件包含:css全部页面样式,文字滚动, 图片放大等; (3) js文件包含:js实现动态轮播特效

    8.7K20

    仿qq聊天及定位等

    在聊天的页面中,用户的头像都是在本地存的。包括聊天的信息,也是本地数据库存的。这样就能记录信息。也可以扩展把聊天记录导出。 在本地创建的 消息数据库中。...                        "isRead integer ," +                         "isReplyLocation integer )"; 这样再次进入聊天页面就可以把数据库的内容读出来...仔细看源码的话发现,在进入页面适配数据的时候已经从数据库读取内容了,而在适配器中查看图片,又重新读取了一次, 主要是因为,不这样做还是不能正确显示和播放。  对这个问题很费解。...进入到聊天页面,换取到数据,很据数据类型来加载对应的layout,当然还要判断用户ID,信息的读取是根据用户ID来获取的 01 02 03 04 05 06 07 08 09 10 11 12 13 14

    1.1K60

    java版仿qq简易聊天程序

    项目全部文件(包括素材和源码)已上传到github https://github.com/wwang-dev/MyQqChat qq聊天项目使用简介: 项目环境配置 软件开发工具:IntelliJ IDEA...登录成功进入主页面,双击在线好友即可打开聊天界面 d....客户端代码结构: package com.client.view Login.java//用户登录界面 Chat.java//好友聊天界面 FriendList.java//登录成功主页面...补充以下: 目前没有提供注册账号功能,因为注册成功还必须添加好友,要不一个空列表没有什么意义。 只有数据库chat中t_user表中用户才能登录成功。 程序对用户输入信息进行各种检验,效果挺好。...https://blog.csdn.net/qq245034548/article/details/43063311 有什么问题或者建议欢迎在下方留言!

    3K60

    Android注册登录页面

    需求 主题:网抑云 用户注册 (账号 密码 性别 爱好…) (注册完成跳转到注册成功页面) 注册成功页面 (显示用户注册的详细信息) (可以跳转到登录页面) 登录页面 (使用用户注册时的账号密码登录...) (进行判断) 登录成功页面 (欢迎XXX(用户注册时的昵称)先生/女士 分析 不能使用回车多行输入 账号(不可为空) 密码(不可为空)(隐藏的) 确认密码(比对) 昵称(不可为空...) 性别(单选) 爱好(多选) 简介 简介可以为空,其他全部非空 inputType属性实现限制输入类型 点击注册 如果有空(吐司提示XXX不可为空) 从上到下提示 注册完毕之后: 跳转到注册成功页面...zhanghao.equals(account) == true && mima.equals(password) == true){ // 登录成功 跳转登录成功页面...注册页面 注册成功页面 登录页面 登录成功页面

    11.8K30
    领券