mes_mobile/App.vue

104 lines
2.9 KiB
Vue
Raw Normal View History

2024-01-15 14:02:04 +08:00
<script>
export default {
onLaunch: function() {
console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!')
console.log('App Launch')
2024-02-19 16:53:38 +08:00
// #ifndef MP-WEIXIN
uni.hideTabBar();
// #endif
2024-01-15 14:02:04 +08:00
},
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;
}
2024-04-11 18:54:43 +08:00
.page_padding{padding: 14px;}
2024-03-13 16:07:11 +08:00
.page_content{padding: 0 12px 10px;}
2024-01-15 14:02:04 +08:00
//内容框
.contentboxsty{border-radius: 8px;background: #1C2755;}
//没有底部边框
.noborbot{border-bottom:none !important}
2024-03-13 16:07:11 +08:00
2024-01-15 14:02:04 +08:00
.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;}
2024-03-13 16:07:11 +08:00
.font15{font-size: 15px!important;}
2024-02-19 16:53:38 +08:00
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font35{font-size: 35px;}
2024-01-16 16:42:05 +08:00
.font_bold{font-weight: bold;}
//文字颜色
.text_color_black{color: #000;}
2024-04-11 18:54:43 +08:00
.theme_color{color: #009688 }//主题绿
//按钮颜色
2024-03-13 16:07:11 +08:00
.but_color{background: #009688 !important;}
2024-02-19 16:53:38 +08:00
// .text_{color: #00B68D;}
//布局
.flex_layout{display: flex;}
2024-03-13 16:07:11 +08:00
.flex1{flex: 1;}
2024-02-19 16:53:38 +08:00
//paddind
2024-03-13 16:07:11 +08:00
.padd_rigth5{padding-right: 5px;}
.padd_bot6{padding-bottom: 6px;}
2024-02-19 16:53:38 +08:00
.padd_top12{padding-top:12px;}
2024-03-13 16:07:11 +08:00
.padd_rigth12{padding-right: 12px;}
.padd_bot12{padding-bottom: 12px;}
.padd_left12{padding-left:12px;}
2024-02-19 16:53:38 +08:00
//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;}
}
//页面固定按钮
2024-04-11 18:54:43 +08:00
.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;}
2024-02-19 16:53:38 +08:00
}
//底部固定添加按钮
.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;}
2024-01-15 14:02:04 +08:00
</style>