latex.js 899 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. const config = require('../config');
  2. Component({
  3. options: {
  4. styleIsolation: 'shared'
  5. },
  6. properties: {
  7. data: {
  8. type: Object,
  9. value: {}
  10. }
  11. },
  12. data: {
  13. attr:{
  14. src:'',
  15. class:''
  16. },
  17. size:{
  18. w:0,
  19. h:0
  20. }
  21. },
  22. lifetimes:{
  23. attached:function(){
  24. const _ts = this;
  25. let dataAttr = this.data.data.attrs;
  26. // 设置公式图片
  27. _ts.setData({
  28. attrs:{
  29. src:`${config.latex.api}=${dataAttr.value}&theme=${global._theme}`,
  30. class:`${dataAttr.class} ${dataAttr.class}--${dataAttr.type}`
  31. }
  32. });
  33. }
  34. },
  35. methods: {
  36. load:function(e){
  37. const _ts = this;
  38. // 公式图片加载完成则根据其图片大小、类型计算其显示的合适大小
  39. let scale = 20,
  40. w = e.detail.width / scale,
  41. h = e.detail.height /scale;
  42. _ts.setData({
  43. size:{
  44. w:w,
  45. h:h
  46. }
  47. });
  48. }
  49. }
  50. })