JLNTV_IPD/vue-h5-template
4
0
Fork 0
mirror of https://github.com/sunniejs/vue-h5-template.git synced 2025-04-06 03:57:50 +08:00
Code Issues Projects Releases Wiki Activity

feat: 完善页面样式

Browse Source
This commit is contained in:
fonghehe 2023-01-12 11:47:12 +08:00
parent 4b4bd9ade9
commit c2650890a5
4 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.env.test
View File

@ -0,0 +1,3 @@
VITE_USE_MOCK=true
VITE_USE_ERUDA=true

10
src/layout/basic/index.vue
View File

@ -75,20 +75,22 @@
<style scoped lang="scss"> <style scoped lang="scss">
.nut-navbar { .nut-navbar {
margin-bottom: 0; margin-bottom: 0;
// padding: 0;
} }
.main-page { .main-page {
box-sizing: border-box; box-sizing: border-box;
height: 100vh; height: calc(100vh - 92px);
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
.tabbar { .tabbar {
height: calc(100vh - 200px); height: calc(100vh - 92px);
padding-bottom: 100px;
} }
.border { .border {
padding: 30px; padding-left: 30px;
padding-right: 30px;
} }
</style> </style>

2
src/views/demo/index.vue
View File

@ -46,7 +46,9 @@
@import '../../styles/mixin.scss'; @import '../../styles/mixin.scss';
section { section {
.title { .title {
font-size: 40px;
margin-bottom: 40px; margin-bottom: 40px;
font-weight: 500;
display: inline-block; display: inline-block;
} }
&:nth-child(n) { &:nth-child(n) {

2
src/views/home/index.vue
View File

@ -34,7 +34,7 @@
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
const { locale } = useI18n(); const { locale } = useI18n();
let cellList = ['vue3', 'vite', 'vue-router', 'axios', 'Pinia', 'vue-i18n', 'vue-jsx', 'vatlet/vant/nutUI']; let cellList = ['vue3', 'vite', 'vue-router', 'axios', 'Pinia', 'vue-i18n', 'postcss-px-to-viewport', 'vatlet/vant/nutUI', 'eruda'];
const userStore = useUserStore(); const userStore = useUserStore();
const getUserInfo = computed(() => { const getUserInfo = computed(() => {
const { name = '' } = userStore.getUserInfo || {}; const { name = '' } = userStore.getUserInfo || {};