添加科目
修改
删除
Python程序设计教程
第一章：初识Python
python的安装1
第二章：编程基础
注释
变量
数据类型
字符串
转义字符
数据类型的转换
接收键盘输入
运算符
列表
元组
字典
集合
容器的常用方法
第三章：选择结构
if语句
第四章：循环结构
for循环
while循环
第五章：函数
自定义函数
四种入参方式
匿名函数
装饰器
第七章：文件读写
读文件
写文件
读写二进制文件
文件路径和编码
with-open 读写文件
文件夹的操作
第八章：模块
模块的引入与mian函数
内置模块：random 随机数
内置模块：time 时间日期处理
内置模块：datetime 时间日期模块
内置模块：math数学模块
内置模块：urllib 发送请求
第三方模块
数据可视化模块：pyechsrts
关于python解释器的错误
游戏开发模块：pygame
python打包exe模块：pyinstaller
第九章：json数据
json与python互转
第十一章：面向对象
类的定义
创建对象
self关键字和初始方法
类的封装
类的继承
继承传递和多继承
第十三章：异常
异常捕获
自定义异常
第十四章：Python操作数据库
数据库安装
第十五章：综合训练
第十六章：网络编程和多线程
第十七章：Web开发基础
第十八章：Python变成使用知识
人力资源管理
第一章 概论
第一节 概念
第二节 职能--人力资源主要做什么
第三节 为什么要学习人力资源
第四节 人力资源发展
第二章 人力资源计划
第一节 概念
第二节 人力资源预测
第三章 工作分析与岗位评价
Electron
第一章 基础入门
安装nodejs，Electron
main.js
package.json
解决Vscode终端不可用
解决下载镜像
解决跨域与安全测咯问题
主进程、预加载脚本、渲染进程
打包exe文件
创建VUE项目
FastAPI
快速入门
创建fastapi项目
启动FastApi
路由
提交测试：docs
参数
类型注解
响应类型
进阶
中间件
依赖注入
ORM
mysql8.0版本的下载与安装
在路由中使用ORM
数据库--查询
数据库新增
数据库修改
数据库删除
UniApp
内置组件
scroll-view
swiper
CSS样式表
常用样式
宫格布局
横向滚动
css计算
display: flex;布局
一行超出后出现省略号
CSS动画
不计算边框大小与内边距大小
字体阴影，盒子阴影
背景图
文本处理
CSS高级样式
边框属性
文本属性
渐变
2D变换
3D变换
响应式布局
JavaScript脚本
Jquery
获取屏幕数据
jquery提交数据的四种方式
获得checkbox值
局部刷新
遍历json，一维，二维数组
隐藏和显示滚动条
动画
元素查找
首页+动画
原生js
获取屏幕数据
打开新窗口
提示框
Layer
layer.open
日期插件
ajax
ajax跨域的问题
数据提交
wangEditor编辑器
wangEditor编辑器
常用方法
复制
ThinkPHP3.2
Model数据层
Controller层使用Model
Model与数据表的对应
构造函数
使用原生SQL
字段缓存
数据库查询
基本查询
表达式查询，条件判断
快捷查询
统计查询
SQL原生查询
动态查询
打印sql
连贯操作
获取多条数据
获取1条数据
统计
分页
多表操作
按照某个字段进行分组后统计某个自动的综合
只获取某个字段的值
根据某个字段，获取所有
根据前面的获取后面的
使用id分割，将所有的字段变成字符串
限制获取2条，获取的是数组
获取提交的数据
获取提交的数据
数据的更新$this->save(),修改成功返回1，否则0
删除
对象化的操作
对象化的操作
视图
视图
模板
运算符
包含文件
模板替换
判断内置标签
循环内置标签
其他标签
模板中使用php代码
自定义模板标签
系统变量
系统变量
使用函数
Common下的文件
路由
路由
控制器
控制器
图片处理
图片处理
目录操作
目录操作
文件上传
文件上传
字符串处理
字符串处理
获取模块、控制器、方法的名称
数组处理
正则函数
配置文件
配置文件
入口文件
本地存储
session[存在服务器]
cookie[存在客户端]
验证码
数据回显
切割字符串
复选框
单选框
下拉
radio回显
checkbox回显
常用操作
树形数据
导入文件
事务操作
文件下载
魔术常量
常用魔术常量
累加累减
累加类减
Html
视频
基本播放器
多格式兼容写法
UniApp
→
内置组件
→
当前状态：编辑
添加
刷新
<p style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; line-height: 1.7; margin-top: 2rem; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 16px;"> 可滚动视图区域。用于区域滚动。</p> <p style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; line-height: 1.7; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 16px;"> 需注意在webview渲染的页面中，区域滚动的性能不及页面滚动。</p> <table style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-collapse: collapse; margin: 1rem 0px; display: block; overflow-x: auto; position: relative; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 16px;"> <thead style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent;"> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <th style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem; text-align: left;"> 属性名</th> <th style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem; text-align: left;"> 类型</th> <th style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem; text-align: left;"> 默认值</th> <th style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem; text-align: left;"> 说明</th> <th style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem; text-align: left;"> 平台差异说明</th> </tr> </thead> <tbody style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent;"> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-x</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 允许横向滚动</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-y</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 允许纵向滚动</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> upper-threshold</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Number/String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 50</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 距顶部/左边多远时（单位px），触发 scrolltoupper 事件</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> lower-threshold</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Number/String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 50</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 距底部/右边多远时（单位px），触发 scrolltolower 事件</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-top</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Number/String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 设置竖向滚动条位置</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-left</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Number/String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 设置横向滚动条位置</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-into-view</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-with-animation</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 在设置滚动条位置时使用动画过渡</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> enable-back-to-top</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> app-nvue，微信小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> show-scrollbar</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> true</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 控制是否出现滚动条</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> App-nvue 2.1.5+</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> refresher-enabled</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 开启自定义下拉刷新</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> refresher-threshold</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Number</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 45</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 设置自定义下拉刷新阈值</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> refresher-default-style</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> "black"</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 设置自定义下拉刷新默认样式，支持设置 black，white，none，none 表示不使用默认样式</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> refresher-background</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> String</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> "#FFF"</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 设置自定义下拉刷新区域背景颜色</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> refresher-triggered</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> enable-flex</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 启用 flexbox 布局。开启后，当前节点声明了 display: flex 就会成为 flex container，并作用于其孩子节点。</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 微信小程序 2.7.3、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> scroll-anchoring</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> Boolean</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> false</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 开启 scroll anchoring 特性，即控制滚动位置不随内容变化而抖动，仅在 iOS 下生效，安卓下可参考 CSS overflow-anchor 属性。</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 微信小程序 2.8.2</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @scrolltoupper</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 滚动到顶部/左边，会触发 scrolltoupper 事件</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @scrolltolower</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 滚动到底部/右边，会触发 scrolltolower 事件</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @scroll</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @refresherpulling</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 自定义下拉刷新控件被下拉</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @refresherrefresh</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 自定义下拉刷新被触发</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @refresherrestore</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 自定义下拉刷新被复位</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+、小红书小程序</td> </tr> <tr style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-top: 1px solid rgb(223, 226, 229); background-color: rgb(246, 248, 250);"> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> @refresherabort</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> EventHandle</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> </td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> 自定义下拉刷新被中止</td> <td style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; border-style: solid; border-color: rgb(223, 226, 229); padding: 0.4rem 0.6rem;"> H5、app-vue 2.5.12+,微信小程序基础库2.10.1+</td> </tr> </tbody> </table> <div> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll"></div> <div> <view id="demo1" class="scroll-view-item uni-bg-red">A</view></div> <div> <view id="demo2" class="scroll-view-item uni-bg-green">B</view></div> <div> <view id="demo3" class="scroll-view-item uni-bg-blue">C</view></div> <div> </scroll-view></div> <div> <h3 id="自定义下拉刷新" style="scrollbar-width: thin; scrollbar-color: rgb(203, 213, 208) transparent; line-height: 1.25; font-size: 1.35rem; margin-top: -4.5rem; padding-top: 5.5rem; margin-bottom: 0px; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;"> 自定义下拉刷新</h3> <p> </p> </div> <div> <div> <template></div> <div> <view></div> <div> <scroll-view style="height: 300px;" scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered"</div> <div> :refresher-threshold="100" refresher-background="lightgreen" @refresherpulling="onPulling"</div> <div> @refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort"></scroll-view></div> <div> </view></div> <div> </template></div> </div> <div> </div>