更新记录
1.0.3(2023-03-01) 下载此版本
更新部分vue3支持
1.0.2(2022-06-08) 下载此版本
针对新版HX,修复stylus下无法提示的问题
1.0.1(2021-04-07) 下载此版本
重置toast中的mask
查看更多平台兼容性
HBuilderX最低兼容版本 |
---|
2.7.0 |
HBuilderX插件通用注意事项
HBuilderX-2.7.12以下版本安装插件市场内的插件后,卸载时需手动卸载,详细教程参考:如何手动卸载插件
ran1ever-snippet 自用 不喜勿喷
迫于HBuilderX没有配置云端备份,故将自己常用的代码块(基于外包项目)整理成插件,提高开发效率
tips:可接一切常规外包项目,欢迎咨询。vx:ran1ever q:377313813 备注:uniapp
使用示例:
CSS-stylus
触发代码 | 对应代码块 |
---|---|
rpad | padding相关 |
rmar | margin相关 |
rbef | 伪类before |
rnth | nth-child(n) |
rlas | last-child |
rlh | 行高 |
rfw | 字体加粗 |
rfz | 字体大小、颜色相关 |
rgba | color rgba(1,1,1,0) |
rh | 高相关 |
rwh | 宽、高、圆角相关 |
rcalc | calc(100% - 10rpx) |
rbor | border相关 |
rbtn | button相关 |
rfc | flex相关 |
rt1 | 单行文本省略 |
rt2 | n行文本省略 |
rbr | 圆角 |
rbs | 盒模型 border-box |
rpos | 定位相关 |
rsearch | 搜索框css |
rbanner | banner css |
rdot | dot-自定义轮播点 css |
rnav | nav css |
rtab | tab css |
rlist | 常规列表css |
riteminput | 左标题 右输入框 |
raddr | 地址列表 css |
reditAddress | 编辑地址 css |
rorder | 订单nav css |
rthirdlogin | 其他登录方式 css |
rhandle-wrapper | 购物车数量组件 css |
rprotocol-wrapper | 隐私政策、用户协议 css |
vue
触发代码 | 对应代码块 |
---|---|
rapp | App.vue-热更、CSS初始化、小程序更新 |
rpage | 初始化xxx.vue |
rcustom | 自定义导航栏 |
rblock | block循环列表 |
rfor | 循环列表 |
rlist | 列表相关 |
riteminput | 左标题 右输入框 |
rright | 右箭头相关 |
rsearch | 搜索框相关 |
rbanner | banner |
rdot | 自定义轮播点 |
rnav | nav |
rtab | tab |
rnotice | 文字滚动公告 |
rcomponent | 组件 |
rscroll-x | 横向滑动相关 |
rprotocol | 隐私政策、用户协议 |
rorder | 订单nav |
img | 图片相关 |
rbutton | 按钮 |
r | 数据绑定相关 {{ ? }} |
rhandle-wrapper | 购物车数量组件 |
rlogin-form | 登录表单 |
raddr | 地址列表相关 |
reditAddress | 编辑地址 |
rthirdlogin | 其他登录方式 |
rorderpage | 订单 |
JS
触发代码 | 对应代码块 |
---|---|
rmain | main.js 基础信息初始化 |
rlog | 打印日志 |
rfunc | 函数相关 |
rawait | await func()... |
rget | get请求 |
rpost | post请求 |
rfor | for循环 |
rtime | 时间相关-setInterval、setTimeout、clearTimeout、clearInterval |
rfile | 文件操作相关-上传、下载、保存,打开文档 |
rgo | 页面跳转相关-navigateTo、switchTab、redirectTo... |
rsto | storage相关-setStorageSync、getStorageSync、removeStorageSync... |
rloca | 地图位置相关-getLocation、chooseLocation、openLocation |
rimage | 图片相关-选择、预览、保存 |
rvideo | 视频相关-选择、预览、保存 |
rphone | 拨打电话 |
rscan | 扫码相关-二维码、条形码 |
rcopy | 设置剪贴板 |
rtoast | 文字提示toast |
rloading | 加载相关-showLoading、hideLoading |
rmodal | 模态弹窗showModal |
raction | 从底部向上弹出操作菜单showActionSheet |
rsetTitle | 设置页面标题 |
rtabbar | TabBar相关-显示、隐藏、设置红点、设置文本... |
rscroll | 页面滚动到pageScrollTo |
rcustom | 自定义导航栏 |
ro | 获取页面传递的参数 option.a |
rnew | 参数定义相关 |
rprop | props参数定义 |
rpull | 下拉刷新onPullDownRefresh |
rreach | 上拉加载onReachBottom |
rgetdata | 获取分页数据 |
rselect | 获取节点信息-布局位置、距离页面顶部位置... |
rnavbarbtn | 导航栏按钮点击 |
rdot | 自定义轮播点 |
rshare | 分享相关-分享为图、图文、小程序,小程序分享 |
rupdate | 更新相关-小程序更新、APP热更 |
rpay | 支付相关-小程序支付、APP支付、苹果支付 |
rlogin | 第三方登录相关-微信登录、QQ登录 |
ruserinfo | 获取用户信息 APP |
rbackpress | APP返回监听 |
rlogin-form-j | 登录页面js |
rgetCode | 获取验证码 |
rprotocol | 隐私政策、用户协议点击跳转 |
rnotice | 检测APP是否有通知权限 |
rsetNotice | APP去设置通知权限 |
page.json
触发代码 | 对应代码块 |
---|---|
rpage | 页面相关 |
tabbar | tabbar |
globalStyle | globalStyle |