自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

hanachann的博客

认真专注

  • 博客(7)
  • 收藏
  • 关注

原创 css实现登录表单简单交互动画

css实现表单简单交互动画

2023-05-18 15:43:15 376

原创 【vue】引入组件

一个vue的页面一般是由多个组件构成的,接下来将讲讲vue如何引入组件。

2023-05-06 17:00:02 581

原创 【uni-app】uni-app实现聊天页面功能——功能篇(下)

前面我有写关于如何进行聊天页面布局和实现聊天消息滚动到最底部的文章。【uni-app】uni-app实现聊天页面功能——功能篇(上)【uni-app】uni-app实现聊天页面功能(小程序)——布局篇这篇文章是基于这两篇的基础上完善的。主要还是实现以下两个功能:点击聊天框的时候,聊天框随键盘抬起且聊天消息列表滚动到最底部,但整体页面不抬起聊天框textarea根据内容自适应高度,且聊天消息列表随着聊天框的增高而滚动到最底部(说白了就是最底部的消息不会被增高的聊天框给挡住)

2023-04-18 14:33:40 12625 45

原创 【uni-app】uni-app实现聊天页面功能——功能篇(上)

上一篇讲到了如何布局,这一篇将讲一下如何用uni-app实现小程序聊天页面的最主要的功能——发消息后页面滚动到最底部(参考过很多文章最后找到比较适合的方法)。其他的功能(参考微信),之后的文章会讲述到具体实现方法点击聊天框的时候,聊天框随键盘抬起且聊天消息列表滚动到最底部,但整体页面不抬起聊天框textarea根据内容自适应高度,且聊天消息列表随着聊天框的增高而滚动到最底部(说白了就是最底部的消息不会被增高的聊天框给挡住)

2023-04-14 09:38:36 5900 7

原创 【uni-app】uni-app实现聊天页面功能(小程序)——布局篇

在工作中使用uni-app参与开发一个小程序,其中要写一个简单的聊天页面,虽然功能不多(只有一个发送文字的功能),但是其中的细节比较多,也踩过很多坑,特此记录下来。要实现的页面如图所示,该篇主要讲讲如何布局(参考了很多文章之后根据页面需求进行一个整合)。

2023-04-11 17:06:01 15915 14

原创 【uni-app】vue组件无法使用uni-app页面生命周期函数(如onLoad、onShow)

组件页面无法使用uni-app页面的生命周期函数(如onLoad、onShow),可通过父组件去在页面中调用子组件的方法

2023-04-10 17:53:01 1360 2

原创 【js】超链接取消默认跳转行为

最近在学习js的一些基础知识,遇到的一些小问题,都会记录下来。

2023-02-20 16:44:35 999

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除