App.vue 1.4 KB

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