uni-app论坛 今日: 0|主题: 500|排名: 35 

1.uni-app配套UI框架： 开始觉得graceUI 挺适合要求的，多端通用，可惜是收费的，然后在uni-app插件市场发现colorUI 可以用，基本满足需求开发，重要的是免费，果断选择colorUI 2.自定义navigationBar uni.getSystemInfo()在微信上显示正常，支付宝因为异步获取不到值，这里使用同步处理uni.getSystemInfoSync(); 3.支付宝t ...

uni-app 的tabbar配置参数地址： https://uniapp.dcloud.io/collocation/pages?id=tabbar   tabBar的配置跟globalStyle同级 1.在pages新建几个页面 2.配置tabBar, color字体颜色 selectedColor选中的字体颜色 backgroundColor底部背景颜色 borderStyle底部的border，只能是“black” 或者 "white" list  , list是 ...

uni-app 之canvas绘制饼状图 一开始，对于canvas我是拒绝的，后来，我发现我爱上了它，像爱上小哥哥一样~~ 　　说起canvas，是css3新增的标签。而饼状图又是canvas经典，我们公司现在正在用uni-app框架去研发APP，平常我们使用canvas标签时，只需在HTML中增加一个canvas标签，然后再script中获取标签属性，var canvas = doc ...

uni-app 中以下组件的高度是固定的，不可修改： 导航栏高度固定为 44pxtabBar 高度固定为 56px 状态栏比较特殊，是一个变量 .status_bar{ height: var(--status-bar-height); width: 100%; }     uni-app 使用 vue/cli 创建项目的时候，如果使用 scss 语法，在正常安装 node-sass 和 sass-loader 之后 ...

实现效果 列表中侧滑删除 删除不同时存在 scrollview上下滑动与侧滑删除不影响     uni-app实现 html部分 <template> <scroll-view :scroll-y="isScroll" :style="{ height: windowHeight + 'px' }"> <block :key="index" v-for="(item, index) in dataList"> <view :data-index="in ...

App支付、小程序支付、h5（微信端）支付   APP支付（内置） appPay.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 /**  * 5+App支付,仅支持支付宝以及微信支付  *  * 支付宝Sdk集成,微信sdk未集成  *  * @param : provider(String) ->被支付方   ...

1.第一次做第三方微信登陆，所以在这方面话太多时间了，主要是在获取code的时候感觉头痛，uni-app没有说明如何获取code,后来在网上搜索诸多信息后终于解决了问题 uni-app在app端第三方微信登陆时要获取code再传给后端，后端根据code向微信发送登陆请求： // #ifdef APP-PLUS login() { var it=this; ...

一、首页制作：在index.vue创建模板代码 1，制作轮播图，官网swiper组件 <template> <view> <view class="uni-padding-wrap"> <view class="page-section swiper"> <view class="page-section-spacing"> <swiper class="swiper" :indicator-dots="indicatorD ...

1 uni-app操作 (1) 打开HBuilderX的视图->显示终端 　　cd 切换到你项目的根目录 　　执行命令 npm install crypto-js 安装成功后你的项目根目录会生成node_modules文件夹，里面有crypto-js就说明成功了 （2）接下来在哪使用就直接import CryptoJS from './node_modules/crypto-js/crypto-js.js'引入就可以了 （3）封装函 ...

  uni-app 的uni-ui 的 Icon 图标组件，裡面的图标只是移动端常见的图标，对于一些其他需求所要显示的图标，这个是完全不够用。那么怎么办?模仿它的组件，用阿里巴巴图标矢量库的图标，自己定义一个图标组件呀。 一、uni-app 图标组件 1、组件文件m-icon里面有两个文件，一个是m-icon.css文件一个是m-icon.vue文件 2 ...

1、【uni-app】微信开发者工具拒绝HBuilderX访问 　　解决：在微信开发者工具里设置。原意服务端口已关闭。要使用命令行调用工具，请打开工具 -> 设置 -> 安全设置，将服务端口开启。 　　 2、H5跨域问题　　配置uni-app 中 manifest.json->h5->devServer(manifest.json文件的源码)　　"h5": {     &nb ...

在小程序中，保持登录状态是很常见的需求，今天就把写一写使用uni-app框架的保持登录状态功能是怎样实现的。 一、场景需求 1、场景：初始打开---登陆---关闭，再次打开---（已登录）上次关闭前的页面 2、cookie：传统应用保持登录状态的方式是通过读取 cookie 来判断是否是登录状态，但是uni-app不支持对cookie的读写。 3、 ...

　　uni-app 支持的全局配置包括：pages.json、manifest.json、package.json、vue-config.js、uni.scss； pages.json 　　pages.json 文件用来对 uni-app 进行全局的配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生 tabbar 等；类似于微信小程序中的 app.json 的页面管理部分； 　　属性：globalStyle：设置 ...

配置uni-app 中 manifest.json->h5->devServermanifest.json   /* h5特有相关 */ "h5" : { 　　"devServer" : { 　　"port" : 8080, //端口号 　　"disableHostCheck" : true, 　　"proxy" : { 　　　　"/api" : { 　　　　"target" : "http://192.168.4. ...

下载hbuildx，这里官方提供了几种安装包，有完全版，还有beta版，还有标准版，随便下一个吧，或者直接下载标准版的，因为它最小。 1.创建uni-app，直接选择uni-app 默认模版（hello-app项目可以拿来看看，不建议开发时使用，wap2app是针对wap转app端的，5+app 使用htmlplus，uni-app对html5+ 进行了整合，并建议直接使用uni ...

介绍：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可编译到iOS、Android、H5、以及各种小程序（微信/阿里/百度/头条/QQ）等多个平台。 uni-app官网：传送门 uni-app插件市场：传送门 前一段时间因为个人了解到这个比较nb的多端开发框架，所以有兴趣自己去尝试了一下，从开始的搭建项目到微信 ...

<template> <view> <view class="personal_li" @click="shareClick"> <image src="../../static/address.png" mode="widthFix" class="iconImage"></image> <text class="font14">分享生成图片</text> <image src="../../static/jt.png" mode="widthFix" ...

我们在开发 App 应用中，经常会遇到打开第三方程序的场景，比如打开手机淘宝、通过第三方浏览器打开一个 url 等等。 App不像网页可以使用http超链接互相跳转，但手机os设计了scheme机制，可以通过特殊的链接互相调起。 比如手机淘宝，其安装后会在手机os中会注册一个scheme协议，taobao://。 这种协议还支持参数，比如taoba ...

注：本文为前端代码资源热更新。如果是整包升级，另见文档 https://ask.dcloud.net.cn/article/34972 HBuilderX 1.6.5 起，uni-app 支持生成 App 资源升级包。 生成 App 资源升级包 修改版本号 首先，更新 manifest.json 中的版本号。 比如之前是 1.0.0，那么新版本应该是 1.0.1 或 1.1.0 这样。 发行 然后，在 HBuilderX ...

  生命周期分为：页面生命周期和应用生命周期   生命周期可参考：uni-app官方API   注意平台支持，仅某个平台支持会显示，5+App是超HTML5+的App方案.   例如分享：只有小程序支持.这时我们就要采用跨终端解决方案：https://uniapp.dcloud.io/platform   1.应用生命周期   2.页面生命周期 ...