代码调整

This commit is contained in:
joylink_cuiweidong 2020-10-14 16:19:52 +08:00
parent 9c0ef5d8af
commit f02a55724b
3 changed files with 39 additions and 32 deletions

BIN
src/assets/yuyin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -23,34 +23,34 @@ export default class ELimitLines extends Group {
let y = traingle.dricty * (style.Section.speedLimit.distance) * traingle.getCosRate();
if (x == Infinity) { x = 0; }
if (y == Infinity) { y = 0; }
if (model.switch) {
// 上侧临时限速线
const speedLimitLeft = this.createLimit({
position: [x, -y],
switch: model.switch,
code: model.code,
isSwitchSection: model.switchSection,
relSwitchCode: model.relSwitchCode,
isCurve: model.curve, // 是否曲线
points: model.points
});
// if (model.switch) {
// 上侧临时限速线
const speedLimitLeft = this.createLimit({
position: [x, -y],
switch: model.switch,
code: model.code,
isSwitchSection: model.switchSection,
relSwitchCode: model.relSwitchCode,
isCurve: model.curve, // 是否曲线
points: model.points
});
// 下侧临时限速线
const speedLimitRight = this.createLimit({
position: [-x, y],
switch: model.switch,
code: model.code,
isSwitchSection: model.switchSection,
relSwitchCode: model.relSwitchCode,
isCurve: model.curve, // 是否曲线
points: model.points
});
speedLimitLeft.forEach(item => {
this.add(item);
});
speedLimitRight.forEach(item => {
this.add(item);
});
}
const speedLimitRight = this.createLimit({
position: [-x, y],
switch: model.switch,
code: model.code,
isSwitchSection: model.switchSection,
relSwitchCode: model.relSwitchCode,
isCurve: model.curve, // 是否曲线
points: model.points
});
speedLimitLeft.forEach(item => {
this.add(item);
});
speedLimitRight.forEach(item => {
this.add(item);
});
// }
}
}

View File

@ -9,8 +9,9 @@
</div>
<div class="userBubble" @click="playAudio(baseUrl+chatContent.src)">
<div class="userMessage">
<span class="el-icon-video-play playicon" />
<span class="messageText">{{ chatContent.content }}</span>
<!-- <span class="el-icon-video-play playicon" /> -->
<img :src="yuyin" alt="playicon1">
<!-- <span class="messageText">{{ chatContent.content }}</span> -->
</div>
</div>
<audio id="audioPlay" style="display:none" />
@ -20,7 +21,7 @@
</div>
</template>
<script>
import yuyin from '@/assets/yuyin.png';
export default {
props:{
messageList:{
@ -68,6 +69,7 @@ export default {
return {
chatContentList:[],
currentAudioList:[],
yuyin:yuyin,
currentAudioIndex:0,
isPlay:false,
baseUrl:process.env.VUE_APP_VOICE_API
@ -176,9 +178,11 @@ export default {
.userName{font-size: 12px;display:inline-block;margin-right:10px;}
.userChatTime{font-size: 12px;display:inline-block;}
.userBubble{
max-width: 200px;
font-size: 12px;
padding: 10px;
// max-width: 200px;
// padding: 10px;
padding: 5px 10px 6px 10px;
width: 140px;
background: #ccc;
border-radius: 5px;
cursor: pointer;
@ -188,6 +192,9 @@ export default {
font-size: 20px;
vertical-align: top;
}
.playicon1{
width:17px;
}
.textRight{text-align: right;}
.userMessage{}
.messageText{line-height: 20px;}