App.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. // 读取手机状态栏高度
  5. const app = uni.getWindowInfo()
  6. this.$store.commit('app/SET_statusBarHeight', app.statusBarHeight || 30)
  7. this.$store.commit('app/SET_windowInfo', app)
  8. },
  9. onShow: function() {
  10. console.log('App Show')
  11. },
  12. onHide: function() {
  13. console.log('App Hide')
  14. }
  15. }
  16. </script>
  17. <style lang="scss">
  18. /* import "@/static/fontsize/iconfont.css" */
  19. @import '~./static/css/index.scss';
  20. @import url('@/static/fontsize/iconfont.css');
  21. /*每个页面公共css */
  22. * {
  23. box-sizing: border-box;
  24. }
  25. page {
  26. background-color: #fff;
  27. }
  28. /* 一行超出点点 */
  29. .hide_1 {
  30. overflow: hidden;
  31. text-overflow: ellipsis;
  32. white-space: nowrap;
  33. word-wrap: break-word;
  34. }
  35. /* 2行超出点点 */
  36. .hide_2 {
  37. display: -webkit-box;
  38. word-break: break-all;
  39. text-overflow: ellipsis;
  40. overflow: hidden;
  41. white-space: pre-line;
  42. -webkit-box-orient: vertical;
  43. -webkit-line-clamp: 2;
  44. }
  45. /* 3行超出点点 */
  46. .hide_3 {
  47. display: -webkit-box;
  48. word-break: break-all;
  49. text-overflow: ellipsis;
  50. overflow: hidden;
  51. white-space: pre-line;
  52. -webkit-box-orient: vertical;
  53. -webkit-line-clamp: 3;
  54. }
  55. /* .bg-color{
  56. background-color: #fff;
  57. }
  58. .box-pad{
  59. padding-left: 30rpx;
  60. padding: 30rpx $pages-padding 20rpx;
  61. } */
  62. .table-box {
  63. width: 100% !important;
  64. .uni-table {
  65. width: 100% !important;
  66. min-width: 100% !important;
  67. }
  68. }
  69. ::v-deep uni-tabbar {
  70. z-index: 88 !important;
  71. }
  72. </style>