uniapp发布h5和小程序样式或者一些其他问题

1、发布小程序时，千万不要带有img、span、a这样的h5才能识别的标签，改成image、text、view这样的形式，样式里也记得改，具体看uniapp官网组件文档

2、使用组件或者input之类的标签时，不要在外面包text，只能包view，不然小程序里会当成行内元素处理而消失，就算使用display也无济于事，text尽量避免包裹着其他元素，不然点击事件如tap等也会失效(h5不会)，如

<text>

<text @tap="handleTap()"></text> //此处tap会失效

</text>

3、引用组件库如uni-ui时，如果外层还单独包了一个<view></view>容器，在小程序下可能样式会丢失

4、用class定义样式，不要使用id，不然会丢失样式！因为id在小程序中属于传递值的属性

5、uniapp 打包成微信小程序this.$refs返回空对象，这个是因为uniapp的ref属性不能用在uniapp的内置组件上面，只能用在自定义组件上面

6、uniapp的input type=“checkbox” 不支持小程序，建议都写成组件checkbox，调整大小的时候用transfrom调整，样式不起作用的情况下，可以写全局样式，值参考0.4

/* #ifndef H5 */
checkbox{transform: scale(0.7);
}
/* #endif */

7、每个子元素点击事件，如果父元素也有，记得加stop避免事件冒泡，在wx小程序上

uniapp发布h5和小程序样式或者一些其他问题相关推荐

uniapp兼容H5和小程序订阅消息授权开发封装，使用方便
本文使用 uniapp 框架开发,因为H5的订阅消息和小程序的订阅消息的授权流程不一样,但是很多地方需要使用授权,所以我封装了一个兼容H5和小程序订阅消息授权的方法,使用比较方便,希望能够帮助到你,实 ...
uniapp （H5、小程序、app）地图导航
H5地图导航腾讯地图 window.location.href = http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:ad ...
uniapp /deep/设置uni-app组件样式时 h5生效小程序失效问题解决
今天写uni-app的项目设置uni-app扩展组件的样式使用穿透/deep/ 发现小程序没有效果 h5有效果 //小程序无效 h5生效 /deep/ .uni-list-item .uni-li ...
运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团
运营版uniapp多商户商城小程序+H5+APP+商家入驻短视频社区种草直播阶梯拼团前后端全套源码, 支持二次开发,代码无加密! 独立商家后台用于店铺商品管理订单管理发货管理等多类经营模式多商 ...
ajax 导致 css 延迟_在H5，小程序，uni-app中使用animate.css
动画过渡效果对于程序的重要性是毋容置疑的,过渡动画的流畅真的能给人一种程序很顺畅的感觉.ios系统基本上不管是什么操作都喜欢运用动画过渡,所以给人一种超流畅的感觉!在项目中我们也会经常被要求在元素切换 ...
关于uniapp小程序发布新版本，小程序不及时更新问题记录
小程序更新机制开发者在管理后台发布新版本的小程序之后,微信客户端会有若干个时机去检查本地缓存的小程序有没有新版本,并进行小程序的代码包更新.但如果用户本地有小程序的历史版本,此时打开的可能还是旧版本 ...
【微信小程序】使用uni-app——开发首页搜索框导航栏（可同时兼容APP、H5、小程序）
目录前言 App.H5效果小程序效果一.兼容APP.H5的方式二.兼容小程序三.实现同时兼容前言首页都会提供一个搜索框给到客户,让客户自己去搜索自己想要的内容,这里就需要导航栏,来实现搜 ...
uni-app - 头像图片裁剪组件（支持多种裁剪，手势控制旋转或缩放、内外部控制图片移动、提供上传后端接口方案、头像图片美化）全端完美兼容 H5 App 小程序，最好用的图片上传后裁剪插件教程源代码
前言网上的教程代码非常乱且都有 BUG 存在,非常难移植到自己的项目中,而且很难. 实现了完美兼容 H5 App 小程序,选取手机本地相册或拍照,图片上传裁切内置多种方案,样式随便改, 本文代码干 ...
uniapp实现下拉刷新及上拉（分页）加载更多（app，H5，小程序均可使用）
开门见山地说,在移动端开发中,80%的项目都会涉及到列表展示,而有了列表不可避免的需求就是列表的下拉刷新和上拉加载更多.本篇文章主要介绍在使用uniapp开发移动端的过程中,比较好用的一个下拉及上拉组 ...

uniapp发布h5和小程序样式或者一些其他问题

uniapp发布h5和小程序样式或者一些其他问题相关推荐

最新文章

热门文章