App.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. console.warn('当前组件仅支持 uni_modules 目录结构 ,请升级 HBuilderX 到 3.1.0 版本以上!')
  5. console.log('App Launch')
  6. },
  7. onShow: function() {
  8. console.log('App Show')
  9. },
  10. onHide: function() {
  11. console.log('App Hide')
  12. }
  13. }
  14. </script>
  15. <style lang="scss">
  16. /*每个页面公共css */
  17. @import "@/uni_modules/uview-ui/index.scss";
  18. @import '@/uni_modules/uni-scss/index.scss';
  19. @import '@/static/styles/index.scss';
  20. @import '@/style/icons/iconfont.css';
  21. @import '@/style/icons/iconfont-colors.css';
  22. // 设置整个项目的背景色
  23. page {
  24. background-color: #f7f4ed;
  25. }
  26. .content{
  27. padding-bottom:150rpx;
  28. }
  29. .wrap{
  30. background:#fff;
  31. border-radius:20rpx;
  32. margin:20rpx;
  33. }
  34. .caution{
  35. color:red;
  36. }
  37. .footer{
  38. position:fixed;
  39. bottom:0;
  40. left:0;
  41. background:#fff;
  42. width:100%;
  43. z-index:10;
  44. padding:30rpx 0;
  45. .submit{
  46. background:#f8bc31;
  47. color:#fff;
  48. width:90%;
  49. }
  50. }
  51. .flex{
  52. display:flex;
  53. }
  54. .justify-space-between{
  55. justify-content: space-between;
  56. }
  57. .align-item-center{
  58. align-items: center;
  59. }
  60. .detailedAddress{
  61. width:600rpx;
  62. overflow:hidden;
  63. white-space: nowrap;
  64. text-overflow: ellipsis;
  65. -o-text-overflow:ellipsis;
  66. }
  67. </style>