uni-app
胡佳侦
这个作者很懒,什么都没留下…
展开
-
uniapp 配置 globalStyle
uniapp 配置 globalStyle // 页面级别的 style 配置可以 覆盖全局的配置 就比如局部变量和全局变量一样 差不多一个意思 "globalStyle": { // 导航栏标题颜色及状态栏前景颜色,仅支持 black/white,其实就是标题的文本颜色 "navigationBarTextStyle": "black", // 标题的文本内容 "navigationBarTitleText": "演示",原创 2021-05-06 23:22:43 · 1649 阅读 · 0 评论 -
uniapp 调试技巧
uniapp 调试技巧1. 明明修改了代码,运行发现发面没有改变 – 重新运行多参考官方文档uniapp 官方文档后续会补充其他调试技巧原创 2021-05-06 22:16:17 · 864 阅读 · 0 评论 -
uniapp 分开设置状态栏和标题栏、隐藏标题栏显示状态栏(app端)
uniapp 分开设置状态栏和标题栏、隐藏标题栏显示状态栏很多开发者不知道怎么将 uniapp 状态栏和标题栏分开设置注意这里针对的是 App端项目根目录 打开 manifest.json 文件打开源码视图 在 app-plus 新增"app-plus": { ... other code // 添加这里 "statusbar": { "immersed": false }, ... other code}这样就可以单独设置 状态栏和标题栏了 亲测有用最后附上版原创 2021-05-06 21:49:13 · 2553 阅读 · 0 评论 -
uniapp showToast
直接上<template> <view> </view></template><script> export default { data() { return { } }, onLoad() { /* title String 是 提示的内容,长度与 icon 取值有关。 icon String 否 图标,有效值详见下方说明。 image String 否原创 2021-03-12 14:05:45 · 4287 阅读 · 0 评论 -
uniapp 微信小程序全局分享功能
思路 在全局配置文件 main.js 文件中配置 全局mixin直接上代码分享业务逻辑export default { onShareAppMessage(res) { return { path:'/pages/welcome/welcome', success(res) { uni.showToast({ title: '分享成功' }) }, fail(res) { uni.showToast({ title: '分享失原创 2021-03-12 13:49:36 · 3099 阅读 · 1 评论 -
uniapp渲染html、解析富文本、rich-text组件、支持class样式
直接上代码<template> <view class="container"> <rich-text :nodes="html"></rich-text> </view></template><script> export default { data() { return { html: `<div style='color:red' class='classTest'>h原创 2021-03-12 13:39:08 · 6448 阅读 · 1 评论 -
uniapp 消息订阅、消息推送
uniapp 消息订阅、消息推送uni.requestSubscribeMessage({})因为是线上项目就补贴代码了记得 N 个版本以前 消息推送是 用fromId 来处理了 现在用API方便多了参数 tmplIds 注意事项1 首先类型是 数组 Array2 需要订阅的消息模板的id的集合,一次调用最多可订阅3条消息3 用户发生点击行为或者发起支付回调后,才可以调起订阅消息界面 也就是说必须有用户触发在先4 'accept’表示用户同意订阅该条id对应的模板消息 记住这个就够了原创 2021-03-11 21:58:24 · 2749 阅读 · 2 评论 -
uniapp 动态修改页面标题
直接上代码uni.setNavigationBarTitle() try{ if(option.from == 'case'){ this.type = 1 uni.setNavigationBarTitle({ title: '案例详情' }) } else { this.type = 0 } }catch(e){ //TODO handle the exception }题外话complet原创 2021-03-11 21:42:21 · 1758 阅读 · 0 评论 -
uniApp - 商城项目 2 - 底部导航
开 4 个导航栏目首页分类推荐我的主题色 用的是 #347AD0 一个蓝色系先上阿里图标库 下载8张图选中使用 #347ad0 颜色 选不中使用 #676767 颜色阿里图标官网只留下字体文件 uni.ttf 删除其他静态资源并将下载好的 tabbar 组图 图标 放入该文件夹中新建 分类页面 classify.vue新建 推荐页面 recommend.vue新建 我的页面 my.vue修改 pages.json 配置文件{ "pages": [原创 2020-12-05 21:27:09 · 624 阅读 · 0 评论 -
uniApp - 商城项目 - 1 项目搭建
环境需要安装 Hbuilder打开Hbuilder 新建项目项目选择 Hell0 uni-app 演示模板项目目录结构先跑一篇项目显然是没有什么问题的然后对模板做简单修改1 把 App.vue 的更新检测干掉 实际上线项目根据需求更改2 清空pages目录删掉红框部分如果删不了就先关掉项目 进入到项目目录里面去删除3 新建 home.vue 首页注意 新建页面之后 有时候 编辑器更新不是很快4 修改 pages.json 项目配置文件原创 2020-12-05 20:19:29 · 2410 阅读 · 0 评论 -
uni-app 浏览器测试
先创建项目题外话uni-link 组件源码注意项目中compoents 中的组件是可以直接引入的 类似模板中的 uni-link 组件关于 uni-link 组件 从源码中 可以看出 在app中 用系统浏览器打开外部网页对于H5网页来说 是用window.open新开网页窗口 有点类似 a标签的 target=“_blank”...原创 2020-11-04 00:38:43 · 1110 阅读 · 0 评论 -
uni-app 环境搭建
uni-app官网ide下载戳这里下载HBulider下载对应版本的 ide 建议下载 App 开发版解压 打开HBuilder.exe 就可以开干了原创 2020-11-04 00:19:39 · 722 阅读 · 0 评论