项目搭建
vant-ui使用
- 在
src
目录下创建了个wxcomponents
,然后把 vant-ui 的github上的dist拖到wxcomponents/vant
目录下 - 使用的时候在
pages.json
里挂载一下
{
"path": "pages/mine/edit-user",
"style": {
"usingComponents": {
"van-button": "/wxcomponents/vant/dist/button/index"
}
}
样式覆盖
新手看文档要有头有尾,不然都不知道不报错也没效果是为什么
- vant组件使用标签名写样式覆盖的时候,注意去控制台检查元素再看看
- 有可能你拿到的不是你想的元素(
van-button
),可能是他下一层的(.vant-button
)
组件使用
- 添加相应样式时,记得要
v-bind
/:
绑定,组件的相关事件用@
绑定
封装请求
export default function (config) {
// 从参数中解构 baseURL 参数
const {
baseURL} = config;
return function (Vue) {
// 挂载全局方法
Vue.prototype.http = async function (params) {
// 请求参数
const {
url, method, data, header} = params;
// 显示加载框
uni.showLoading({
title: '正在加载...',
mask: true
}