![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
文章平均质量分 73
uni-app
David凉宸
前端领域优质创作者、新星计划第一季Mix赛道新星获得者、前端技能树社区创建人 ----
一分耕耘,一分收获
展开
-
5分钟让你了解UniApp
什么是UniAppuni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台Union Application前端框架基于Vue.js开发规范同小程序1、跨平台真正的做到“一套代码、多端发行”!优雅的在一个项目里调用不同平台的特色功能!2、运行体验更好组件、api 与微信小程序一致兼容weex原生渲染3、技术栈通用,学习成本低vue的语法、微信小程序原创 2021-05-11 10:26:01 · 587 阅读 · 2 评论 -
了解uni-app只需这一篇就足够了
什么是uni-app介绍uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台uni-app在手,做啥都不愁,即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯只要你有Vue和小程序的开发经验,即可快速上手原创 2021-06-14 08:08:14 · 17438 阅读 · 146 评论 -
入门学习uni-app只需这一篇即可
如果对于uniapp还不了解,可以去看我上一篇博文,先了解一下了解uni-app只需这一篇就足够了uni-app是什么?由DCLOUD使用Vue技术开发所有前端应用的框架uni-app是干什么的?一套代码发布多个平台uni-app优势uni-app和Vue关系使用Vue开发在发布H5端,完全支持Vue语法发布小程序/app,实现部分Vue语法uni-app和小程序关系组件标签靠近小程序规范接口(API)靠近小程序规范完整的小程序生命周期uni-app规范页面文.原创 2021-06-16 08:03:25 · 1332 阅读 · 107 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(一)
初始化项目编辑器为HBuilder编辑器的安装看之前的打包项目中有介绍十分钟教你学会打包APP创建uniapp项目一开始是没有云服务空间的,我们右击创建点击之后会打开云空间网址阿里云 云空间创建好之后右击关联即可初始化数据库我们有一个云数据库文件数据库下载链接此文件一定要放到cloudfunctions 文件夹下右击初始化等待即可实现tabbar准备工作:在pages下面创建tabbar文件夹,然后在此文件夹下创建三个文件夹,右击新建页面,勾选上在pages.原创 2021-06-21 14:47:42 · 15499 阅读 · 54 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(二)
实现内容切换实现内容左右滑动我们新建list组件里面使用swiper基础组件我们将首页这一部分剪切过来这样就可以正常内容左右滑动切换了但是有一个问题,不能上下滚动我们将list组件放到容器中,然后设置一下样式但我们还需要在组件中设置样式来撑起高度这样就可以上下滚动了暂时代码<template> <swiper class="home-swiper"> <swiper-item class="swiper-item"> <l原创 2021-06-23 09:55:55 · 1494 阅读 · 50 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(三)
搜索页导航栏我们先新建一个搜索页面在pages下新建home-search然后再navbar中定义点击事件再点击首页导航栏时进行跳转至搜索页navbar.vue组件中效果完整代码:<template> <view class="navbar"> <view class="navbar-fixed"> <!-- 状态栏 --> <view :style="{height:statusBarHeight+'px'}"&g原创 2021-06-25 14:02:34 · 1525 阅读 · 53 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(四)
标签页实现新建home-label页面pages.json中设置我们在tab中设置点击事件跳转到标签管理页页面布局效果:实现:我们去数据库动态获取标签在这个云函数中做一个改造通过变量来判断是显示编辑还是完成,是否显示❌true为完成、❌false为编辑,不显示❌页面显示效果我们先获取数据循环显示到页面中事件处理添加两个单击事件(此时还没有连接数据库哦)点击推荐内容就放到我的里面点击我的里面的❌放到推荐中并且自己的删除掉这个方法也可以哦加原创 2021-06-29 14:00:32 · 1711 阅读 · 73 评论