更新记录
1(2024-05-20) 下载此版本
无
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.11 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
就一个简单的小组件
微信小程序、Chrome中测试及真实项目过,其它真机未测试。
使用示例
请在script中引用组件
import huarongquestion from './components/answer/huarong_question'
请变更成你项目中的实际地址
<huarongquestion :info="info" @confirm="confirm"></huarongquestion>
info为传值数据,如:华容道的9张图片及整确答案排序顺序,{info.answer}。 confirm为正确回调
痛点
解决canvas层级太高,盖住一切层级问题。
`
` 可在组件外套一个 view ,当有其它弹层或其它操作时将canvas移出到界面以外,这样就不存在canvas层级太高,盖住一切层级问题。
.lefthide { position: absolute; left: -1500rpx; transition: left 0.5s; -webkit-transition: left .5s; }