Compare commits

...

2 Commits

Author SHA1 Message Date
neverland
e0877f971a
docs(@vant/cli): add base css document (#9993) 2021-12-03 14:10:35 +08:00
按时吃饭
ed156f24c5
docs(@vant/use): useRect should be used inside onMounted (#9989) 2021-12-03 09:46:59 +08:00
2 changed files with 37 additions and 14 deletions

View File

@ -1,13 +1,15 @@
# 配置指南
- [配置指南](#)
- [配置指南](#----)
- [vant.config.mjs](#vantconfigmjs)
- [name](#name)
- [build.css](#buildcss)
- [build.css.base](#buildcssbase)
- [build.css.preprocessor](#buildcsspreprocessor)
- [build.site.publicPath](#buildsitepublicpath)
- [build.srcDir](#buildsrcdir)
- [build.namedExport](#buildnamedexport)
- [build.configureVite](#buildconfigurevite)
- [build.packageManager](#buildpackagemanager)
- [site.title](#sitetitle)
- [site.logo](#sitelogo)
- [site.description](#sitedescription)
@ -18,11 +20,11 @@
- [site.hideSimulator](#sitehidesimulator)
- [site.simulator.url](#sitesimulatorurl)
- [site.htmlMeta](#sitehtmlmeta)
- [site.enableVConsole](#siteenablevconsole)
- [Babel](#babel)
- [默认配置](#-1)
- [依赖](#-2)
- [默认配置](#----)
- [Postcss](#postcss)
- [默认配置](#-3)
- [默认配置](#-----1)
- [browserslist](#browserslist)
## vant.config.mjs
@ -77,14 +79,33 @@ export default {
- Type: `string`
- Default: `''`
组件库名称,建议使用中划线分割,如`demo-ui`
组件库名称,建议使用中划线分割,如 `demo-ui`
### build.css
### build.css.base
- Type: `object`
- Default: `{ preprocessor: 'less' }`
- Type: `string`
- Default: `'style/base.less'`
CSS 预处理器配置,目前支持`less``sass`两种预处理器,默认使用`less`
全局样式文件的路径,可以为相对路径或绝对路径。
相对路径基于 `src` 目录计算。
```js
module.exports = {
build: {
css: {
base: 'style/global.scss',
},
},
};
```
### build.css.preprocessor
- Type: `string`
- Default: `'less'`
CSS 预处理器配置,目前支持 `less``sass` 两种预处理器,默认使用 `less`
```js
module.exports = {

View File

@ -13,16 +13,18 @@
```
```js
import { ref } from 'vue';
import { ref, onMounted } from 'vue';
import { useRect } from '@vant/use';
export default {
setup() {
const root = ref();
const rect = useRect(root);
console.log(rect); // -> 元素的大小及其相对于视口的位置
onMounted(()=>{
const rect = useRect(root);
console.log(rect); // -> 元素的大小及其相对于视口的位置
})
return { root };
},
};