uni-app
bbiu~biu~
菜鸟养成计划
展开
-
iconfont图标在app-plus中使用
iconfontt图标在app-plus中怎么用呢(传送门)1、添加入库2、添加至项目(如果没有项目,新建一个就是啦)3、下载自本地4、打开压缩包,找到( iconfont.ttf ),移自你项目文件夹里5、打开 iconfont.css(往下翻,找到)6、在项目中( 完成以下步骤 )7、也可以在 demo_index.html 查看图标颜色ok,就酱,没啦~...原创 2020-03-19 18:46:11 · 1237 阅读 · 2 评论 -
uni-app 媒体组件
官方文档audio音频常用属性说明(详情属性说明请戳)属性名类型默认值说明idStringaudio 组件的唯一标识符srcString要播放音频的资源地址loopBooleanfalse是否循环播放controlsBooleanfalse是否显示默认控件posterString默认控件上的音频封面的图片资源地址...原创 2020-03-13 16:49:26 · 3407 阅读 · 0 评论 -
uni.request 网络请求
uni.requestOBJECT常用参数说明(详细参数请戳)参数名说明url是写api地址的data是用来传值的(看下面详情~)header是写请求头信息的methods其实就是写自定义方法的(看下面详情~)succes访问接口成功之后就会调用success参数为res(看下面详情~)method 有效值必须大写,有效值在不同平台...原创 2020-03-12 16:36:48 · 44317 阅读 · 1 评论 -
uni-app 组件定义使用及父子组件传值
组件定义使用在项目的/component目录下存放组件,在要显示组件的页面中则分为3步:导入、注册和使用。<template> <view class="phone"> <!-- <uni-coms /> --> <uni-coms ></uni-coms> //第三步:使用组件(这里单标签双标签都可以) &...原创 2020-03-12 11:17:36 · 2988 阅读 · 2 评论 -
uni-app 事件处理/绑定/传参
事件处理几乎全支持Vue事件处理(传送门)事件映射表,左侧为 WEB 事件,右侧为 uni-app 对应事件{ click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touchend: 'touchend', ...原创 2020-03-11 17:08:05 · 4810 阅读 · 0 评论 -
uni-app基础语法学习
模板语法uni-app 完整支持 Vue 模板语法。详见 Vue官方文档(传送门)基础数据绑定<template> <view class="news"> <view class="title">{{title}}</view> //在视图中使用 {{}} 调用变量: <view>{{msg}}</view>...原创 2020-03-10 17:08:28 · 1490 阅读 · 0 评论 -
uni-app flex布局
flex布局的概念特点:flexible box:弹性盒状布局容器控制内部元素的布局定位CSS3引入的新布局模型伸缩元素,自由填充,自适应优势:可在不同方向排列元素控制元素排序的方向控制元素的对齐方式控制元素之间等距控制单个元素放大与缩放比例、占比、对齐方式flex布局的常用术语:flex container:flex容器flex item:flex项目(元素...原创 2020-03-09 16:42:32 · 2573 阅读 · 0 评论 -
uni生命周期、目录结构、路由跳转的学习
一、生命周期生命周期分为应用生命周期和页面生命周期和组件生命周期1、应用生命周期app.vueexport default { onLaunch: function(opation) { console.log('初始化完成时触发(全局只触发一次)'); // console.log(opation) }, onShow: function() { console.log...原创 2020-03-06 16:03:47 · 396 阅读 · 0 评论 -
uni-app入门
一、什么是uni-appuni-app 是一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台二、安装uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。通过 HBuilderX 可视化界面vue-cli命令行...原创 2020-03-04 18:01:26 · 1655 阅读 · 0 评论