承接各种前后端外包 h5 小程序 app pc 后端 php java 8年的开发经验 丰富的优秀案例 欢迎各位老板前来咨询 wx：y1255364070

lime-painter： https://gitee.com/liangei/lime-painter
lime-painter 版本1.6.2 海报画版ios不完整问题，ios不完整，安卓显示正常，l-painter只需要加上宽高，保证宽高与海报宽高一致即可。
如：海报为width: '750rpx'；height: '1114rpx'；
<l-painter custom-style="position: fixed;z-index: -1;top: -200vh;left: -200vw;" :board="posterData" isRenderImage @success="posterSuccess" />
改为：
<l-painter custom-style="position: fixed;z-index: -1;top: -200vh;left: -200vw;width: 750rpx;height: 1114rpx;" :board="posterData" isRenderImage @success="posterSuccess" />

主要功能：管理设备，定位打卡，扫码支付，预存金额，会员管理，优惠卷等，有意者请发邮件至bh0431@vip.qq.com,并留下联系电话

公司原本的h5项目想要通过uniapp套个盒子上架应用市场。
开发过程中，在ios上偶尔会出现，将应用切换到后台之后，过一段时间重新回到应用，出现白屏的情况。其实就想达到一个效果，白屏时可以自动重启|重新加载一次页面。

控制台异常：webviewReady[3][2] not match __ERROR
原因应该是内存不足导致的。

查了好久，终于找到大神的解决办法，亲测有效
hbuilder版本低于3.0.0,用此方法
hbuilder版本高于3.0.0,用此方法

假如能帮到你~且对ins/twitter/wb网红推荐有兴趣，欢迎关注公众号：奇拉比先生

公司原本的h5项目想要通过uniapp套个盒子上架应用市场。
开发过程中，在ios上偶尔会出现，将应用切换到后台之后，过一段时间重新回到应用，出现白屏的情况。其实就想达到一个效果，白屏时可以自动重启|重新加载一次页面。

控制台异常：webviewReady[3][2] not match __ERROR
原因应该是内存不足导致的。

查了好久，终于找到大神的解决办法，亲测有效
hbuilder版本低于3.0.0,用此方法
hbuilder版本高于3.0.0,用此方法

假如能帮到你~且对ins/twitter/wb网红推荐有兴趣，欢迎关注公众号：奇拉比先生

海康实时视频预览、录像回放、倍数回放、抓图、声音、录像、语言对讲、鱼眼 V2 ：https://ext.dcloud.net.cn/plugin?id=7274

1 需要申请一个自有证书，记好生成的md5签名，这个填写到微信开放平台，去掉“:”然后全部小写。
2 打包的时候不要用自带的包名 ，自己起一个小写字母的
3 服务端直接用uniapp官方提供的,这里只要没有报错，正常生成签名json，出现-1报错就肯定不是这里问题，这里出问题有其他报错。
4 打包自定义基座的时候注意需要改一下版本号，默认的100再打包是不会替换默认基座的，这里务必注意
5 如果修改了微信开放平台的参数，要等十分钟再测试，不是立马生效的。测试前重启app

添加到“用其他应用打开”中、app加入系统分享列表、获取分享的文件(ios、android)：https://ext.dcloud.net.cn/plugin?id=6901

开发过程中发现对v-for里面需要传入组件，查了下小程序里slot并不支持，官方推荐的解决方案是抽象节点，因此在unicli 3+ 里快速实现了这一套能力。
目前仅处理了手q和微信，开发者根据自身项目情况去斟酌使用
还有些其他细节问题，后续会抽空不断完善这个插件
npm 地址

how to use

install

• 仅支持uni-cli 3.0+

  $ npm i vite-plugin-uniapp-generics -D

• vite.config.js 添加插件

  import uni from '@dcloudio/vite-plugin-uni';  
  import generic from 'vite-plugin-uniapp-generics';  
  export default defineConfig({  
  ...  
  plugins: [  
  uni(),  
  generic(),  
  ],  
  });

父组件（定义抽象节点）

说明

• 在自定义的component下添加generic标识即可

  <自定义component名 generic />

  demo

  <!-- father-generic.vue -->  
  <template>  
  <view class="content">  
      <view>generic</view>  
      <view v-for="(val, index) in list" :key="index">  
          <beforeGeneric generic :index="index" :name="''+val" @tapInside="handleTap" />  
      </view>  
  
      <afterGeneric generic="true" :age="21" name="myname-after" />  
      <!-- 仅会验证generic参数，后面添加任意参数都不影响-->  
  </view>  
  </template>

组合组件（使用抽象节点）

说明

• 在父组件中通过generic:传入对应的generic标识和需要传入的组件
• 遵循小程序中的写法限制，仅允许传入自定义组件。

  <父组件名   
  generic:对应的generic组件名A="传入的子组件"   
  generic:对应的generic组件名B="传入的子组件"   
  ></父组件名>

