父组件 <v-sub @returnDate=returnDate :backGround=backGround></v-sub> import vSub from "../../../components/v-sub.vue" export default { components:{ vSub }, data() { return { backGround:"#000" } }, methods: { returnDate(e){ con…

组件:组件时视图层的基本组成单元 <template> <view> <tagname property = "value"> content </tagname> </view> </template> viewscroll-viewswipertextrich-textprogress buttoncheckboxforminputlabelpickerradiosliderswitchtextarea nav…

又双叒一个uniapp组件 最近有一个选择地址的需求,就写了一个省市区联动选择器. 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享. 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器, 所以就用了这个. 依然发布到了插件市场:http://ext.dcloud.net.cn/plugin?id=708 看一下效果吧 具体实现 css就不贴出来了,下载可以看到. 第一.底部弹出框 <vie…

本人微信公众号:前端修炼之路,欢迎关注 背景介绍 经过上一篇文章uni-app官方教程学习手记的学习之后,我就着手做这个项目了. 目前已经初步搭出了整体的框架,秉着取之于社会,回馈于社会的原则,我将这个项目开源到GitHub uni-shop,发展壮大uni-app社区.项目肯定有不足和考虑不周之处,欢迎大家指正并提出Issues. 因为这是个真实的项目,为了一名合格的程序员的职业操守,项目真实数据部分并不会开源.为了提高整体的流畅性和帮助自己开发,数据部分采用Easy Mock模拟的假数据.有…

1. uni-app插件ColorUI步骤条 1.1. 前言 uni-app就不介绍了,前面几篇已经有所介绍,不知道的可以翻看我前面几篇博客 ColorUI-uniApp是uni-app的一款ui组件,事实上就是对uni-app组件添加css,使其更加漂亮 这里我抛砖引玉的介绍一下步骤条的使用,之所以介绍它是因为使用它的过程中,发现的几点问题 第一它本身的例子太过简单,但事实上它是可以实现的更复杂的 第二它本身带有很多css样式是可以直接拿来用的,不需要自己改造自己写 1.2. 例子 比如如下实…

作者 | Jeskson来源 | 达达前端小酒馆 uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js.脚本,应用程序,main.js.日志打印,定时器,生命周期,页面,页面通讯. pages.json文件时用来对uni-app进行全局配置的,它是用来写页面文件的路径,窗口样式,底部的tabbar等,类似于小程序中的app.json的页面管理.这里注意的是定位,在小程序中是在app.json的,而在uni-app中式在m…

一.使用Vue.js注意事项 Vue.js在uni-app中使用的差异: 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动.页面显示等生命周期 受限:发布到H5时支持所有vue的语法, 在小程序和App端部分功能受限 生命周期:Vue实例生命周期+应用生命周期+页面生命周期 使用uni-app的onReady : 代替vue的mounted 使用uni-app的onLoad : 代替vue的created 注意:不要在选项属性或回调上使用箭头函数,比如 created: () =…

一.初步认识 uni-app官网:https://uniapp.dcloud.io/component/README HBuilderX官方IDE下载地址: http://www.dcloud.io/hbuilderx.html 选择版本: 下载App开发版,可开箱即用: 如使用cli方式创建项目,可直接下载标准版 创建uni-app: 工具栏里的文件 -> 新建 -> 项目 -> 选择uni-app,输入工程名 运行uni-app: 快捷键 ctrl+r 选择运行方式 显示项目目录:…

1.什么是uni-app? uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台. 即使不跨端,uni-app同时也是更好的小程序开发框架. 2.uni-app适用于哪些人员? 所有的前端开发人员,尤其是app和小程序开发人员. 有vue和微信小程序基础的人员,能快速上手uni-app. 不推荐无前端基础的直接学. 3.uni-app的开发工具 毫无疑问,首选u…

前言 本文基于 HBuilderX 3.1.22 + 微信开发者工具 1.05.2106300为主要内容进行说明. 文档版本:1.0.0 更新时间:2021-09-03 15:32 一.准备 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝).快应用等多个平台. 1.1 软件安装 创建uni-app有两种,一个是通过 HBuilderX 可视化界…

uni-app: 开始:必须要有一个根view结点. 外部文件引用方式的变化: js要require进来,变成了对象. <script> var util = require('../../../common/util.js'); //require这个js模块 var formatedPlayTime = util.formatTime(playTime); //调用js模块的方法 </script>  高级引入方法: <!-- 直接使用js模块的属性.在hello uni…

uniapp小程序迁移到TS 我一直在做的小程序就是 山科小站 也已经做了两年了,目前是用uniapp构建的,在这期间也重构好几次了,这次在鹅厂实习感觉受益良多,这又得来一次很大的重构,虽然小程序功能都是比较简单的功能,但是这好不容易实习学到的东西得学以致用,那就继续在小程序上动手吧哈哈.这次实习收获最大倒不是怎么迁移到TS,而是一些组件设计的概念以及目录结构设计上的东西,不过这都是在之后重写组件的时候要做的东西了.回到正题,小程序是用uniapp写的,毕竟还是比较熟悉Vue语法的,这次迁移首先…

uniapp官网 uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝).快应用等多个平台. HBuilderX:官方IDE下载地址 新建uni-app 运行uni-app uniapp 初始化相关配置 工程目录结构 一个uni-app工程,默认包含如下目录及文件: ┌─uniCloud 云空间目录,阿里云为…

什么是移动端WebApp 移动端WebApp: 泛指手持设备移动端的web 特点: - 类App 应用,运行环境是浏览器 - 可以包一层壳,成为App - 常见的混合应用: ionic, Cordova, appcan, uni-app - 原生应用: ReactNative, fluter - 桌面应用: Electron Mint UI 基于UniApp社区论坛多端开发实战 知识学习 GitHub - dcloudio/uni-app: uni-app 是使用 Vue 语法开发小程序.H5.…

队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 任务分配 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车,页面美化 还剩下哪些任务 完成短租车,页面美 遇到了哪些困难 暂无 有哪些收获和疑问 1.收获:暂无 2.疑问:暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口. 前端新增输入框前端js校验,加载时等待动画,开放短租车功能模块,加入认证时上传图片功能. 展示GitHub当日代码/文档签入…

队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车,页面美化 还剩下哪些任务 s 完成短租车,页面美化 遇到了哪些困难 暂无 有哪些收获和疑问 1.收获:暂无 2.疑问:暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 使用dbutils并发连接数据库 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台,完善前端. 还剩下哪些任务 地图功能模块未连入前端页面.…

队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车,页面美化 还剩下哪些任务 s 完成短租车,页面美化 遇到了哪些困难 网络请求速度慢 有哪些收获和疑问 1.收获:后台数据库管理 2.疑问:暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口. 前端新增输入框前端js校验,加载时等待动画,开放短租车功能模块,加入认证时上传图片功能. 展示GitH…

队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 无 接下来的计划 完成短租车,页面美化 还剩下哪些任务 s 完成短租车,页面美化 遇到了哪些困难 网络请求速度慢 有哪些收获和疑问 1.收获:后台数据库管理 2.疑问:暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口. 前端新增输入框前端js校验,加载时等待动画,开放短租车功能模块,加入认证时上传图片功能. 展示Gi…

队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 无 接下来的计划 无 还剩下哪些任务 s 答辩 遇到了哪些困难 无 有哪些收获和疑问 1.收获:happy end 2.疑问:暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 最后冲刺 展示GitHub当日代码/文档签入记录 接下来的计划 没咯 还剩下哪些任务 没咯 遇到了哪些困难 无 有哪些收获和疑问 1.收获:无 2.疑问:无 陈湘怡 过去两…

队名:观光队 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 完成服务器连接数据库部分代码 展示GitHub当日代码/文档签入记录 接下来的计划 服务器网络请求,vue使用. 还剩下哪些任务 服务器网络请求,vue使用. 燃尽图 遇到了哪些困难 1.服务器网络请求. 2.vue使用. 有哪些收获和疑问 1.收获:无. 2.疑问:vue使用. 陈超颖 过去两天完成了哪些任务 文字/口头描述 博客撰写 展示GitHub当日代码/文档签入记录 接下来的计划 与前端.数…