uni-app 是一个应用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,但是公布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快利用等大都个平台。

环境搭建

  • 装置APP开发版HBuilderX
  • 装置微信开发者工具
  • 项目目次介绍以及开发标准简介

项目目次介绍以及开发标准简介

  • page文件夹,存放页面的文件夹
  • static文件夹,寄存静态资源的文件夹 /图片/字体图标,等
  • unpackage>dist 寄存最终打包输出的文件
  • App.vue 文件 是项目的根组件 是页面的进口文件,但是调用应用的生命周期函数
  • main.js 文件 是项目的入口文件 ,项目加载首先会见加载main.js
  • manifest.json 文件 用来配置利用的一些打包的东西
  • pages.json 文件 用来设置全部项目的页面的存放途径,以及窗口的外观
  • uni.scss 文件 常用的样式变量

开发标准

  • 页面文件遵照vue中文件组件 ,后缀为vue
  • 组件标签凑近小程序标准 详见官方文档
  • 接口能力,凑近微信小程序标准,但需要前缀wx调换为uni 详见官方文档
  • 数据绑定及事件处理同vue.js规范,同时增补了app及页面的生命周期
  • 为兼容大都端运转,提议应用flex布局 进行开发

字体图标

  • uni-app 支撑运用字体图标,使用方法与普通 web 项目雷同,需要留意以下几点:
  • 支撑 base64 格式字体图标。
  • 撑持网络途径字体图标。
  • 网络门路必须加协议头 https。
  • 从 http://www.iconfont.cn 上拷贝的代码,默认是没加协议头的。

根底组件

  • 视图容器:view,scroll-view,swiper
  • 根底内容:icon,text,rich-text,progress
  • 表单组件:button,check-box,form,input,textarea,picker,radio,switch
  • 导航:navigator
  • 媒体组件:audio,camera,image,video
  • 地图:map
  • 画布:canvas
  • webview:web-view
  • App nvue 专用组件:list,recycle-list
  • 扩展组件:uni-ui

<仙宝云(www.xianboss.com)是国内著名商城体系及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、仙宝云、微信分销体系、小程序商城、商城体系等多端商城网站建设解决方案>

申明:本网站局部文章和图片起源网络编辑,如有侵权及时沟通删除,神仙宝商城原创文章,转载恳求注明起源。

立即

咨询

400电话

电话咨询

400-1875-778

微信咨询

李经理

微信扫一扫加好友

下载源码

返回顶部