gaozl
/
deji_demo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: init

master
高志龙 1 year ago
parent
259b74d511
commit
3f5ec45e11
5 changed files with 183 additions and 215 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      index.html
  2. 16
      main.js
  3. 3
      public/tts/index.js
  4. 4
      recorder.js
  5. 105
      util.js

2
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en">
<html lang="zh">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<link rel="icon" type="image/svg+xml" href="/wails.png"/> <link rel="icon" type="image/svg+xml" href="/wails.png"/>

16
main.js
View File

@ -1,9 +1,11 @@
import { onchangeSize,initDate,setScrollPosition,addBackItemText,addItemImg,addAvdi,addItemSmallImg,addItemBigImg,addredHot,addBackItemAction,addWrapper,addClickItemImg } from "./util.js";
import QMUtil from "./util.js";
import { btnStatus,recorder,getWebSocketUrl,connectWebSocket } from "./recorder.js" import { btnStatus,recorder,getWebSocketUrl,connectWebSocket } from "./recorder.js"
import { createAlova } from 'alova'; import { createAlova } from 'alova';
import adapterFetch from 'alova/fetch'; import adapterFetch from 'alova/fetch';
let { onchangeSize,initDate,setScrollPosition,addBackItemText,addItemImg,addItemSmallImg,addItemBigImg,addredHot,addBackItemAction,addWrapper,addClickItemImg } = QMUtil;
const alovaInstance = createAlova({ const alovaInstance = createAlova({
requestAdapter: adapterFetch(), requestAdapter: adapterFetch(),
responded: response => response.json() responded: response => response.json()
@ -100,7 +102,7 @@ function callBack(str){
addBackItemText(`${obj.data.value[0].name}位于商场 ${obj.data.value[0].house_number},\n下方为您推荐导航线路`); addBackItemText(`${obj.data.value[0].name}位于商场 ${obj.data.value[0].house_number},\n下方为您推荐导航线路`);
addItemImg("./assets/map.png"); addItemImg("./assets/map.png");
}else{ }else{
addBackItemText(`您的问题我还在持续学习中...`);
addBackItemText(`您的问题我还在持续学习中.`);
} }
break; break;
case "facility" : case "facility" :
@ -116,7 +118,7 @@ function callBack(str){
addBackItemText(`${obj.data.value.city}今天天气${obj.data.value.dayweather}，最高温度${obj.data.value.daytemp_float}`); addBackItemText(`${obj.data.value.city}今天天气${obj.data.value.dayweather}，最高温度${obj.data.value.daytemp_float}`);
break; break;
case "member" : //会员等级 case "member" : //会员等级
addBackItemText(obj.data.value.text);
obj.data.value.text && addBackItemText(obj.data.value.text);
if(obj.data.value.content && obj.data.value.content.length>0){ if(obj.data.value.content && obj.data.value.content.length>0){
let div = addWrapper(); let div = addWrapper();
obj.data.value.content.forEach((item, index)=>{ obj.data.value.content.forEach((item, index)=>{
@ -125,13 +127,13 @@ function callBack(str){
} }
break; break;
case "qrcode" : //二维码 case "qrcode" : //二维码
addBackItemText(obj.data.value.text);
obj.data.value.text && addBackItemText(obj.data.value.text);
if(obj.data.value.content && obj.data.value.content.length>0){ if(obj.data.value.content && obj.data.value.content.length>0){
addItemSmallImg(obj.data.value.content[0].logo); addItemSmallImg(obj.data.value.content[0].logo);
} }
break; break;
case "coupon" : //优惠券 case "coupon" : //优惠券
addBackItemText(obj.data.value.text);
obj.data.value.text && addBackItemText(obj.data.value.text);
if(obj.data.value.content && obj.data.value.content.length>0){ if(obj.data.value.content && obj.data.value.content.length>0){
let div = addWrapper(); let div = addWrapper();
obj.data.value.content.forEach((item)=>{ obj.data.value.content.forEach((item)=>{
@ -140,13 +142,13 @@ function callBack(str){
} }
break; break;
case "video" : //视频 case "video" : //视频
addBackItemText(obj.data.value.text);
obj.data.value.text && addBackItemText(obj.data.value.text);
if(obj.data.value.content && obj.data.value.content.length>0){ if(obj.data.value.content && obj.data.value.content.length>0){
addItemBigImg(obj.data.value.content[0].logo, obj.data.value.content[0].video, window.clickVideo); addItemBigImg(obj.data.value.content[0].logo, obj.data.value.content[0].video, window.clickVideo);
} }
break; break;
default : default :
addBackItemText(obj.data.value);
obj.data.value && addBackItemText(obj.data.value);
break; break;
} }
} }

3
public/tts/index.js
View File

@ -1,5 +1,6 @@
import { config } from "../../util.js";
import QMUtil from "../../util.js";
let { config } = QMUtil;
let btnStatus = "UNDEFINED"; // "UNDEFINED" "CONNECTING" "PLAY" "STOP" let btnStatus = "UNDEFINED"; // "UNDEFINED" "CONNECTING" "PLAY" "STOP"
const audioPlayer = new AudioPlayer("../"); const audioPlayer = new AudioPlayer("../");

4
recorder.js
View File

@ -1,6 +1,6 @@
import {setScrollPosition, config} from "./util.js"
import QMUtil from "./util.js"
let {setScrollPosition, config} = QMUtil;
let btnStatus = "UNDEFINED"; // "UNDEFINED" "CONNECTING" "OPEN" "CLOSING" "CLOSED" let btnStatus = "UNDEFINED"; // "UNDEFINED" "CONNECTING" "OPEN" "CLOSING" "CLOSED"

105
util.js
View File

@ -1,6 +1,7 @@
let scaleW; let scaleW;
function initDate(){
var QMUtil = {
initDate: function (){
let date = new Date(); let date = new Date();
let minu = date.getMinutes()>9?date.getMinutes():"0"+date.getMinutes(); let minu = date.getMinutes()>9?date.getMinutes():"0"+date.getMinutes();
let hour = date.getHours()>9?date.getHours():"0"+date.getHours(); let hour = date.getHours()>9?date.getHours():"0"+date.getHours();
@ -34,9 +35,9 @@ function initDate(){
break; break;
} }
document.getElementById("weekTxt").innerText = weekName; document.getElementById("weekTxt").innerText = weekName;
}
},
function onchangeSize(){
onchangeSize: function (){
scaleW = window.innerHeight/(1248/704); scaleW = window.innerHeight/(1248/704);
document.getElementById("bg").style.width = scaleW+"px"; document.getElementById("bg").style.width = scaleW+"px";
document.getElementById("txtBg").style.width = scaleW/(1080/540)+"px"; document.getElementById("txtBg").style.width = scaleW/(1080/540)+"px";
@ -49,10 +50,10 @@ function onchangeSize(){
document.getElementById("txtBg").style.bottom = window.innerHeight/(1920/250)+"px"; document.getElementById("txtBg").style.bottom = window.innerHeight/(1920/250)+"px";
document.getElementById("startBnt").style.bottom = window.innerHeight/(1920/130)+"px"; document.getElementById("startBnt").style.bottom = window.innerHeight/(1920/130)+"px";
document.getElementById("stopBnt").style.bottom = window.innerHeight/(1920/125)+"px"; document.getElementById("stopBnt").style.bottom = window.innerHeight/(1920/125)+"px";
}
},
//设置滚动条位置
function setScrollPosition() {
//设置滚动条位置
setScrollPosition:function () {
setTimeout(()=>{ setTimeout(()=>{
let h0 = document.getElementById("cont").offsetHeight; let h0 = document.getElementById("cont").offsetHeight;
let h1 = (window.innerHeight/(1920/1312)-56); let h1 = (window.innerHeight/(1920/1312)-56);
@ -63,9 +64,9 @@ function setScrollPosition() {
}); });
} }
},200); },200);
}
},
function addAvdi(){
addAvdi:function (){
let wli = document.createElement("li"); let wli = document.createElement("li");
wli.className = "left" wli.className = "left"
wli.innerHTML="<div>更多精彩内容请关注德基广场小程序</div>"; wli.innerHTML="<div>更多精彩内容请关注德基广场小程序</div>";
@ -75,16 +76,16 @@ function addAvdi(){
wli2.innerHTML='<div><img src="./assets/face.svg" width="80" /></div>'; wli2.innerHTML='<div><img src="./assets/face.svg" width="80" /></div>';
document.getElementById("cont").appendChild(wli2); document.getElementById("cont").appendChild(wli2);
setScrollPosition(); setScrollPosition();
}
},
function addredHot(){
addredHot:function (){
let aili = document.createElement("li"); let aili = document.createElement("li");
aili.className = "left" aili.className = "left"
aili.innerHTML="<span>小德</span>"; aili.innerHTML="<span>小德</span>";
document.getElementById("cont").appendChild(aili); document.getElementById("cont").appendChild(aili);
}
//活动
function addBackItemAction(obj){
},
//活动
addBackItemAction:function (obj){
let li = document.createElement("li"); let li = document.createElement("li");
li.className = "left" li.className = "left"
document.getElementById("cont").appendChild(li); document.getElementById("cont").appendChild(li);
@ -99,9 +100,9 @@ function addBackItemAction(obj){
<span style="color:#000; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display:${dip};">店铺编号: ${obj.shopNum}</span> <span style="color:#000; white-space:nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display:${dip};">店铺编号: ${obj.shopNum}</span>
<span style="color:#000; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: ${num};line-clamp: ${num};-webkit-box-orient: vertical;">${obj.intro}</span> <span style="color:#000; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: ${num};line-clamp: ${num};-webkit-box-orient: vertical;">${obj.intro}</span>
</div>`; </div>`;
}
//文本
function addBackItemText(msg, idName="", isTTS=true){
},
//文本
addBackItemText:function (msg, idName="", isTTS=true){
let li = document.createElement("li"); let li = document.createElement("li");
li.id = idName li.id = idName
li.className = "left" li.className = "left"
@ -120,24 +121,24 @@ function addBackItemText(msg, idName="", isTTS=true){
window.isplayHello=false; window.isplayHello=false;
startTTS(div.innerText); startTTS(div.innerText);
} }
}
//单图片
function addItemImg(imgUrl){
},
//单图片
addItemImg:function (imgUrl){
let li_img = document.createElement("li"); let li_img = document.createElement("li");
li_img.className = "left" li_img.className = "left"
document.getElementById("cont").appendChild(li_img); document.getElementById("cont").appendChild(li_img);
let w = (scaleW/(1080/535)); let w = (scaleW/(1080/535));
li_img.innerHTML = `<img width="${w}" src="${imgUrl}" />`; li_img.innerHTML = `<img width="${w}" src="${imgUrl}" />`;
}
//单图片
function addItemSmallImg(imgUrl){
},
//单图片
addItemSmallImg:function (imgUrl){
let li_img = document.createElement("li"); let li_img = document.createElement("li");
li_img.className = "left" li_img.className = "left"
document.getElementById("cont").appendChild(li_img); document.getElementById("cont").appendChild(li_img);
let w = (scaleW/(1080/200)); let w = (scaleW/(1080/200));
li_img.innerHTML = `<img width="${w}" src="${imgUrl}" />`; li_img.innerHTML = `<img width="${w}" src="${imgUrl}" />`;
}
function addItemBigImg(imgUrl, videoUrl, clickFun){
},
addItemBigImg:function (imgUrl, videoUrl, clickFun){
let li_img = document.createElement("img"); let li_img = document.createElement("img");
document.getElementById("cont").appendChild(li_img); document.getElementById("cont").appendChild(li_img);
let w = (scaleW/(1080/535)); let w = (scaleW/(1080/535));
@ -146,26 +147,25 @@ function addItemBigImg(imgUrl, videoUrl, clickFun){
li_img.src = imgUrl; li_img.src = imgUrl;
li_img.width = w; li_img.width = w;
li_img.dataset.video = videoUrl; li_img.dataset.video = videoUrl;
if(clickFun){
if(videoUrl && clickFun){
li_img.addEventListener("click", clickFun); li_img.addEventListener("click", clickFun);
} }
}
},
function addClickItemImg(div,url,popUrl,width,height,clickFun){
addClickItemImg:function (div,url,popUrl,width,height,clickFun){
let img = document.createElement("img"); let img = document.createElement("img");
img.className = "scroll-img"; img.className = "scroll-img";
img.width = width; img.width = width;
img.height = height; img.height = height;
img.src = url; img.src = url;
img.dataset.pop = popUrl; img.dataset.pop = popUrl;
if(clickFun){
if(popUrl && clickFun){
img.addEventListener("click", clickFun); img.addEventListener("click", clickFun);
} }
div.appendChild(img); div.appendChild(img);
}
},
function addWrapper(){
addWrapper:function (){
let li = document.createElement("li"); let li = document.createElement("li");
document.getElementById("cont").appendChild(li); document.getElementById("cont").appendChild(li);
li.className = "scroll-container"; li.className = "scroll-container";
@ -173,47 +173,12 @@ function addWrapper(){
wrapper.className="scroll-wrapper"; wrapper.className="scroll-wrapper";
li.appendChild(wrapper); li.appendChild(wrapper);
return wrapper; return wrapper;
}
function requestNoJM (params) {
let xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
let jsonObject;
try {
jsonObject = JSON.parse(xmlhttp.responseText);
} catch (e) {
params.fail();
return;
}
if (jsonObject.code == "200") {
params.success(jsonObject);
}
}
if (xmlhttp.readyState === 4 && (xmlhttp.status === 404 || xmlhttp.status === 405)) {
params.fail();
}
};
xmlhttp.onerror = function (e) {
params.fail();
};
xmlhttp.open('GET', params.url, true);
xmlhttp.setRequestHeader("Content-type", "application/json");
xmlhttp.send();
}
var config = {
},
config:{
"APPID":"5c2055f8", "APPID":"5c2055f8",
"API_SECRET":"2bc7168506a38cf1a7a52fb3ba63d873", "API_SECRET":"2bc7168506a38cf1a7a52fb3ba63d873",
"API_KEY":"2d1e9e5604d66089bda42ff4797201c1" "API_KEY":"2d1e9e5604d66089bda42ff4797201c1"
} }
}
export {initDate,onchangeSize,setScrollPosition,addBackItemText,addItemImg,addWrapper,addClickItemImg,addAvdi,addItemSmallImg,addItemBigImg,addredHot,addBackItemAction, config}
//
// requestNoJM({
// url: 'https://saas.1000my.com/Api/System/Login?key='+param,
// success: (res) => {
// console.log(res);
// },
// fail: () => {}
// })
export default QMUtil;

Write Preview
Loading…
Cancel
Save