App.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <script>
  2. /* 如果您不使用 nvue ,请打开 App-不使用nvue.vue 文件复制全部内容覆盖本页代码 */
  3. export default {
  4. onLaunch: function() {
  5. // #ifdef APP-PLUS
  6. plus.screen.lockOrientation('portrait-primary'); //锁定屏幕
  7. const dom = weex.requireModule('dom');
  8. dom.addRule('fontFace', {
  9. 'fontFamily': "graceIconfont",
  10. 'src': "url('https://at.alicdn.com/t/font_823462_k8ahr59j0y.ttf')"
  11. });
  12. // #endif
  13. },
  14. onShow: function() {},
  15. onHide: function() {}
  16. }
  17. </script>
  18. <style>
  19. /* 如果您是新项目基于 GraceUI 3.0 请删除 20行的旧项目向下兼容样式引入代码 */
  20. @import "./graceUI/graceUI2.2.css";
  21. /* #ifndef APP-PLUS-NVUE */
  22. @import "./graceUI/graceUI.css";
  23. @import "./graceUI/graceIcons.css";
  24. /* #endif */
  25. /* #ifdef APP-PLUS-NVUE */
  26. @import "./graceUI/graceWeex.css";
  27. .grace-icons{font-family:graceIconfont;}
  28. /* #endif */
  29. /* 如下修改和补充能够保证不修改 GraceUI 框架的核心源码,当 GraceUI 升级时可以直接使用框架核心文件包覆盖旧文件
  30. 请根据业务原型或者设计稿规划出自己的 公共样式, 如: */
  31. .color-black{color:#333333;}
  32. .color-red{color:#FF0036;}
  33. /*
  34. 修改 graceUI 或者其他 UI 框架,如, 修改 grace-title:
  35. */
  36. .grace-title{color:#333333;}
  37. /* 可以利用条件编译编写不同平台的样式 如 : 修改导航组件 */
  38. /* #ifndef APP-PLUS-NVUE */
  39. navigator{opacity:1; background:none;}
  40. .navigator-hover{background-color:none; opacity:0.8;}
  41. /* #endif */
  42. </style>