demo

<!-- combine-generic.vue -->  
<template>  
    <view class="content">  
        <view>***** generic ***** </view>  
        <ceshiGenetic   
            generic:beforeGeneric="childComp1"   
            generic:afterGeneric="childComp2"  
        ></ceshiGenetic>  
        <view>***** end slot ***** </view>  
    </view>  
</template>  

<script>  
import childComp1 from '...';  
import childComp2 from '...';  

export default {  
  components: {  
    childComp1,  
    childComp2,  
  },  
}  
</script>

why to use

slot在小程序中的限制

1. v-for中使用slot会怎样？

   • 仅会渲染出v-for中的首条内容，后面的子组件不会被渲染。

2. slot并不支持v-for 需求：更强大的slot

   slot 本身应该是属于父组件的一部分，它能使用的数据是父组件数据而不是子组件数据。如果要定制子组件的“某些部分”的话，应该不是使用 slot，而是使用抽象节点吧

3. slot不支持父组件传递数据

   • 这个目前uniapp和taro都是静态编译的时候劫持数据，并在运行时结合vue3的响应式更新机制解决。

     taro3为什么可以结合v-for用slot

   • 推断taro3中是结合wxs动态的生成wxml文件，因此对wxml文件来说，slot结构可以平铺输出，处理遍历slot导致的问题（未看源码验证）
   • 但这种设计可能会导致wxml需要频繁的重新生成，造成一定的性能问题和意料之外的bug。

插件实现原理

原理

1. 结合抽象节点的使用说明，抽象出适合vue的写法（参考上方使用说明）
2. uniapp里的节点属性，除了白名单中的组件和白名单的props，其余都会被劫持到vue的运行时数据处理中，导致属性失效，因此需要在编译前通过白名单prop添加标识，文件输出阶段结合标识重组成微信小程序所需结构即可。

generic 入参限制

使用是相对遵循小程序原生写法，因此在组合组件的时候，generic入参仅支持传组件名，所以不能再组合组件的位置给generic组件入参。举个例子

• slot 可以在组合组件/父组件定义位置入参

  // compA.vue 定义 slot，并且传入参数  
  <view>  
      <slot name="header" height="180" />  
  </view>  
  
  // 组合组件 中 可以给 slot 入参  
  <compA>  
      <template #header="{ height }">  
          <childComp age="10" :height="height" />  
      </template>  
  </compA>

• generic 只能在 定义组件的位置入参

  // compB.vue 定义 generic，并且传入参数  
  <view>  
      <genericB :age="21" name="myname-after" />  
  </view>  
  
  // 组合组件 中, 不能给传入 generic 的组件入参  
  <compB   
      generic:genericB="childComp"   
  ></compB>

todo

• 替换 u-i 为专用节点
• 其他小程序中的验证
  • [x] 微信
  • [x] 手q
  • [ ] 快手
  • [ ] other...
• sourcemap https://rollupjs.org/guide/en/#source-code-transformations
• hbuilder 支持

RT

