![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
意林_10
yolo
展开
-
uni-app开发之自定义导航栏
uni-app开发之自定义导航栏插件市场引入自定义导航栏:NavBar 导航栏路由设置“navigationStyle”,pages.json上设置: { "path" : "pages/home/warning/index", "style" : {原创 2021-01-28 14:45:58 · 468 阅读 · 0 评论 -
uni-app接入阿里图标使用以及图标旋转
uni-app接入阿里图标使用以及图标旋转阿里图标官网创建账号及项目阿里矢量图标库将需要的图标添加到购物车,添加到自己的项目点击“Download Code”下载项目代码上创建icon.css文件,将下载的iconfont.css文件内容复制到icon.css上,修改icon.css设置以下代码注意:链接必须添加“https:”,否则打包成app将无法显示[class^=epsIcon-] { font-family: "epsIcon" !important; fo原创 2021-01-28 11:54:17 · 867 阅读 · 0 评论 -
uni-app开发之页面通讯
uni-app开发之页面通讯uni.$emit(eventName,OBJECT)触发全局的自定事件。附加参数都会传给监听器回调。uni.$emit('update',{msg:'页面更新'})uni.$on(eventName,callback)监听全局的自定义事件。事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。uni.$on('update',function(data){ console.log('监听到事件来自 update ,携带参数原创 2021-01-28 11:30:11 · 146 阅读 · 0 评论 -
uni-app开发之Class 与 Style 绑定
uni-app开发之Class 与 Style 绑定class 支持的语法<view :class="{ active: isActive }">111</view> <view class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">222</view> <view class="static" :class="[activeClass, err原创 2021-01-28 10:51:36 · 302 阅读 · 0 评论 -
uniapp开发之环境判断
uniapp开发之环境判断1、开发环境和生产环境判断通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。if(process.env.NODE_ENV === 'development'){ console.log('开发环境') }else{ console.log('生产环境') }2、判断平台编译期判断 编译期判断,即条件编译,不同平台在编译出包后已经是不同的代码。// #ifdef H5原创 2021-01-27 16:44:00 · 4560 阅读 · 0 评论 -
uniapp学习开发之路由
uniapp学习开发之路由uni-app页面路由为框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在app.json中配置页面路由一样。1、路由跳转两种页面路由跳转方式:使用navigator组件跳转、调用API跳转。navigator组件跳转 <navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">原创 2021-01-27 16:14:49 · 438 阅读 · 0 评论