| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- <script>
- export default {
- onLaunch: function() {
- console.log('App Launch')
- },
- onShow: function() {
- console.log('App Show')
- wx.hideTabBar()
- },
- onHide: function() {
- console.log('App Hide')
- }
- }
- </script>
- <style>
- page {
- --color: #1D8AF6;
- --title-color: #383838;
- --color1: #44A2FF;
- --color2: #44A2FF;
- --color3: #a4ddf1;
- --color4: #f7c10b;
- --color5: #ff0200;
- --button-color: #13caca;
- --button-color1: #15B3B2;
- --link-color: #13caca;
- --color-red: #ff7878;
- --color-green: #00b600;
- --bg-color: #EDF5FF;
- --icon-color: #1D8AF6;
- --loading-color: #44A2FF;
- --padding-rl: 10rpx;
- --padding-tb: 10rpx;
- --text-color: #999999;
- --text-color1: #333;
- --text-color2: #808080;
- --text-color3: #6E6E6E;
- --padding-bottom: 8rpx;
- --card-bg: #15B3B2;
- --empty-color: #ccc;
- --modal-title-color: #D30303;
- }
- </style>
- <style lang="scss">
- /*每个页面公共css */
- @import '@/uni_modules/uni-scss/index.scss';
- @import '@/static/theme.css';
- @import '@/static/customicons.css';
- // 设置整个项目的背景色
- page {
- font-size: 16px;
- background-color: #F4F5F5;
- background-size: cover;
- min-height: 100%;
- }
- body {
- // height: 100%;
- font-weight: normal;
- font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
- padding: 0;
- margin: 0;
- }
- /* #ifdef H5 */
- uni-page-body {
- background: transparent;
- }
- /* #endif */
- .red {
- color: var(--color-red) !important;
- }
- .text-red {
- color: #f8a2a2 !important;
- }
- .uv-status-bar {
- background: var(--color1);
- background-image: none !important;
- }
- .uv-popup {
- .uv-popup__content.bottom {
- color: red;
- .uv-action-sheet {
- .uv-action-sheet__header {
- .uv-action-sheet__header__title {
- color: var(--color);
- }
- }
- }
- }
- }
- ::-webkit-scrollbar {
- width: 2rpx;
- height: 2rpx;
- }
- ::-webkit-scrollbar-thumb {
- // background-color: var(--color);
- background-color: rgba(199, 226, 244, 0.2);
- border-radius: 10rpx;
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- // background-color: rgba(199, 226, 244, 0.6);
- }
- .uni-tabbar .uni-tabbar__label {
- font-size: 11pt;
- /* 根据需要调整 */
- }
- .login-modal {
- ::v-deep .uni-modal {
- .uni-modal__title {
- text-align: center;
- }
- border-radius: .5rem !important;
- ::v-deep .uni-modal__bd {
- color: red;
- }
- .uni-modal__btn {
- background: linear-gradient(to right, var(--color1), var(--color));
- color: #fff !important;
- margin: .5rem 1.5rem;
- border-radius: 2rem;
- }
- }
- }
- .uv-new-modal {
- .slot-content {
- text-align: center;
- color: #999;
- padding: 1rem 0;
- font-size: .875rem;
- }
- .uv-popup {
- color: var(--color);
- ::v-deep .uv-modal {
- border-radius: .5rem;
- .uv-modal__title {
- color: var(--modal-title-color);
- font-size: 1.25rem;
- font-weight: normal;
- }
- .uv-line {
- width: 0 !important;
- }
- .uv-modal__button-group {
- height: auto !important;
- .uv-modal__button-group__wrapper {
- height: 2.4rem !important;
- // line-height: 3rem;
- }
- .uv-modal__button-group__wrapper--confirm {
- background: var(--color);
- color: #fff;
- margin: .75rem 1.75rem 1.75rem .875rem;
- border-radius: .5rem;
- .uv-modal__button-group__wrapper__text {
- color: #fff !important;
- }
- }
- .uv-modal__button-group__wrapper--cancel {
- background: #DCEEFF;
- color: var(--color);
- margin: .75rem .875rem 1.75rem 1.75rem;
- border-radius: .5rem;
- .uv-modal__button-group__wrapper__text {
- color: var(--color) !important;
- }
- }
- .uv-modal__button-group__wrapper--only-confirm {
- background: var(--color);
- color: #fff;
- margin: .75rem 1.75rem;
- border-radius: .5rem;
- .uv-modal__button-group__wrapper__text {
- color: #fff !important;
- }
- }
- }
- }
- }
- }
- .uv-tabbar {
- .uv-tabbar__content {
- padding-top: .5rem;
- }
- }
- </style>
|