FirstUI(https://www.firstui.cn/)

First UI是一套超高性能、超高颜值的移动端UI综合解决方案，包含业内顶尖的组件库、强大的功能库、丰富精美的模板库，提供uni-app(完美支持nvue)、微信小程序、支付宝小程序等版本，兼顾高效率与高性能，让您的开发获得百倍提质提速！
包括框架、组件、模板、功能插件几个部分。FirstUI开发者、设计师不断精心打磨，持续发布新的组件、模板等新功能，力求为用户提供更高品质的产品，节约用户时间与成本。

一、FirstUI uni-app版特性

● 完美支持nvue和vue3
● 组件低偶合。大部分组件可以单独使用，不需要整体引入，侵入性低。
● 多端支持。一套代码，多端适用，支持iOS、Android、微信小程序、支付宝小程序、QQ小程序、百度小程序、字节跳动小程序、H5平台
● 完善的组件。目前共规划118款，已上线85款，涵盖基础组件、表单组件、导航组件、布局组件、常用布局、扩展组件、操作反馈、数据组件、JS、图表、画布。
● 丰富实用的布局、模板。基于FirstUI提供的组件，针对常用场景、行业，提供丰富实用的布局和模板。
● 专属社区。我们打造了FirstU专属社区，用户可以在社区交流分享FirstUI的使用经验、提问。有其他组件、模板需求，也可以在社区中反馈。

二、扫码体验FirstUI

大部分组件是操作性的，大家扫码操作可以有更真切的感受。目前发布了6个平台版本，大家可以扫码体验下。考虑快速预览，所以暂未上架App应用，后续待功能完善再进行上架。

三、已发布内容

• 框架
  • FirstUI组件库(uni-app版)
  • FirstUI组件库(微信小程序版)
• 模板
  • 登录（A）模板
  • 登录（B）模板
  • 登录（C）模板
  • 登录（D）模板
  • 门户模板
• 组件
  • 基础组件
  • Color 色彩
  • Icon 图标
  • Button 按钮
  • Footer 页脚
  • Animation 动画
  • StatusBar 状态栏
  • 布局组件
  • Layout 栅格布局
  • Grid 宫格
  • Panel 面板
  • Preview 表单预览
  • List 列表
  • Card 卡片
  • 表单组件
  • Calendar 日历
  • Cascader 级联选择器
  • Picker 选择器
  • DatePicker 日期时间选择器
  • Slider 滑块选择器
  • Form 表单校验
  • Select 选择器
  • Input 输入框
  • InputNumber 数字输入框
  • Label 标签
  • Radio 单选框
  • Checkbox 复选框
  • Switch 开关
  • Textarea 多行输入框
  • Rate 评分
  • Upload 图片上传
  • SearchBar 搜索栏
  • 操作反馈
  • ActionSheet 上拉菜单
  • Toast 轻提示
  • Backdrop 遮罩层
  • Dialog 对话框
  • DropdownMenu 下拉菜单
  • DropdownList 下拉菜单
  • Modal 模态框
  • Gallery 画廊
  • Landscape 压屏窗
  • Loading 加载
  • loadAni 加载动画
  • Message 消息提示
  • SwipeAction 滑动菜单
  • 导航组件
  • NavBar 导航栏
  • Pagination 分页器
  • BubbleBox 气泡框
  • SegmentedControl 分段器
  • Tabbar 标签栏
  • BottomNavbar 底部导航栏
  • Tabs 标签页
  • IndexList 索引列表
  • NoticeBar 通告栏
  • Sticky 吸顶容器
  • Steps 步骤条
  • Fab 浮动按钮
  • Drawer 抽屉
  • BottomPopup 底部弹出层
  • TopPopup 顶部弹出层
  • TimeAxis 时间轴
  • Vtabs 纵向选项卡
  • 数据组件
  • Badge 徽章
  • Alert 警告框
  • Avatar 头像
  • Tag 标签
  • Progress 进度条
  • Collapse 折叠面板
  • Circle 圆形进度条
  • CountDown 倒计时
  • Divider 分割线
  • LoadMore 加载更多
  • Empty 缺省页
  • Skeleton 骨架屏
  • 扩展组件
  • ShareSheet 分享面板
  • Result 结果页
  • FilterBar 筛选栏
  • SingleInput 单输入框
  • DigitalRoller 数字滚轮
  • DigitalKeyboard 数字键盘
  • LicensePlate 车牌号键盘
  • SwiperDot 轮播图指示点
  • CopyText 长按复制
  • CubicBezier 贝塞尔曲线
  • ImageCropper 图片裁剪
  • Drag 拖拽排序
  • SlideVerify 滑动验证
  • RotateVerify 旋转验证
  • SliderCaptcha 滑块拼图验证
  • PuzzleVerify 滑块拼图验证
  • OverflowHidden 内容超出隐藏
  • Timer 计时器
  • CountdownVerify 验证码倒计时
  • Lazyload 图片懒加载
  • Waterfall 瀑布流
  • Table 表格
  • Backtop 回到顶部
  • 画布组件
  • Poster 分享海报
  • Qrcode 二维码
  • Barcode 条形码
  • Autograph 手写签名
  • JS组件
  • Clipboard 复制文本
  • Request 网络请求
  • Utils 工具类
  • Validator 表单验证

四、开源版与商业版

FirstUI组件库 分为开源版与商业版，部分组件为商业版专属使用。

1、开源版

● uni-app版 github: https://github.com/FirstUI/FirstUI （欢迎star :-D）
● uni-app版 gitee: https://gitee.com/firstui/FirstUI （欢迎star :-D）
● uni-app版 文档地址: https://doc.firstui.cn
● 微信小程序版 github: https://github.com/FirstUI/FirstUI-weixin （欢迎star :-D）
● 微信小程序版 gitee: https://gitee.com/firstui/FirstUI-weixin （欢迎star :-D）
● 微信小程序版 文档地址: https://wxdoc.firstui.cn

2、VIP会员权益：

● 完整版源码
● 全部组件
● 物料商城享VIP折扣
● 专属会员群指导、答疑
● 新特性优先体验
● VIP专属文档
会员权益详情: https://www.firstui.cn/right

3、新版优惠

新版发布，现价￥399元，价格随功能完善调整。购买框架产品即升级为VIP会员，享受VIP会员权益。
立即购买：https://www.firstui.cn/store/detail/1

1.图片渲染问题：图片渲染有时发生错误，不能完全渲染出来 （渲染错误的概率 10%）

2. 首页打开抖动：因为首页加了背景图，整个页面的渲染肉眼可见的抖动，css定位还偶尔会错乱。
3. 问题很多很多，问题多到盖住了性能优势。