App.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <script>
  2. export default {
  3. onLaunch: function(options) {
  4. // wx.hideHomeButton();
  5. // this.getFont()
  6. // uni.hideTabBar()
  7. },
  8. onShow: function() {
  9. console.log('App Show')
  10. },
  11. onHide: function() {
  12. console.log('App Hide')
  13. },
  14. methods: {
  15. getFont() {
  16. uni.loadFontFace({
  17. family: "FZZhunYuan-M02S",
  18. global: true,
  19. source: 'url("https://guess-shop.oss-cn-beijing.aliyuncs.com/static/font/FZZhunYuan-M02S.woff2")',
  20. success: (msg) => {
  21. console.log(msg);
  22. },
  23. fail: (err) => {
  24. console.log(err);
  25. },
  26. });
  27. uni.loadFontFace({
  28. family: "FZCuYuan-M03",
  29. global: true,
  30. source: 'url("https://guess-shop.oss-cn-beijing.aliyuncs.com/static/font/yuanGBK.woff2")',
  31. success: (msg) => {
  32. console.log(msg);
  33. },
  34. fail: (err) => {
  35. console.log(err);
  36. },
  37. });
  38. },
  39. }
  40. }
  41. </script>
  42. <style lang="scss">
  43. @import "@/uni_modules/uview-ui/index.scss";
  44. @import "@/static/iconfont/iconfont.css";
  45. body,html{
  46. background-color: #f6f6f6;
  47. height: 100%;
  48. }
  49. img,
  50. [alt],
  51. img[alt]{
  52. max-width: 100%;
  53. }
  54. /*每个页面公共css */
  55. view,
  56. text {
  57. font-family: FZZhunYuan-M02S;
  58. }
  59. .flex-box-r{
  60. display: flex;
  61. align-items: center;
  62. justify-content: flex-end;
  63. }
  64. .flex-box-cloum{
  65. display: flex;
  66. flex-direction: column;
  67. align-items: center;
  68. }
  69. .flex-box-c-b{
  70. display: flex;
  71. align-items: center;
  72. justify-content: space-between;
  73. }
  74. .flex-box-s{
  75. display: flex;
  76. justify-content: space-between;
  77. }
  78. .flex-box-a{
  79. display: flex;
  80. justify-content: space-around;
  81. }
  82. .flex-box-f{
  83. display: flex;
  84. justify-content: flex-start;
  85. }
  86. .flex-box {
  87. display: flex;
  88. justify-content: center;
  89. align-items: center;
  90. }
  91. ::v-deep .u-navbar__content__title {
  92. font-family: FZCuYuan-M03;
  93. font-size: 38rpx !important;
  94. }
  95. // 富文本展示
  96. .ql-indent-1 {
  97. margin-left: 96rpx;
  98. }
  99. .ql-indent-2 {
  100. margin-left: 192rpx;
  101. }
  102. .ql-indent-3 {
  103. margin-left: 288rpx;
  104. }
  105. .ql-indent-4 {
  106. margin-left: 384rpx;
  107. }
  108. .ql-indent-5 {
  109. margin-left: 480rpx;
  110. }
  111. .ql-indent-6 {
  112. margin-left: 576rpx;
  113. }
  114. .ql-indent-7 {
  115. margin-left: 672rpx;
  116. }
  117. .ql-indent-8 {
  118. margin-left: 768rpx;
  119. }
  120. // img {
  121. // max-width: 100%;
  122. // }
  123. .ql-align-center {
  124. text-align: center;
  125. }
  126. .ql-align-right {
  127. text-align: right;
  128. }
  129. blockquote {
  130. display: block;
  131. border-left: 8px solid #d0e5f2;
  132. padding: 5px 10px;
  133. margin: 10px 0;
  134. line-height: 1.4;
  135. font-size: 100%;
  136. background-color: #f1f1f1;
  137. }
  138. .ql-indent-1 {
  139. margin-left: 60rpx;
  140. }
  141. .ql-indent-2 {
  142. margin-left: 120rpx;
  143. }
  144. .ql-indent-3 {
  145. margin-left: 180rpx;
  146. }
  147. .ql-indent-4 {
  148. margin-left: 240rpx;
  149. }
  150. .ql-indent-5 {
  151. margin-left: 300rpx;
  152. }
  153. .ql-size-huge {
  154. font-size: 80rpx !important;
  155. display: inline-block !important;
  156. line-height: 90rpx !important;
  157. }
  158. .ql-size-large {
  159. font-size: 48rpx;
  160. display: inline-block;
  161. line-height: 50rpx;
  162. }
  163. .ql-size-small {
  164. font-size: 24rpx;
  165. display: inline-block;
  166. line-height: 30rpx;
  167. }
  168. .ql-font-serif {
  169. font-family: Georgia, Times New Roman, serif;
  170. }
  171. .ql-font-monospace {
  172. font-family: Monaco, Courier New, monospace;
  173. }
  174. </style>