更新记录

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

使用示例:

11.gif

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问