uni-app论坛 今日: 0|主題: 500|排名: 25 

uni-app 支持使用字体图标，使用方式与普通 web 项目相同，需要注意以下几点： 支持 base64 格式字体图标。 支持网络路径字体图标。 小程序不支持在css中使用本地文件，包括本地的背景图和字体文件。需以base64方式方可使用。 网络路径必须加协议头 https。 从 http://www.iconfont.cn 上拷贝的代码，默认是没加协议头的。 ...

1. 组件 2. API：网络请求 3.路由 4.生命周期 5.语法：数据绑定，事件 6.布局样式：样式引用，sass等   1.pages：存放页面 2.static：静态文件的目录 3.App.vue：应用生命周期文件 4.main.js：也是应用入口文件，注册Vue等 5.mainfest.json：应用及各端配置文件 6.pages.json：页面配置文件 7.uni.sass：全局变量文件 ...

renderjs使用renderjs是一个运行在视图层的js。它只支持app-vue和h5。 renderjs 不能使用 uni.$on和 uni.$emit 通信。renderjs的主要作用有2个： 大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力在视图层操作dom，运行for web的js库使用时的注意事项目前仅支持内联使用。不要直接引用大型类库，推荐通过动态创建 ...

前情 uni-app是我很喜欢的跨平台框架，它能开发小程序，H5,APP(安卓/iOS),对前端开发很友好，自带的IDE让开发体验也很棒，公司项目就是主推uni-app 坑位 最近有用户反馈闪屏页也叫启动页会出现横屏，收到反馈后自测发现确实是有横屏问题，而且横屏进入页面会乱，即使已切到竖屏。 Why? 因为页面内主要使用rpx单位布局，横屏 ...

实际使用中，经常需要小程序分享到好友或者朋友圈，一般而言是一个个页面去设置。 官网分享介绍：https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 项目地址：https://gitee.com/jielov/uni-app-tabbar 单页面每一个需要分享的页面多需要单独写上 export default { //发送给朋友 onShareAppMessage(res ...

最近找到了一篇uni-app的地图解决方案精品文章，这里分享给大家，希望对大家有所帮助 转载地址：https://blog.csdn.net/cplvfx/article/details/111447466 前置条件：你需要阅读 https://uniapp.dcloud.io/component/map 先看图   事件监听-属性说明 这个表也是官方的 标红的是我用到的 使用 html 我这里用了 ...

记录uni-app的APP端分享到微信好友，链接为小程序页面，分享失败的BUG 分享到微信好友，链接为小程序端报错 16:59:19.617 fail:{"errMsg":"share:fail [Share微信分享:-6]send, http://ask.dcloud.net.cn/article/287","errCode":-100,"code":-100} at pages/product/detail.vue:300 step1 找原因：由于我没有遇到过，怎么 ...

01通过npm的方式安装uView组件库 uView依赖SCSS，您必须要安装此插件，否则无法正常运行。 如果您的项目是由HBuilder X创建的， 相信已经安装scss插件， 如果没有，请在HX菜单的 工具->插件安装中找到"scss/sass编译"插件进行安装， 如不生效，重启HX即可 然后执行 npm install uview-ui 这样就可以下载组件库了 除了通过n ...

    在实际页面开发中，经常有中间突出的tab需求。 以一个单页面为中心的显示：https://www.cnblogs.com/lovejielive/p/14251327.html，在处理数据相对麻烦。 以组件方式来导入，就要在pages.json中配置的tabBar的每一个页面中导入该组件，当然也可以选择全局导入。 组件形式配置，页面的各项生命周期都可以正常 ...

  一、关于隐私政策部分 1.隐私政策要包含APP安装及运行所需权限列表的说明（包括:IMEI、IMSI、设备MAC地址、软件列表、设备序列号、android ID...） 2.APP 收集使用个人信息的内容、目的、方式和范围等说明。 3.安装APP后，第一次进入APP 弹出隐私与政策提示框   参考链接:https://ask.dcloud.net.cn/article/36 ...

1.环境配置 (可参考uni-官网的环境配置) common文件夹下新建config.js let url_config = "" if(process.env.NODE_ENV === 'development'){ // 开发环境 url_config = 'https://*****.com/' }else{ // 生产环境 url_config = 'https://*****.com/' } export default url_config   2.uni.request ...

在Uni-app中，v-if  支持以下类型 假如存在以下变量 data(){ return{ isShow:true, sex:2 } }   1.bool类型的变量 <view v-if="isShow" style="width:300upx;height:300upx"> 显示 </view> <view v-else style="width:300upx;height:300upx"> 不显 ...

前言： 　　首先今天主要介绍的是一个多平台的前端框架uni-app，关于多平台的前端框架网上有很多成熟的解决方案比如说Taro，React Native，Flutter等这些都是一些非常优秀的前端跨平台的框架（大家想要了解更多可以上网查询各种框架的优缺点，温馨提示：没有最好的框架，选择适合自己或者自己团队的才是最好的框架）。 为什 ...

基于uniapp+uView-ui跨端H5+小程序+APP短视频|直播项目uni-ttLive。 uni-ttLive一款全新基于uni-app技术开发的仿制抖音/快手短视频直播项目。支持全屏丝滑般上下滑动切换小视频，迷你时间进度条，Nvue解决视频层级显示，可编译兼容H5+小程序+APP端。 ◆ 一览效果 编译至 [小程序+H5+App端] 效果如下 最新版uniapp+vue3+uv- ...

 paages.json 用于uni-app的全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。类似于微信小程序的app.json页面管理部分。由于各个小程序平台的限制和优化启动速度。所以，我们可能需要用到分包机制——例如，在微信小程序中生成的单个包大于2M时，是不能上传的。 所以，我们使用subPackge ...

故事起源 最近一直在用uni-app开发微信小程序。良久没有真机调试和发布。一步小心，居然发现它错了。 message：Error: 系统错误，错误码：80051,source size 2169KB exceed max limit 2MB [20210915 14:30:39][wxe41256ffb86e9b9c]  原来小程序有体积和资源加载限制。在微信小程序中，每个包不能超过2M,总计不能超过20 ...

前言 最近关于H5和APP的开发中使用到了webSocket，由于web/app有时候会出现网络不稳定或者服务端主动断开，这时候导致消息推送不了的情况，需要客户端进行重连。查阅资料后发现了一个心跳机制，也就是客户端间隔一段时间就向服务器发送一条消息，如果服务器收到消息就回复一条信息过来，如果一定时间内没有回复，则表示已经 ...

uni-app中如何使用表单验证数值？其中一种方法就是使用uni-forms表单验证。插件地址为： https://ext.dcloud.net.cn/plugin?id=2773。 1. 使用HBuilderX 导入插件或下载并将插件复制到合适的位置。 2. 依据示例项目，填写验证规则。 我们可以看到，设置数值范围的参数为 minimum 和 maximum 。rules的部分 ...

uni.$emit(eventName,Object) 触发全局的自定义事件，附加参数都会传给监听器回调函数。 属性 类型 描述 eventName String 事件名 Object Object 触发全局的自定义事件，附加参数都会传给监听器回调函数。 示例代码如下： uni.$emit('update',{msg:'页面更新'}) uni.$on(eventName,callback) 监听全局的自定义 ...

前言 本文基于 HBuilderX 3.1.22 + 微信开发者工具 1.05.2106300为主要内容进行说明。 文档版本：1.0.2 更新时间：2021-09-04 16:42; 2021-10-22 13:46; 一、准备 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/ ...