104 lines
2.9 KiB
Vue
104 lines
2.9 KiB
Vue
<script>
|
|
export default {
|
|
onLaunch: function() {
|
|
console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
|
|
console.log('App Launch')
|
|
// #ifndef MP-WEIXIN
|
|
uni.hideTabBar();
|
|
// #endif
|
|
|
|
},
|
|
onShow: function() {
|
|
console.log('App Show')
|
|
},
|
|
onHide: function() {
|
|
console.log('App Hide')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
/*每个页面公共css */
|
|
@import '@/uni_modules/uni-scss/index.scss';
|
|
/* #ifndef APP-NVUE */
|
|
@import '@/static/customicons.css';
|
|
// 设置整个项目的背景色
|
|
page {
|
|
background-color: #060B26;
|
|
color: #fff;
|
|
}
|
|
/* #endif */
|
|
.example-info {
|
|
font-size: 14px;
|
|
color: #333;
|
|
padding: 10px;
|
|
}
|
|
.page_padding{padding: 14px;}
|
|
.page_content{padding: 0 12px 10px;}
|
|
//内容框
|
|
.contentboxsty{border-radius: 8px;background: #1C2755;}
|
|
//没有底部边框
|
|
.noborbot{border-bottom:none !important}
|
|
|
|
.t-icon{background-repeat: no-repeat;}
|
|
.icon22{width: 22px;height: 22px;}
|
|
//字体大小
|
|
.font12{font-size: $uni-font-size-sm;}
|
|
.font13{font-size:13px;}
|
|
.font14{font-size: $uni-font-size-base;}
|
|
.font15{font-size: 15px!important;}
|
|
.font20{font-size: 20px;}
|
|
.font22{font-size: 22px;}
|
|
.font24{font-size: 24px;}
|
|
.font35{font-size: 35px;}
|
|
.font_bold{font-weight: bold;}
|
|
//文字颜色
|
|
.text_color_black{color: #000;}
|
|
.theme_color{color: #009688 }//主题绿
|
|
//按钮颜色
|
|
.but_color{background: #009688 !important;}
|
|
// .text_{color: #00B68D;}
|
|
|
|
//布局
|
|
.flex_layout{display: flex;}
|
|
.flex1{flex: 1;}
|
|
//paddind
|
|
.padd_rigth5{padding-right: 5px;}
|
|
.padd_bot6{padding-bottom: 6px;}
|
|
.padd_top12{padding-top:12px;}
|
|
.padd_rigth12{padding-right: 12px;}
|
|
.padd_bot12{padding-bottom: 12px;}
|
|
.padd_left12{padding-left:12px;}
|
|
//margin
|
|
.mar_top12{margin-top: 12px;}
|
|
.page_list{margin-bottom: 12px;padding:0 12px;}
|
|
//有详情的列表
|
|
.detail_list{margin-bottom: 12px;
|
|
.list_top{
|
|
display: flex;
|
|
padding:12px;
|
|
font-size: 14px;
|
|
border-radius: 8px 8px 0px 0px;
|
|
background: linear-gradient(90deg, rgba(61, 84, 176, 0.70) 5.83%, rgba(58, 77, 158, 0.00) 73.76%);
|
|
.top_left{flex: 1;}
|
|
}
|
|
.list_content{padding:12px;}
|
|
}
|
|
//页面固定按钮
|
|
.bottom_but{
|
|
width: 100%;
|
|
position: fixed;
|
|
bottom: 0px;
|
|
background-color: #060B26;
|
|
border-top: 1px solid #2E3249;
|
|
height: 80px;
|
|
// bottom: 40px;bottom: 40px;position: fixed;width: calc(100% - 28px);
|
|
view{width: 50%;text-align: center;margin: 0 20px;border-radius: 19px;background: #DDD;line-height: 38px;height: 38px;margin-top: 6px;}
|
|
}
|
|
//底部固定添加按钮
|
|
.page_bottom_button{width: 100%;position: fixed;bottom: 0px;background-color: #060B26;border-top: 1px solid #2E3249;height: 80px;
|
|
.page_add{display: flex;justify-content: center;margin: 7px 20px;border-radius: 17.5px;background: #1C2755;line-height: 35px;}
|
|
}
|
|
.bot_padding{padding-bottom: 100px;}
|
|
</style>
|