uniapp公用css样式
时间: 2024-01-23 19:15:24 浏览: 140
HTML标签大全
以下是两种在uniapp中引入公共CSS样式的方法:
1. 在app.vue文件中引入:
```vue
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style lang="scss">
/* 每个页面公共css */
@import "uview-ui/index.scss";
uni-page-body {
// 设置页面高度为100vh
// height: 100vh;
}
/* #ifdef H5 */
uni-page-head {
display: none;
}
/* #endif */
</style>
```
2. 在项目入口文件main.js中引入:
```javascript
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import "./assets/css/global.css"
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
```
阅读全文