案例样式

This commit is contained in:
lmj
2022-06-10 12:59:32 +08:00
parent e3f3b13738
commit e879777230
2 changed files with 27 additions and 13 deletions

View File

@@ -155,6 +155,7 @@
</div> </div>
</div> </div>
<portal-footer></portal-footer> <portal-footer></portal-footer>
<portalFloatTools></portalFloatTools>
</div> </div>
</template> </template>
@@ -173,9 +174,10 @@ import apiDict from "@/api/modules/dict.js"
import {encrypt} from '@/utils/jsencrypt.js'; import {encrypt} from '@/utils/jsencrypt.js';
import cookies from 'vue-cookies' import cookies from 'vue-cookies'
import {cutFullName} from "@/utils/tools.js"; import {cutFullName} from "@/utils/tools.js";
import portalFloatTools from "@/components/PortalFloatTools.vue";
export default { export default {
name: 'atticle', name: 'atticle',
components: { portalHeader, portalFooter, interactBar, author, comments,pdfPreview }, components: { portalHeader,portalFloatTools, portalFooter, interactBar, author, comments,pdfPreview },
computed: { computed: {
...mapGetters(['userInfo']) ...mapGetters(['userInfo'])
}, },

View File

@@ -89,14 +89,14 @@
<div style="height:32px; "> <div style="height:32px; ">
<author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author> <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex"></author>
</div> </div>
<div class="keyword-text"> <div class="keyword-text clearfix">
<span style="color:#666" v-if="item.orgDomain">{{ item.orgDomain }}</span> <div style="color:#666" v-if="item.orgDomain">{{ item.orgDomain }}</div>
<span style="color:#666" v-if="item.majorType">{{ item.majorType }}</span> <div style="color:#666" v-if="item.majorType">{{ item.majorType }}</div>
<span v-if="item.keyword1">{{ item.keyword1 }}</span> <div v-if="item.keyword1">{{ item.keyword1 }}</div>
<span v-if="item.keyword2">{{ item.keyword2 }}</span> <div v-if="item.keyword2">{{ item.keyword2 }}</div>
<span v-if="item.keyword3">{{ item.keyword3 }}</span> <div v-if="item.keyword3">{{ item.keyword3 }}</div>
<span v-if="item.keyword4">{{ item.keyword4 }}</span> <div v-if="item.keyword4">{{ item.keyword4 }}</div>
<span v-if="item.keyword5">{{ item.keyword5 }}</span> <div v-if="item.keyword5">{{ item.keyword5 }}</div>
</div> </div>
</router-link> </router-link>
<div class="case-info-summary" @click="jumcasedet(item)"> <div class="case-info-summary" @click="jumcasedet(item)">
@@ -632,7 +632,7 @@ export default {
} }
.case-titdiv { .case-titdiv {
line-height: 25px; line-height: 30px;
display: flex; display: flex;
.case-tittext { .case-tittext {
font-size: 18px; font-size: 18px;
@@ -650,13 +650,24 @@ export default {
margin-left: 0; margin-left: 0;
margin-right: 20px; margin-right: 20px;
} }
.clearfix:after{
content: "020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.keyword-text { .keyword-text {
span {
line-height: 30px; div {
margin-top: 5px;
float: left;
height: 19px;
line-height: 19px;
font-size: 12px; font-size: 12px;
color: #9c9c9c; color: #9c9c9c;
border: 1px solid #c2c3c8; border: 1px solid #c2c3c8;
padding: 2px 5px; padding: 0px 5px;
border-radius: 2px; border-radius: 2px;
margin-right: 8px; margin-right: 8px;
} }
@@ -850,6 +861,7 @@ export default {
} }
} }
.case-info-summary { .case-info-summary {
margin-top:3px;
cursor: pointer; cursor: pointer;
margin-bottom: 5px; margin-bottom: 5px;
word-break: break-all; word-break: break-all;