106 lines
2.1 KiB
Vue
106 lines
2.1 KiB
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 */
|
|
|
|
|
|
@font-face {
|
|
font-family: 'JiangChengYuanTi-300W';
|
|
/* 定义字体家族名称 */
|
|
src: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');
|
|
/* 指定字体文件路径和格式 */
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'JiangChengYuanTi-400W';
|
|
/* 定义字体家族名称 */
|
|
src: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');
|
|
/* 指定字体文件路径和格式 */
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'JiangChengYuanTi-500W';
|
|
/* 定义字体家族名称 */
|
|
src: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');
|
|
/* 指定字体文件路径和格式 */
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'JiangChengYuanTi-600W';
|
|
/* 定义字体家族名称 */
|
|
src: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');
|
|
/* 指定字体文件路径和格式 */
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'JiangChengYuanTi-700W';
|
|
/* 定义字体家族名称 */
|
|
src: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');
|
|
/* 指定字体文件路径和格式 */
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
.myZt-300w {
|
|
font-family: 'JiangChengYuanTi-300W', sans-serif;
|
|
}
|
|
|
|
.myZt-400w {
|
|
font-family: 'JiangChengYuanTi-400W', sans-serif;
|
|
}
|
|
|
|
.myZt-500w {
|
|
font-family: 'JiangChengYuanTi-500W', sans-serif;
|
|
}
|
|
|
|
.myZt-600w {
|
|
font-family: 'JiangChengYuanTi-600W', sans-serif;
|
|
}
|
|
|
|
.myZt-700w {
|
|
font-family: 'JiangChengYuanTi-700W', sans-serif;
|
|
}
|
|
|
|
.bg {
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.center {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
</style> |