blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(cli): mobile site title auto resize

Browse Source
This commit is contained in:
陈嘉涵 2019-12-18 14:57:48 +08:00
parent 2fa241d868
commit 1f081c1e88
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/vant-cli/site/mobile/components/DemoHome.vue
View File

@ -1,6 +1,9 @@
<template>
<div class="demo-home">
<h1 class="demo-home__title">
<h1
class="demo-home__title"
:class="{ 'demo-home__title--small': smallTitle }"
>
<img :src="config.logo">
<span>{{ config.title }}</span>
</h1>
@ -38,6 +41,10 @@ export default {
}
return config.site;
},
smallTitle() {
return this.config.title.length >= 8;
}
}
};
@ -62,6 +69,7 @@ export default {
&__title {
margin: 0 0 16px;
font-size: 32px;
img,
span {
@ -70,13 +78,16 @@ export default {
}
img {
width: 36px;
width: 32px;
}
span {
margin-left: 16px;
font-weight: 500;
font-size: 36px;
}
&--small {
font-size: 24px;
}
}