nui-app

Vue WebApp适配Ios和Android实现沉浸式状态栏

如果幸运的你使用了nui-app或者HTML5+，那么请你移步Dcloud。

坐不住的程序员·2023-11-02 01:22

hbuilderX 的使用

1创建nui-app点击左上角的文件点击新建-》项目，将信息填写完整点击确定2uni-modules插件管理通过uni-app插件市场实现uni-modules的插件安装，在插件市场搜索对应的插件名称，

从此花海一片·2023-10-09 19:51

nui-app获取接口数据

在uni-app中获取接口数据，可以通过使用uni.request方法来发起网络请求。uni.request是uni-app封装的用于发送HTTP请求的API。//在页面或组件中引入uni.request方法importuniRequestfrom'@/utils/request.js'//发起请求uniRequest({url:'https://api.example.com/data',//接

&ACE&·2023-09-17 02:11

个人首次使用UniAPP使用注意事项以及踩坑

个人首次使用UniAPP使用注意事项以及踩坑自我记录持续更新1.vscode插件uni-create-view快速nui-app页面的uni-helperuni-app代码提示的uniapp小程序扩展鼠标悬停查文档

奔跑的代码！·2023-08-26 08:47

uni-app引用外部图标库（阿里矢量图）

uni-app引用外部图标库（阿里矢量图）作为前端程序员，nui-app是必备的，但是有时候内置的图标，组件又不完全满足，这里就可以引进外部图标，这里引用的是阿里矢量图标第一步，在项目目录中新建文件夹，

大可-·2023-08-03 09:33

nui-app开发微信小程序引入vantWeapp库

为什么使用nui-app开发微信小程序呢?

一把伞骨·2023-03-21 16:30

nui-app 实现下拉刷新、上拉加载更多、页面滚动刷新、一键滚动到顶部等诸多功能

目录文章目录前言一、z-paging是什么？二、功能&特点三、部分效果图四、在线体验demo五、API文档前言通过使用z-paging组件来实现你想要的功能。一、z-paging是什么？z-paging是一个uni-app的分页组件。全平台兼容，支持自定义下拉刷新、上拉加载更多，支持虚拟列表，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等。二、功能

luvJie-7c·2023-02-03 11:48

uni-app 跨平台零基础开发 - 01（环境搭建及多端运行）

作为前端开发者而言，实现混合app开发，一般使用的技术就react-native（依赖react）&&nui-app（依赖vue）什么是nui-app？

Leon_b039·2021-04-19 01:47

uni-app 应用生命周期和页面生命周期的区别

nui-app页面渲染及触发的页面生命周期页面加载过程：加载=》显示=》加载完成=》页面隐藏=》页面卸载触发页面生命周期：onLoad:监听页面加载=》onShow:监听页面显示=》onReady:监听页面初次渲染完成

米斯特肖·2020-08-22 15:46

字体图标下载使用uni-App 字体图标引入及定义生成定义模板

可跳出使用方法把解压出来的内容最后七个复制到项目中1.普通引入，使用第一步：引入项目下面生成的fontclass代码：第二步：挑选相应图标并获取类名，应用于页面：2.nui-app引入模板并使用2.1定义模板路径（建议参考nui-app

jp_567·2020-08-22 12:59

学习nui-app笔记第一天

学习的时候，第一步就是去翻人家官网。ps:还没学之前其实就听说了，这个可以兼容七端的小程序，然后就去官网看了一下，数了数，不是七个，是八个。各种小程序。1.什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。2.开发规范为了实现多端兼容，综合考虑编

zh_1130·2020-08-05 04:06

nui-app 在mac电脑连接安卓手机进行真机调试

1、首先我们需要将电脑与手机连接起来，这里我使用的连接助手是：HandShaker；手机和电脑都下载HandShaker，并且使用数据线将二者连接起来2、我的手机是小米8，找到开发者选项，初次需要激活开发者选项，点击设置->我的设备->手机型号，多次点击手机型号就会激活开发者选项。3、退回到设置，进入“更多设置”里面，找到“开发者选项”进入，“开启开发者选项”并且将下面的调试，“USB调试”以及“

yanhailun·2020-08-05 03:01

nui-app中navigateTo跳转不了tabbar设置的页面

背景：使用nui-app框架开发项目。问题：navigateTo跳转不了tabbar设置的页面。page页面设置了"tabBar":。

小红同学5·2020-08-05 03:20

nui-app介绍

据官宣，uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者只需编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，不仅能正确运行且能给用户带来优秀体验。uni-app继承自Vue.js，提供了完整的Vue.js开发体验。uni-app组件规范和扩展api与微信小程序基本相同。有一定Vue.js和微信小程序开发经验的开发者可快速上手uni-app，开发出兼容多端的

sunlizhen·2020-08-05 02:51

微信小程序转 nui-app 格式（图示）

图片静态资源复制到static目录下初始化配置全局样式设置全局导航栏和底部tabBar设置注意：因为图片改了地址，所以你的tabBar地址也要修改一下创建对应页面项创建方法：如果出现错误单页面js的修改注意：wx一定要改成uni（如果你使用的云服务还是微信小程序的，那个连接云服务的就不需要修改，比如：云服务器还需要设置云环境-----------------设置方法其他使用vue的格式（比如：单页

web前端 Zxp·2020-08-05 01:18

微信小程序转 nui-app 格式使用微信云服务器的设置

设置云环境exportdefault{//小程序初始化的钩子onLaunch:asyncfunction(){if(!wx.cloud){console.error('请使用2.2.3或以上的基础库以使用云能力')}else{wx.cloud.init({env:'text-modle-t3tox',traceUser:true,})}}}使用云服务数据库constdb=wx.cloud.data

web前端 Zxp·2020-08-05 01:48

nui-app头部自定义导航栏

天检无抗生态平台NaturalFarmcareSolution/*导航栏*/.header{margin:30upx0;}.tit{font-size:34upx;font-weight:bold;}.index{flex:1;flex-direction:column;background-image:linear-gradient(200deg,#3d6d980%,#68ad96100%);c

小白耶·2020-08-05 01:54

nui-app 定义常量/获取得常量值

{{pu}}exportdefault{data(){return{title:'Hello',pu:"6xxxx1f"}},onLoad(){//取得上面常量pu值console.log(this.pu)},methods:{}}官方：https://uniapp.dcloud.io/use?id=data-%e5%b1%9e%e6%80%a7

我是高手高手高高手·2020-08-05 00:33

nui-app总结

一、小程序结构，vue语法二、问题1、取消app原生导航：pages.json文件下添加"app-plus":{"titleNView":false//取消app原生导航}2、image图片不显示//图片不显示//解决问题//图片必须放在static文件下，否则打包安卓不显示图片3、alert（）安卓不能用，用官方提供的弹窗官方地址4、引入html必须创建一个hybrid的文件夹，把html文件放

曳猫、·2020-07-30 13:20

nui-app/小程序/vue移动端flex首页模块化布局思路

首先说明：首页只负责布局，局部样式功能全部放在子组件，做到真正的模块化。分别引入子组件到首页，相应位置即可。子组件的数据可以通过首页执行ajax请求服务器，数据发送给子组件即可。shouye.jpg主页面-首页保存文件路径pages/index/index.vue//引入广告子组件//引入列表页子组件加载中……//引入底部导航子组件importproductListfrom'../../compo

yichen_china·2018-12-04 19:27

推荐频道