mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-12 04:16:45 +08:00
案例样式
This commit is contained in:
@@ -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'])
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user