You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
<script>
|
|
export default {
|
|
onLaunch: function() {
|
|
console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
|
|
console.log('App Launch')
|
|
},
|
|
onShow: function() {
|
|
console.log('App Show')
|
|
},
|
|
onHide: function() {
|
|
console.log('App Hide')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
/*每个页面公共css */
|
|
@import '@/uni_modules/uni-scss/index.scss';
|
|
@import '@/common/uni.css';
|
|
@import '@/static/customicons.css';
|
|
@import "./static/css/animate.min.css";
|
|
|
|
page {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.top_line_wrapper {
|
|
width: 750rpx;
|
|
height: 1rpx;
|
|
background: #0DC3D0;
|
|
}
|
|
|
|
.example-info {
|
|
font-size: 14px;
|
|
color: #333;
|
|
padding: 10px;
|
|
}
|
|
|
|
.opentype_button_wrapper {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
opacity: 0;
|
|
}
|
|
|
|
.primary_button_wrapper {
|
|
position: relative;
|
|
width: 580rpx;
|
|
height: 90rpx;
|
|
background: linear-gradient(90deg, #67b163, #529051);
|
|
border-radius: 45rpx;
|
|
font-size: 31rpx;
|
|
font-weight: 500;
|
|
color: #F6FDFD;
|
|
line-height: 90rpx;
|
|
text-align: center;
|
|
margin: 200rpx auto 0;
|
|
box-shadow: 0 0 50rpx #00000060;
|
|
}
|
|
|
|
.blank_wrapper {
|
|
height: calc(20rpx + var(--safe-area-inset-bottom));
|
|
}
|
|
|
|
.top_blank_wrapper::after {
|
|
content: ".";
|
|
}
|
|
|
|
.top_blank_wrapper {
|
|
height: 0;
|
|
width: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
.navbar_wrapper {
|
|
height: calc(100rpx + var(--safe-area-inset-top));
|
|
}
|
|
</style>
|