mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 20:06:44 +08:00
案例详情样式
This commit is contained in:
@@ -53,7 +53,7 @@
|
|||||||
show-word-limit
|
show-word-limit
|
||||||
v-model="inputValue"
|
v-model="inputValue"
|
||||||
maxlength="800"
|
maxlength="800"
|
||||||
placeholder="写下您的评论(800字以内),可以@案主哦~"
|
placeholder="写下您的评论~"
|
||||||
></el-input>
|
></el-input>
|
||||||
|
|
||||||
|
|
||||||
@@ -793,6 +793,7 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
.publish-button{
|
.publish-button{
|
||||||
// line-height: 30px;
|
// line-height: 30px;
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
|
|||||||
@@ -13,7 +13,10 @@
|
|||||||
<span class="crumbs-line">/</span>
|
<span class="crumbs-line">/</span>
|
||||||
<span class="crumbs-last">案例详情</span>
|
<span class="crumbs-last">案例详情</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">{{ caseDetail.title }}</div>
|
<div class="title">
|
||||||
|
<h5>{{ caseDetail.title }}</h5>
|
||||||
|
<span style="text-align: right;" v-if="caseDetail.sysCreateTime"> <i class="el-icon-time"></i> {{ caseDetail.sysCreateTime.substring(0,10) }}</span>
|
||||||
|
</div>
|
||||||
<div class="label">
|
<div class="label">
|
||||||
<author :onlyAvatar="true" :avatar="authorInfo.avatar" :sex="authorInfo.sex" ></author>
|
<author :onlyAvatar="true" :avatar="authorInfo.avatar" :sex="authorInfo.sex" ></author>
|
||||||
<span>案主:{{ authorInfo.name }} ({{authorInfo.orgInfo}})</span>
|
<span>案主:{{ authorInfo.name }} ({{authorInfo.orgInfo}})</span>
|
||||||
@@ -21,7 +24,6 @@
|
|||||||
<span>工号:{{ authorInfo.code }}</span>
|
<span>工号:{{ authorInfo.code }}</span>
|
||||||
<span>组织:{{ authorInfo.orgInfo }} </span> -->
|
<span>组织:{{ authorInfo.orgInfo }} </span> -->
|
||||||
<span> {{authorInfo.sign}}</span>
|
<span> {{authorInfo.sign}}</span>
|
||||||
<span style="text-align: right;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="label">
|
<!-- <div class="label">
|
||||||
<span style="margin-left:0px;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
|
<span style="margin-left:0px;" v-if="caseDetail.sysCreateTime">{{ caseDetail.sysCreateTime.substring(0,10) }}</span>
|
||||||
@@ -529,6 +531,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
||||||
.case-banner{
|
.case-banner{
|
||||||
height: 240px;
|
height: 240px;
|
||||||
background: url('/images/case-banner.png');
|
background: url('/images/case-banner.png');
|
||||||
@@ -630,11 +633,21 @@ export default {
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 50px;
|
padding: 50px;
|
||||||
.title {
|
.title {
|
||||||
font-size: 20px;
|
display: flex;
|
||||||
line-height: 45px;
|
width: 100%;
|
||||||
font-weight: 600;
|
h5{
|
||||||
margin: 10px 0px;
|
margin: 0;
|
||||||
word-break:break-all;
|
font-size: 20px;
|
||||||
|
line-height: 45px;
|
||||||
|
font-weight: 600;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
margin-left: auto;
|
||||||
|
line-height: 45px;
|
||||||
|
color: #999999;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
@@ -802,6 +815,7 @@ export default {
|
|||||||
.aligh-title{
|
.aligh-title{
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
||||||
}
|
}
|
||||||
.ranking-data {
|
.ranking-data {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user