-
全局配置
所属栏目：[教程] 日期：2023-04-24 热度：3149
全局配置作用于整个项目，也就是对项目中所有的页面都起作用，在项目根目录下面的 pages.json 文件中，找到globalStyle配置项，在这个配置项中进行项目的全局配置。
实例：
"globalStyle": {
"navigationBa[详细] -
什么 Vue.js 单文件组件
所属栏目：[教程] 日期：2023-04-24 热度：2600
Vue 单文件组件主要是一个 .vue 文件，这是一个自定义的文件类型，一个 .vue 文件就是一个单文件组件。
uni-app 只支持 vue 单文件组件（.vue 组件）。其他的诸如：动态组件，自定义 render，和<script type="tex[详细] -
uni-app项目目录架构
所属栏目：[教程] 日期：2023-04-24 热度：373
在创建完成 uni-app 项目后，系统会默认帮我们生成一些文件，这些文件就是初始项目目录结构。
日常开发过程中，都是需要在这个目录结构的基础上面完成项目搭建，所以，我们首先需要了解这个初始目录结构各个目录的[详细] -
uni-app学习路线和建议
所属栏目：[教程] 日期：2023-04-24 热度：387
我们现在已经知道 uni-app 是一个使用 Vue.js 语法，用来开发跨平台应用的前端框架。
没有接触过 Vue.js 的同学要先学习 Vue.js 语法，不过不用过于担心，很容易上手的。可以先拿出一两个小时的时间，大概了解一下[详细] -
uni-app框架介绍
所属栏目：[教程] 日期：2023-04-24 热度：9661
uni-app 是一个由 DCloud 团队推出的跨平台应用的前端框架，用的是 Vue.js 语法。
如果你之前没有接触过 Vue.js 语法也没有关系，相信你在学习这篇文章之前一定是了解 html、js、css 的， Vue.js 语法其实就是这三[详细] -
uni-app 教程
所属栏目：[教程] 日期：2023-04-24 热度：5099
DCloud为将该技术发扬光大，并推进各家流量巨头接入该标准，开展小程序业务。
uni-app 主要功能
uni-app实现了一套代码，同时运行到多个平台一套代码，同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具[详细] -
Vant CountDown 倒计时的效果组件库
所属栏目：[教程] 日期：2023-04-20 热度：9830
Vant CountDown 组件是实现移动端倒计时的效果组件库。主要用于电商抢购倒计时这类UI功能支持。
引入
import Vue from 'vue';
import { CountDown } from 'vant';
Vue.use(CountDown);
基[详细] -
Vant Dialog 弹出框方式
所属栏目：[教程] 日期：2023-04-20 热度：386
弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作
弹出框组件支持函数调用和组件调用两种方式
函数调用
Dialog 是一个函数而不是组件，因此可以直接调用，展示对应的提示弹窗
impor[详细] -
Vant DropdownMenu 下拉菜单教程
所属栏目：[教程] 日期：2023-04-20 热度：5329
Vant DropdownMenu 下拉菜单主要用于一些分类栏目较多的地方进行制作下拉菜单。
引入
import Vue from 'vue';
import { DropdownMenu, DropdownItem } from 'vant';
Vue.use(DropdownMenu)[详细] -
Vant Loading 加载浅析
所属栏目：[教程] 日期：2023-04-20 热度：3789
Vant Loading 加载组建主要实现菊花跟圆圈加载样式效果。
引入
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
加载类型
通过type属性可以设置加载图标的类[详细] -
Vant Notify 消息提示的组件
所属栏目：[教程] 日期：2023-04-20 热度：8126
Vant Notify 消息提示是通过顶栏下拉进行消息推送提示的组件。
引入
import Vue from 'vue';
import { Notify } from 'vant';
Vue.use(Notify);
基础用法
Notify('通知内容');[详细] -
Vant Overlay 遮罩层运用
所属栏目：[教程] 日期：2023-04-20 热度：7503
创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作。
引入
import Vue from 'vue';
import { Overlay } from 'vant';
Vue.use(Overlay);
基础用法
<van-button type="pri[详细] -
Vant PullRefresh 下拉刷新功能
所属栏目：[教程] 日期：2023-04-20 热度：180
Vant PullRefresh 组件主要实现手机端的下拉刷新功能。
引入
import Vue from 'vue';
import { PullRefresh } from 'vant';
Vue.use(PullRefresh);
基础用法
下拉刷新时会触发 refresh 事[详细] -
Vant SwipeCell 滑动单元格分析
所属栏目：[教程] 日期：2023-04-20 热度：2658
Vant SwipeCell 滑动单元格是提供可以在两侧加入内容的组件。
引入
import Vue from 'vue';
import { SwipeCell } from 'vant';
Vue.use(SwipeCell);
基础用法
SwipeCell组件提供了left和[详细] -
Vant Toast 轻提示介绍
所属栏目：[教程] 日期：2023-04-20 热度：6814
Vant Toast 轻提示
引入
import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);
文字提示
Toast('提示内容');
加载提示
使用Toast.loading方法展示加载提示，[详细] -
Vant ShareSheet 分享面板功能
所属栏目：[教程] 日期：2023-04-20 热度：7923
Vant ShareSheet 分享面板是从底部弹起的分享面板，用于展示各分享渠道对应的操作按钮，不含具体的分享逻辑。2.6 版本开始支持此组件。
引入
import Vue from 'vue';
import { ShareSheet } from '[详细] -
Vant Circle 环形进度条的组件
所属栏目：[教程] 日期：2023-04-20 热度：3851
Vant Circle 组件是制作移动端环形数据进度条的组件。
引入
import Vue from 'vue';
import { Circle } from 'vant';
Vue.use(Circle);
基础用法
rate属性表示进度条的目标进度，v-model[详细] -
Vant Collapse 折叠面板功能介绍
所属栏目：[教程] 日期：2023-04-20 热度：7729
Vant Collapse 组件是实现手机端折叠面板的组件库。
引入
import Vue from 'vue';
import { Collapse, CollapseItem } from 'vant';
Vue.use(Collapse);
Vue.use(CollapseItem);
基础用法[详细] -
Vant ActionSheet 动作面板功能介绍
所属栏目：[教程] 日期：2023-04-20 热度：8686
Vant ActionSheet 动作面板主要是实现手机端的上拉菜单效果。
引入
import Vue from 'vue';
import { ActionSheet } from 'vant';
Vue.use(ActionSheet);
基础用法
ActionSheet通过actio[详细] -
Vant Uploader 文件上传分析
所属栏目：[教程] 日期：2023-04-20 热度：9525
Vant Uploader 文件上传组建主要实现手机端上传文件功能。
import Vue from 'vue';
import { Uploader } from 'vant';
Vue.use(Uploader);
基础用法
文件上传完毕后会触发after-read回调函[详细] -
Vant Switch 开关介绍
所属栏目：[教程] 日期：2023-04-20 热度：9335
Vant Switch 开关主要是实现模拟iOS开关的效果。
引入
import Vue from 'vue';
import { Switch } from 'vant';
Vue.use(Switch);
基础用法
通过v-model绑定开关的选中状态，true表示开，[详细] -
Vant Stepper 步进器运用
所属栏目：[教程] 日期：2023-04-20 热度：2857
步进器由增加按钮、减少按钮和输入框组成，用于在一定范围内输入、调整数字
引入
import Vue from 'vue';
import { Stepper } from 'vant';
Vue.use(Stepper);
基础用法
通过v-model绑定[详细] -
Vant Slider 滑块功能介绍
所属栏目：[教程] 日期：2023-04-20 热度：6594
Vant Slider 滑块组建主要用来设计圆型滑块与数字滑块的功能点。
引入
import Vue from 'vue';
import { Slider } from 'vant';
Vue.use(Slider);
基本用法
<van-slider v-model="value"[详细] -
Vant Search 搜索组建
所属栏目：[教程] 日期：2023-04-20 热度：5541
Vant Search 搜索组建主要提供各种风格的搜索框实现。
引入
import Vue from 'vue';
import { Search } from 'vant';
Vue.use(Search);
基础用法
v-model 用于控制搜索框中的文字，backg[详细] -
Vant Rate 评分功能
所属栏目：[教程] 日期：2023-04-20 热度：8344
Vant Rate 评分主要用来实现一些星级打分、爱心打分等操作功能。
引入
import Vue from 'vue';
import { Rate } from 'vant';
Vue.use(Rate);
基础用法
<van-rate v-model="value" />
e[详细]
