开发者社区> 问答> 正文

uni-app开发支付宝小程序伪类图标显示异常时为什么?

image.png 微信图片_20200527095923.jpg

展开
收起
游客jvbyg27ynuth6 2020-05-27 10:01:14 2204 0
1 条回答
写回答
取消 提交回答
  • uni-app配套UI框架:

    开始觉得graceUI 挺适合要求的,多端通用,可惜是收费的,然后在uni-app插件市场发现colorUI 可以用,基本满足需求开发,重要的是免费,果断选择colorUI

    2.自定义navigationBar

    uni.getSystemInfo()在微信上显示正常,支付宝因为异步获取不到值,这里使用同步处理uni.getSystemInfoSync();

    3.支付宝title中的点击事件不生效,是因为title区域设置了pointer-events: none;

    4.关于upx换算

    1px=2upx(设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx) 注:我们使用的设计稿基准宽度为375px

    5.scss支持

    uni-app原生支持sass, 新建uni.scss文件,定义变量,全局有效

    6.配套UI框架

    使用uView: https://www.uviewui.com/guide/note.html

    7.vue-router解决方案

    在插件市场搜索”路由、拦截、最优雅解决方案“

    8.vuex解决方案

    https://www.jianshu.com/p/63980716cd47

    https://www.cnblogs.com/edward-life/p/11181139.html

    9.组件中无法使用应用生命周期函数(onShow、onHide等),需要使用vue声明周期函数

    10.分支合并命令:

      git checkout dev-others

      git pull

      git checkout dev-self

      git merge dev-others

      git pull

      (如果有冲突,解决冲突后执行下面命令)

      git add ./

      git commit -m ' '

      git push

    11.文字内容超出后显示省略号:

      // 单行

      .text-overflow {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }

      // 多行

      .text-overflow {

        display: -webkit-box;     -webkit-box-orient: vertical;     -webkit-line-clamp: 2;     overflow: hidden;

      }

    12.使用 uni.getLocation(OBJECT) 获取位置信息需要在manifest.json 中配置位置接口为开启

    13.pointer-events: none;设置所有点击事件不生效

    14.图片需要指定缩放方式,同时适配支付宝和微信小程序

    1. 支付宝自定义组件,需要在 IDE 中的 详情 > 项目配置 中,勾选 启用 component2 编译 。

    16.自 HBuilderX 2.2.3版本后,uni-app项目在发布时会默认启用 uni统计,开发者可在https://tongji.dcloud.net.cn查看数据报表

    17.之前为了减小主包的大小,将组件放在分包中,结果发现,支付宝小程序中组件必须放在主包中才能访问。

    18.减少图片请求的两种处理方法:   a.将固定不变的图片进行雪碧图压缩处理,只用请求一次,就可以得到大量图片   b.将小图片制作成font-face字体,字体库使用链接,也可以达到请求一次得到所有小图标的效果

    19.解决IOS列表滑动不流畅的问题,给滑动区域的标签加-webkit-overflow-scrolling: touch;属性

    20.使用雪碧图后,微信小程序可以使用标签显示雪碧图图片,But支付宝小程序不能使用必须使用view标签来显示。

    21.分包和主包不能放同一个目录下,需要分开和小程序结构一样。

    22.ios不支持2019-04-11这样的格式 要改成2019/04/11 这样的; new Date(date).getTime()在苹果手机上是不兼容的。解决方法: new Date(data.replace(/-/g,'/')).getTime()

    2021-02-22 19:57:28
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
问答排行榜
最热
最新

相关电子书

更多
《云市场-小程序》 立即下载
数字乡村建设方案 立即下载
mPaaS 小程序新品发布 立即下载