提交 88d6ba91 编写于 作者: guangjun.yang's avatar guangjun.yang

样式处理等

上级 a0f9190e
<template> <template>
<section class="qeustion-content-wrapper"> <section class="qeustion-content-wrapper">
<article class="public-title" v-show="currentQuestion.unionType"> <article class="content" v-show="currentQuestion.unionType">
<p class="text" v-show="currentQuestion.unionType == 1" v-html="currentQuestion.unionQuestion"></p> <p class="text" v-show="currentQuestion.unionType == 1" v-html="currentQuestion.unionQuestion"></p>
<article <article
class="select-wrapper" class="select-wrapper"
...@@ -64,7 +64,8 @@ ...@@ -64,7 +64,8 @@
</article> </article>
<article class="analysis-wrapper" v-show="currentQuestion.isAnalyzed"> <article class="analysis-wrapper" v-show="currentQuestion.isAnalyzed">
<span class="title">解析</span> <span class="title">解析</span>
<div v-if="currentQuestion.intro" class="content" v-html="currentQuestion.intro"></div> <div v-if="currentQuestion.intro && !currentQuestion.intro.startsWith('<img')" class="content" v-html="currentQuestion.intro"></div>
<div v-if="currentQuestion.intro && currentQuestion.intro.startsWith('<img')" class="content-nmt" v-html="currentQuestion.intro"></div>
<div class="no-intro" v-else> <div class="no-intro" v-else>
<img src="../../images/question/no-analysis.png" alt /> <img src="../../images/question/no-analysis.png" alt />
<span class="text">暂无相关解析</span> <span class="text">暂无相关解析</span>
...@@ -191,12 +192,18 @@ export default { ...@@ -191,12 +192,18 @@ export default {
}; };
</script> </script>
<style lang="less"> <style lang="less">
.title-wrapper, .analysis-wrapper{ .qeustion-content-wrapper, .title-wrapper, .answer-wrapper, .analysis-wrapper {
.content{ .content {
img{ img {
margin-top: 15px; margin-top: 15px;
max-width: 100% !important; max-width: 100% !important;
} }
}
.content-nmt {
img {
margin-top: 0;
max-width: 100% !important;
}
} }
} }
</style> </style>
...@@ -206,7 +213,7 @@ export default { ...@@ -206,7 +213,7 @@ export default {
// width: 98% !important; // width: 98% !important;
// } // }
font-size: 14px; font-size: 14px;
.public-title { .content {
.text { .text {
padding: 20px 15px; padding: 20px 15px;
font-size: 14px; font-size: 14px;
......
...@@ -107,10 +107,11 @@ const question = { ...@@ -107,10 +107,11 @@ const question = {
myAnswer = item.myAnswer; myAnswer = item.myAnswer;
answer = item.answer; answer = item.answer;
question = JSON.parse(JSON.stringify(item)); question = JSON.parse(JSON.stringify(item));
question.unionQuestion = question.unionQuestion.replace(/<img/, '<img style="max-width:98%;"'); // question.unionQuestion = question.unionQuestion.replace(/<img/, '<img style="max-width:98%;"');
question.question = question.question.replace(/<img/, '<img style="max-width:98%;"'); // question.question = question.question.replace(/<img/, '<img style="max-width:98%;"');
question.intro = question.intro.replace(/<img/, '<img style="max-width:98%;"'); // question.intro = question.intro.replace(/<img/, '<img style="max-width:98%;"');
let isAnalyzed = question.commitFlag && myAnswer != answer; let isAnalyzed = question.commitFlag && myAnswer != answer;
// question.anaIsImgStart = question.intro.startsWith('<img');
question.isAnalyzed = isAnalyzed; question.isAnalyzed = isAnalyzed;
option = {}; option = {};
optionList = []; optionList = [];
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册