代码调整
This commit is contained in:
parent
9c0ef5d8af
commit
f02a55724b
BIN
src/assets/yuyin.png
Normal file
BIN
src/assets/yuyin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.3 KiB |
@ -23,7 +23,7 @@ export default class ELimitLines extends Group {
|
|||||||
let y = traingle.dricty * (style.Section.speedLimit.distance) * traingle.getCosRate();
|
let y = traingle.dricty * (style.Section.speedLimit.distance) * traingle.getCosRate();
|
||||||
if (x == Infinity) { x = 0; }
|
if (x == Infinity) { x = 0; }
|
||||||
if (y == Infinity) { y = 0; }
|
if (y == Infinity) { y = 0; }
|
||||||
if (model.switch) {
|
// if (model.switch) {
|
||||||
// 上侧临时限速线
|
// 上侧临时限速线
|
||||||
const speedLimitLeft = this.createLimit({
|
const speedLimitLeft = this.createLimit({
|
||||||
position: [x, -y],
|
position: [x, -y],
|
||||||
@ -50,7 +50,7 @@ export default class ELimitLines extends Group {
|
|||||||
speedLimitRight.forEach(item => {
|
speedLimitRight.forEach(item => {
|
||||||
this.add(item);
|
this.add(item);
|
||||||
});
|
});
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -9,8 +9,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="userBubble" @click="playAudio(baseUrl+chatContent.src)">
|
<div class="userBubble" @click="playAudio(baseUrl+chatContent.src)">
|
||||||
<div class="userMessage">
|
<div class="userMessage">
|
||||||
<span class="el-icon-video-play playicon" />
|
<!-- <span class="el-icon-video-play playicon" /> -->
|
||||||
<span class="messageText">{{ chatContent.content }}</span>
|
<img :src="yuyin" alt="playicon1">
|
||||||
|
<!-- <span class="messageText">{{ chatContent.content }}</span> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<audio id="audioPlay" style="display:none" />
|
<audio id="audioPlay" style="display:none" />
|
||||||
@ -20,7 +21,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import yuyin from '@/assets/yuyin.png';
|
||||||
export default {
|
export default {
|
||||||
props:{
|
props:{
|
||||||
messageList:{
|
messageList:{
|
||||||
@ -68,6 +69,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
chatContentList:[],
|
chatContentList:[],
|
||||||
currentAudioList:[],
|
currentAudioList:[],
|
||||||
|
yuyin:yuyin,
|
||||||
currentAudioIndex:0,
|
currentAudioIndex:0,
|
||||||
isPlay:false,
|
isPlay:false,
|
||||||
baseUrl:process.env.VUE_APP_VOICE_API
|
baseUrl:process.env.VUE_APP_VOICE_API
|
||||||
@ -176,9 +178,11 @@ export default {
|
|||||||
.userName{font-size: 12px;display:inline-block;margin-right:10px;}
|
.userName{font-size: 12px;display:inline-block;margin-right:10px;}
|
||||||
.userChatTime{font-size: 12px;display:inline-block;}
|
.userChatTime{font-size: 12px;display:inline-block;}
|
||||||
.userBubble{
|
.userBubble{
|
||||||
max-width: 200px;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 10px;
|
// max-width: 200px;
|
||||||
|
// padding: 10px;
|
||||||
|
padding: 5px 10px 6px 10px;
|
||||||
|
width: 140px;
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -188,6 +192,9 @@ export default {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
.playicon1{
|
||||||
|
width:17px;
|
||||||
|
}
|
||||||
.textRight{text-align: right;}
|
.textRight{text-align: right;}
|
||||||
.userMessage{}
|
.userMessage{}
|
||||||
.messageText{line-height: 20px;}
|
.messageText{line-height: 20px;}
|
||||||
|
Loading…
Reference in New Issue
Block a user