manbudezhu的专栏

第一步:使用uniapp创建一个空的项目第二步:复制源项目的src和static文件夹下的目录到uniapp新目录第三步:参照app.json修改pages.json格式如下{"path": "pages/my/main","style": {"navigationBarTitleText": "我的"}第四步:修改页面文件名称删除每个页面的ma...

后端程序我使用的是laravel框架作为app的接口,前后端分离就涉及到登陆这个问题了,uni-app不支持读写cookie,所以不能使用cookie来保存登陆状态.后端我使用的是基于OAuth的扩展包Passport扩展包,这里就不细写安装这个扩展包的过程了.详情可以参考学院君的文章.uni-app发送登陆请求默认的uni-app是一个使用 Vue.js.竟然这里登陆状态没有cook...

使用 uni-app 开发，可将代码编译到iOS、Android、微信小程序等多个平台，升级时也需考虑多平台同步升级。uni-app发布为小程序的升级模式较简单，只需将开发完的代码提交小程序后台，待审核通过后用户将自动升级 iOS/Android App 的升级需开发者自己处理，本文主要简介 App 的整包升级模式。 App 的资源热更新另见文档：http://ask.dcloud.net...

uni-app 资源在线升级/热更新分类：uni-appwgtuniapp热更新注：本文为前端代码资源热更新。如果是整包升级，另见文档https://ask.dcloud.net.cn/article/34972HBuilderX 1.6.5 起，uni-app 支持生成 App 资源升级包。生成 App 资源升级包修改版本号首先，更新 manifest.json ...

项目简介基于uni-app+vue+vuex+uniPop+swiper等技术开发的仿微信聊天室uniapp-chatroom项目，类似vue及小程序api语法使开发更加方便，实现了发送图文消息、表情(gif动图)，图片预览、地图位置、红包、仿微信朋友圈等功能效果图在H5 / 小程序 / App端测试效果如下 (后续大图统一展示App端)技术实现编辑器：HBuilder X ...

uniapp app 端调微信支付接口uni-app 官方文档支付接口如下：uni.requestPayment({ provider: provider, // wxpay、alipay orderInfo: 'orderInfo', //微信、支付宝订单数据 success: function (res) { console.log('succ...

Flex标准写法:概述:总的来说就是12个属性;关于容器的6个,5个单一属性,分别定义了元素排列的方向, 行, 水平排列, 垂直排列, 空白分布,和一个简写属性,方向,行关于容器内元素的6个, 5个单一属性, 分别定义元素的顺序, 伸展, 收缩, 初始尺寸, 对齐,和一个简写属性 描述元素尺寸 container :display: flex | in...

本文以 badge(数字角标) 为例，说明如何从插件市场下载并导入使用组件。下载组件从插件市场 badge详情页，点击“下载”按钮，下载完成后，解压到 uni-app 根目录。导入组件假设 page-a.vue 页面需要用到 badge，则在 page-a.vue 的 script 节点下导入 badge 组件，如下：复制代码import uniBadge from "@/c...

在应用中保持登录状态是一个应用常见的需求，本文简单介绍下在 uni-app 中如何保存用户登录状态。简介uni-app 中不支持读写 cookie，所以不能如传统的应用那样通过读取 cookie 来判断是否是登录状态。在 uni-app 进行登录操作时，可以将需要校验的数据放在 uni.request 的 data 中，也可以在 header 里设置 token，使用 token 进行...

本文以高德微信小程序 SDK 为例，简述如何在 uni-app 中利用微信小程序第三方 SDK，实现 App 端和微信小程序的代码通用。获取SDK首先在高德开放平台，注册账号并且申请相关的 key 等信息；然后下载它的微信小程序版 SDK：微信小程序 SDK。然后填写app包名，申请原生sdk的appkey信息，但不需要下载原生sdk。注意：App侧在Android中使用定位，或者An...

公用模块定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。注意这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。示例如下：在 uni-app 项目根目录下创建 common 目录，然后在 common 目录下新建 helper.js 用于定义公用的方法。复制代码const websiteUrl = 'http://uniapp...

全局组件<!-- 全局组件定义 -->Vue.component('todo-list',{ template:"<li>{{content}}</li>"}) <!-- 组件使用--><todo-list></todo-list>局部组件 <div id="

1. 数据绑定//方法1<div id="app"> {{message}}</div>//方法2<div id="app" v-text="message"></div><div id="app" v-html="message">&amp