<script>
export default {
onLaunch: function () {
console.log('App Launch');
},
onShow: function () {
console.log('App Show')
},
onHide: function () {
console.log('App Hide')
}
}
</script>
<style>
/ 这是页面的公用css /
page {
background-color: #F8F8F8;
height: 100%;
font-size: 32px;
line-height: 1.6;
}
button {
margin-top: 20px;
margin-bottom: 20px;
}
form {
width: 100%;
}
/* page */
.container {
display: flex;
flex-direction: column;
min-height: 100%;
justify-content: space-between;
font-size: 32px;
font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}
.page-head {
padding: 60px 50px 80px;
text-align: center;
line-height: initial;
height: 60px;
}
.page-head-title {
display: inline-block;
padding: 0 40px;
font-size: 30px;
height: 60px;
line-height: 60px;
color: #BEBEBE;
box-sizing: border-box;
border-bottom: 2px solid #D8D8D8;
}
.page-head-desc {
padding-top: 20px;
color: #9B9B9B;
font-size: 32px;
}
.page-body {
width: 100%;
flex-grow: 1;
overflow-x: hidden;
}
.page-body-wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.page-body-wording {
text-align: center;
padding: 200px 100px;
}
.page-body-info {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
width: 100%;
padding: 50px 0 150px 0;
}
.page-body-title {
margin-bottom: 100px;
font-size: 32px;
}
.page-body-text {
font-size: 30px;
line-height: 52px;
color: #ccc;
}
.page-body-text-small {
font-size: 24px;
color: #000;
margin-bottom: 100px;
}
.page-foot {
margin: 100px 0 30px 0;
text-align: center;
color: #1aad19;
font-size: 0;
}
.icon-foot {
width: 152px;
height: 23px;
}
.page-section {
width: 100%;
margin-bottom: 60px;
}
.page-section_center {
display: flex;
flex-direction: column;
align-items: center;
}
.page-section:last-child {
margin-bottom: 0;
}
.page-section-gap {
box-sizing: border-box;
padding: 0 30px;
}
.page-section-spacing {
box-sizing: border-box;
padding: 0 80px;
}
.page-section-title {
font-size: 28px;
color: #999999;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
}
.page-section-gap .page-section-title {
padding-left: 0;
padding-right: 0;
}
</style>
2 个回复
hugo_yu (作者) - a js lover
我弄了个笨办法,就是复制了一个app.wxss文件放在项目的static/css里面,这样就不需要编译了,可这貌似不是根本办法啊,谁能告诉下我这个文件是怎么编译出来的,我好好奇怎么不出现
2***@qq.com
官方文档里面不是说编译到任意平台,static目录文件会完整打包但不会编译