model.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. (function () {
  2. let v = getQueryVariable('v');
  3. let m = getQueryVariable('m');
  4. let objData = modelInfos[m];
  5. let name = document.querySelector('#name');
  6. let time = document.querySelector('#time');
  7. let size = document.querySelector('#size');
  8. let texture = document.querySelector('#texture');
  9. let keep = document.querySelector('#keep');
  10. let num = document.querySelector('#num');
  11. /* let excavated_time = document.querySelector('#excavated_time'); */
  12. let level = document.querySelector('#level');
  13. let unit = document.querySelector('#unit');
  14. /* let content = document.querySelector('#content');
  15. let audio = document.querySelector('#audio'); */
  16. name.innerHTML = objData.name;
  17. time.innerHTML = "年     代:" + objData.time;
  18. size.innerHTML = "尺     寸:" + objData.size;
  19. texture.innerHTML = "质     地:" + objData.texture;
  20. keep.innerHTML = "保存现状:" + objData.keep;
  21. num.innerHTML = "数     量:" + objData.num;
  22. /* excavated_time.innerHTML = "来     源:" + objData.excavated_time; */
  23. level.innerHTML = "级     别:" + objData.level;
  24. unit.innerHTML = "收藏单位:" + objData.unit;
  25. /* objData.content.forEach(function(v){
  26. var p = document.createElement('p');
  27. p.innerHTML = v ;
  28. content.appendChild(p);
  29. }) */
  30. /* let baseUrl = './voices/';
  31. audio.src = baseUrl + objData.voice +'.mp3'; */
  32. //音频自动播放
  33. function autoPlayAudio() {
  34. wx.config({
  35. // 配置信息, 即使不正确也能使用 wx.ready
  36. debug: false,
  37. appId: '',
  38. timestamp: 1,
  39. nonceStr: '',
  40. signature: '',
  41. jsApiList: []
  42. });
  43. wx.ready(function() {
  44. audio.play();
  45. });
  46. document.addEventListener("WeixinJSBridgeReady", function () {
  47. audio.play();
  48. }, false);
  49. document.addEventListener('touchstart', function(){
  50. audio.play();
  51. document.removeEventListener('touchstart',arguments.callee);//严格模式下无法适用
  52. }, false);
  53. }
  54. /* autoPlayAudio(); */
  55. $(".bg-audio").click(function(){
  56. console.log(audio.paused);
  57. if(audio.paused){
  58. $(".bg-audio").css('background','url(images/bgmusic-play-icon.png)center/100% no-repeat');
  59. audio.play();
  60. }else {
  61. audio.pause();
  62. console.log(audio.paused)
  63. $(".bg-audio").css('background','url(images/bgmusic-close-icon.png)center/100% no-repeat')
  64. }
  65. })
  66. /* content.innerHTML = objData.content; */
  67. $("#iconInfo").click(function(){
  68. console.log("111")
  69. if($(this).attr("data-info")==0){
  70. $("#introductionWrap").css("display","flex");
  71. $("#introductionWrap").addClass("fadeInRight");
  72. $("#introductionWrap").removeClass("fadeOutRight");
  73. $(this).attr("data-info",1);
  74. }else {
  75. $("#introductionWrap").addClass("fadeOutRight");
  76. $("#introductionWrap").removeClass("fadeInRight");
  77. $(this).attr("data-info",0)
  78. }
  79. })
  80. })()