App.vue 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350
  1. <script>
  2. var wsUrl="ws://42.194.245.189:8008/app/webSocket/w-";
  3. var pingpangTimes=null;
  4. var isSocketOpen=false;
  5. var socket=null;
  6. let nowapp='福本源'
  7. export default {
  8. data() {
  9. return {
  10. };
  11. },
  12. onLaunch: function() {
  13. // uni.hideTabBar();
  14. console.log(nowapp)
  15. },
  16. onLoad() {
  17. // #ifndef MP-WEIXIN
  18. uni.hideNavigationBar(); // H5 隐藏导航栏
  19. // #endif
  20. },
  21. onShow: function() {
  22. console.log('App Show')
  23. },
  24. onHide: function() {
  25. console.log('App Hide')
  26. },
  27. onUnload() {
  28. },
  29. methods:{
  30. }
  31. }
  32. </script>
  33. <style lang="scss">
  34. /*每个页面公共css */
  35. @import "@/uni_modules/uview-ui/index.scss";
  36. @import '@/assets/css/theme.scss';
  37. @import '@/assets/css/common.scss';
  38. view{
  39. box-sizing: border-box;
  40. }
  41. .ellipsis{
  42. overflow: hidden;
  43. text-overflow: ellipsis;
  44. white-space: nowrap;
  45. }
  46. .single-line-ellipsis {
  47. width: 480rpx; /* 设置固定宽度 */
  48. white-space: nowrap; /* 文本不换行 */
  49. overflow: hidden; /* 隐藏超出部分 */
  50. text-overflow: ellipsis; /* 超出部分用省略号表示 */
  51. }
  52. .single-ellipsis {
  53. width: 260rpx; /* 设置固定宽度 */
  54. white-space: nowrap; /* 文本不换行 */
  55. overflow: hidden; /* 隐藏超出部分 */
  56. text-overflow: ellipsis; /* 超出部分用省略号表示 */
  57. }
  58. .ellipsis2{
  59. overflow:hidden;
  60. text-overflow:ellipsis;
  61. display:-webkit-box;
  62. -webkit-box-orient:vertical;
  63. -webkit-line-clamp:2;
  64. }
  65. .no-data-box{
  66. height:100%;
  67. width: 100%;
  68. display: flex;
  69. justify-content: center;
  70. align-items: center;
  71. flex-direction: column;
  72. image{
  73. width: 264upx;
  74. height: 212upx;
  75. }
  76. .empty-title{
  77. margin-top: 20rpx;
  78. font-size: 28rpx;
  79. color: gray;
  80. }
  81. }
  82. .w-calc-30 {
  83. padding: 0 30rpx;
  84. width: calc(100% - 60rpx);
  85. }
  86. .hb {
  87. height: 100%;
  88. box-sizing: border-box;
  89. }
  90. .hidden {
  91. overflow: hidden;
  92. }
  93. .base-color {
  94. color: $--base-color;
  95. }
  96. .base-color-2 {
  97. color: $--base-color2;
  98. }
  99. .base-color-3 {
  100. color: $--base-color3;
  101. }
  102. .base-color-9 {
  103. color: $--base-color-9;
  104. }
  105. .base-color-8 {
  106. color: $--base-color-f8;
  107. }
  108. .base-color-6 {
  109. color: $--base-color-6;
  110. }
  111. .base-color-gray {
  112. color: $--base-color-gray;
  113. }
  114. .base-color-red{
  115. color:#ee0a25;
  116. }
  117. .base-color-dark {
  118. color: $--base-color-dark;
  119. }
  120. .base-color-dark2 {
  121. color: $--base-color-dark2;
  122. }
  123. .base-price {
  124. color: $--base-color-price;
  125. }
  126. .base-success {
  127. color: $--base-color-success;
  128. }
  129. .base-bg {
  130. background: $--base-bg;
  131. }
  132. .base-bg-2 {
  133. background: $--base-bg2;
  134. }
  135. .base-bg-red{
  136. background: #ee0a25;
  137. }
  138. .base-bg-f{
  139. background-color:#fff;
  140. }
  141. .base-bg-f8{
  142. background-color: $--base-color-f8;
  143. }
  144. .base-bg-f5{
  145. background-color: $--base-color-f5;
  146. }
  147. .base-bg-9{
  148. background-color: $--base-color-9;
  149. }
  150. .base-bg-blue{
  151. background:$--base-bg-blue;
  152. }
  153. .base-bg-sure{
  154. background:$--base-sure-bg;
  155. }
  156. .base-bg-orange{
  157. background:$--base-bg-orange;
  158. }
  159. .base-bg-false{
  160. background:$--base-false-bg;
  161. }
  162. .bor-blue{
  163. border: 2rpx solid $--base-bor-blue;
  164. }
  165. .bor-red{
  166. border: 2rpx solid $--base-bor-red;
  167. }
  168. .colorf {
  169. color: #fff;
  170. }
  171. .bgf {
  172. background: #fff;
  173. }
  174. .fixed {
  175. position: fixed;
  176. }
  177. .absolute {
  178. position: absolute;
  179. }
  180. .relative {
  181. position: relative;
  182. }
  183. .w100 {
  184. width: 100%;
  185. }
  186. .h100 {
  187. height: 100%;
  188. }
  189. .card {
  190. background: #fff;
  191. border-radius: 15rpx;
  192. }
  193. .cover-height {
  194. height: 100%;
  195. display: flex;
  196. flex-direction: column;
  197. box-sizing: border-box;
  198. }
  199. .row {
  200. display: flex;
  201. flex-direction: row;
  202. }
  203. .column {
  204. display: flex;
  205. flex-direction: column;
  206. }
  207. .justify-start {
  208. display: flex;
  209. justify-content: flex-start;
  210. }
  211. .justify-center {
  212. display: flex;
  213. justify-content: center;
  214. }
  215. .justify-end {
  216. display: flex;
  217. justify-content: flex-end;
  218. }
  219. .justify-around {
  220. display: flex;
  221. justify-content: space-around;
  222. }
  223. .justify-evenly {
  224. display: flex;
  225. justify-content: space-evenly;
  226. }
  227. .justify-between {
  228. display: flex;
  229. justify-content: space-between;
  230. }
  231. .align-start {
  232. display: flex;
  233. align-items: flex-start;
  234. }
  235. .align-center {
  236. display: flex;
  237. align-items: center;
  238. }
  239. .align-end {
  240. display: flex;
  241. align-items: flex-end;
  242. }
  243. .center {
  244. display: flex;
  245. justify-content: center;
  246. align-items: center;
  247. }
  248. .centerV {
  249. display: flex;
  250. justify-content: center;
  251. align-items: center;
  252. flex-direction: column;
  253. }
  254. .wrap {
  255. flex-wrap: wrap;
  256. }
  257. .flex-1 {
  258. flex: 1;
  259. }
  260. .ellipsis {
  261. overflow: hidden;
  262. text-overflow: ellipsis;
  263. display: -webkit-box;
  264. -webkit-box-orient: vertical;
  265. box-sizing: border-box;
  266. width: 100%;
  267. -webkit-line-clamp: 1;
  268. }
  269. .lines-2 {
  270. -webkit-line-clamp: 2 !important;
  271. }
  272. .lines-3 {
  273. -webkit-line-clamp: 3 !important;
  274. }
  275. .bold {
  276. font-weight: bold;
  277. }
  278. .line-through {
  279. text-decoration: line-through;
  280. }
  281. .nowrap {
  282. white-space: nowrap;
  283. }
  284. .scrollx {
  285. overflow-x: scroll;
  286. }
  287. .scrolly {
  288. overflow-y: scroll;
  289. }
  290. .cvauto {
  291. content-visibility: auto;
  292. }
  293. </style>
  294. <style lang="less">
  295. /*每个页面公共css */
  296. @import './assets/iconfont/iconfont.css';
  297. @import './assets/css/common.less';
  298. </style>