草庐IT

uni-collapse

全部标签

【uni-app系列】uni-ui扩展组件和uViewUI的安装使用

目录一、介绍1.uni-ui2.uViewUI二、安装1.uni-ui安装2.uViewUI安装(1)导入插件(2)后续配置①安装scss插件②引入uView主JS库③引入uView的全局SCSS主题文件④引入uView基础样式三、使用一、介绍1.uni-uiuni-ui是DCloud提供的一个跨端ui库,它是基于vue组件的、flex布局的、无dom的跨全端ui框架。uni-ui不包括基础组件,它是基础组件的补充。2.uViewUIuViewUI是全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。二、安装1.uni-ui安装uni-ui支持HBuild

uni-app下SQLite应用初探备忘录

uni-app是什么东东,这里就不是多讲了,大家可以看下官网:https://uniapp.dcloud.net.cn/。总之以后,但有实体程序,大多用它来书写。SQLite是什么东西?我认为就是一个本地数据库,可以用SQL语句来完成数据库的操作。写本文是为了备忘,也是为积累知识。一、创建uni-app项目打开HBuilder,新建一个支持SQLite的项目。具体操作如下:1、新建一个空项目选默认模板,就可以了。也就是空的,不要选其他。2、自动生成项目之后,在左侧找开项目,找到个manifest.json,如图:这个文件就是项目的配置文件,一定要看好3、如果你生成的项目,没有AppID,则点“

uni-app 微信小程序之自定义中间圆形tabbar

文章目录1.自定义tabbar效果2.pages新建tabbar页面3.tabbar页面结构4.tabbar页面完整代码1.自定义tabbar效果2.pages新建tabbar页面首先在pages.json文件中,新建一个tabbar页面"pages":[//pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path":"pages/index/tabbar", "style":{ "navigationBarTitleText":"tabbar页面", "navigationStyle":"cu

基于vue.js电影播放系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义随着互联网技术的发展和数字化娱乐的普及,电影播放系统成为了人们日常生活中不可或缺的一部分。传统的电影播放方式受到时间、地点和设备等限制,而基于Vue.js

uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白的解决办法

前言:最近在做项目的时候出现了一个很无解的问题,问了很多人,找了很多的资料,都没有解决.最后在一个突然的机会,我发现了一个小线索.(继续往下看!)问题描述:uniapp在打包成app后使用uni.chooseLocation后,在app端,选择地址的时候,你会发现他一直都是在转圈的状态,但是真机调试时可以的.(到了这里你是不是很无解了,这是为什么呢?废话不多说,直接上解决办法)解决办法:(好好看,别错过了)    第一步 我使用的是高德(百度和高德一样的,谷歌没有用过), 这个地址直接注册一个账号(注册有手就行,不多说了),注册完毕后,点击控制台进来下面的页面,按照下面的操作方式,创建一个新应

uni-app/vue封装etc车牌照输入,获取键盘按键键值

先看下效果如下:动态图如下uniapp的keyup获取不到keyCode和compositionstart,compositionend,所以需要监听input节点的keyup事件,思路以及代码如下:1.将每一个字符用文本框输入,代码如下viewclass="license-input">inputtype="text"class="input-codecode0"/>inputtype="text"class="input-codecode1"/>...view>2.初始化的时候将input下的真是inputdom绑定keyup事件调用skipnext,并传入每一个input的index,同

前端vue uni-app多图片上传组件,支持单个文件,多个文件上传 步骤条step使用

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。 本文给大家介绍的一款组件是: 快速实现多图片上传组件,支持单个文件,多个文

uni-app 微信小程序之好看的ui登录页面(二)

文章目录1.页面效果2.页面样式代码更多登录ui页面uni-app微信小程序之好看的ui登录页面(一)uni-app微信小程序之好看的ui登录页面(二)uni-app微信小程序之好看的ui登录页面(三)uni-app微信小程序之好看的ui登录页面(四)uni-app微信小程序之好看的ui登录页面(五)1.页面效果2.页面样式代码template> viewstyle="height:100vh;background:#fff;"> viewclass="img-a"> viewclass="t-b"> 您好, br/> 欢迎使用,XXX小程序 view> view

jQuery、vue、小程序、uni-app中的本地存储数据和接受数据

jQuery:存储数据://存储数据到本地localStorage.setItem('key','value');//存储对象到本地localStorage.setItem('key',JSON.stringify(object));获取数据://从本地获取数据varvalue=localStorage.getItem('key');//从本地获取对象varobject=JSON.parse(localStorage.getItem('key'));Vue.js:存储数据://存储数据到本地localStorage.setItem('key','value');//存储对象到本地localSt

基于uni-app框架的习惯养成小程序 毕业设计源码32209

赠送源码-毕业设计:express习惯养成小程序https://www.bilibili.com/video/BV1qN4y1e7H5/?vd_source=72970c26ba7734ebd1a34aa537ef5301习惯养成小程序的设计与实现摘 要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,习惯养成小程序被用户普遍使用,为方便用户能够可以随时进行习惯养成小程序的数据信息管理,特开发了基于习惯养成小程序的管理系统。习惯养成小程序主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进